- web前端实训报告 推荐度:
- 相关推荐
web实训报告
在日常生活和工作中,接触并使用报告的人越来越多,报告具有双向沟通性的特点。那么一般报告是怎么写的呢?以下是小编精心整理的web实训报告,希望能够帮助到大家。
web实训报告1
一、实训项目
简易记事本
二、实训目的和要求
本次实训是对前面学过的所有面向对象的编程思想以及JAVAWEB编程方法的一个总结、回顾和实践,因此,开始设计前学生一定要先回顾以前所学的内容,明确本次作业设计所要用到的技术点并到网上搜索以及查阅相关的书籍来搜集资料。通过编写采用JSP+Servlet+JavaBean技术框架的应用系统综合实例,以掌握JavaWEB开发技术。
具体要求有以下几点:
1.问题的描述与程序将要实现的具体功能。
2.程序功能实现的具体设计思路或框架,并检查流程设计。3.代码实现。4.设计小结。
三、实训项目的开发环境和所使用的技术
基于J2SE基础,利用MyEclipse8.5以上版本的集成开发环境完成实训项目,界面友好,代码的可维护性好,有必要的注释和相应的文档。
四、实训地点、日程、分组情况:
实训地点:4栋303机房日程:
第一阶段:1.班级分组,选定课题,查阅相关资料半天2.划分模块、小组成员分工半天3.利用CASE工具进行系统设计和分析,并编制源程序5天
第二阶段:上机调试,修改、调试、完善系统2天
第三阶段:撰写、上交课程设计报告,上交课程设计作品源程序(每人1份)2天
五、程序分析
功能模块说明弹出菜单
for(intf=0;f 创建保存文件对话框
publicvoidsaveFile(){ 创建打开文件对话框
privatevoidopenFile(){ JFileChooserfilechoose=newJFileChooser();intresult=filechoose.showOpenDialog(null);if(result==JFileChooser.APPROVE_OPTION)}
{try{
Filefile=filechoose.getSelectedFile();FileReaderfr=newFileReader(file);intlen=(int)file.length();char[]context=newchar[len];fr.read(context,0,len);fr.close();
jta.setText(newString(context)); JFileChooserfilechoose=newJFileChooser();intresult=filechoose.showSaveDialog(null);if(result==JFileChooser.APPROVE_OPTION)}
{try{
Filefile=filechoose.getSelectedFile();FileWriterfw=newFileWriter(file);fw.write(jta.getText());fw.close();
}catch(Exceptione){System.out.println("保存文件失败!");}}elsereturn;
}catch(Exceptione){System.out.println("打开文件失败!");}}elsereturn;
六、程序设计及实现
1、实现弹出菜单(JpopupMenu)2、设置字型,字体大小,字体颜色3、实现自动换行
七、实训总结
通过3天的实训,虽然实训的时间不长,但是总体上收获是很大的,我们的java课程学到的只是对java略知一二,[javaweb实习报告]一开始我还没有信心完成。我仔细看了书上的代码之后。对计事本有了一个大体的了解,在初训的实候知道自己应该做一个什么样的计事本了,在实训的过程中也遇到了不少困难,通过查API文档和看书,解决了问题,在写到字符的查找的替换时后,用到了上课时学到的知识,对字体的风格的保存里面的颜色分离和还原方法,是通过查API文档获得的,现在我所写的计事本只实现在一些基本功能。简单的复制粘贴,字体风格的设置,还有就是查找和替换功能以及一些字体风格的保存.对文件的操作基本都用到了。
在实现记事本的功能过程中,也不是很顺利,基本的文件读写和保存文档的复制、粘贴、删除等功能还比较容易实现,但如何改变字体、字体颜色和背景颜色,就比较麻烦了,要实现字体颜色和背景颜色,首先要调用系统的调色板,再进行设置。但如何调用系统调色板?我是通过查阅帮助文档来找到其调用方法的。像自动换行、设置字体等都是通过方法来调用,给相关事件加上监听,在进行响应事件。整个程序中方法才是最关键的,也是最困难的.。所以像查找、替换、转到几个功能我都不知道用什么方法,也由于时间有限,没有完成其功能。总体的感觉是对java有了一个全新的认识,现在感觉用java做小的图形用户程序有些缺陷,但是在其的应用方面。尤其是有网络方面的应用,在整个实训我也尝试过做一个小的画图软件。但是由于时间关系还有一个是自身的知识的欠缺,最终这个事情被搁浅下来了。最后还是进行计事本的编写。由于在做画图软件时花了不了时间,所以现在的计事本的功能不是很全,如果有更多的时间,我会把这个记事体再完善一下,再把画图软件也做出来。实训的时间不长,但是我会在课外把它们的功能完善。然后再学习一下java和网络的编程,体验java的前沿技术。
在学习的过程中也体会到,遇到问题也要请教。不然的话自己一个人去做的话会花很多的时间,我在做这个记事本的时间,其中也问到过许多问题,通过同学的帮助下解决了,提高了程序的开发进程。其他的同学有问题的话我也是给他们尽量解决。我认为学习知识的过程当中就应该是相互学习相互进步的。
Java是面在的主流技术我会努力将它学好,现在我缺乏的是坚持不懈的精神,我会向他学习。
虽然学习java的路还很找,但我会继续走下去。
web实训报告2
一、实训项目
简易记事本
二、实训目的和要求
本次实训是对前面学过的所有面向对象的编程思想以及JAVAWEB编程方法的一个总结、回顾和实践,因此,开始设计前学生一定要先回顾以前所学的内容,明确本次作业设计所要用到的.技术点并到网上搜索以及查阅相关的书籍来搜集资料。
通过编写采用JSP+Servlet+JavaBean技术框架的应用系统综合实例,以掌握JavaWEB开发技术。
具体要求有以下几点:
1。问题的描述与程序将要实现的具体功能。
2。程序功能实现的具体设计思路或框架,并检查流程设计。
3。代码实现。
4。设计小结。
三、实训项目的开发环境和所使用的技术
基于J2SE基础,利用MyEclipse8。5以上版本的集成开发环境完成实训项目,界面友好,代码的可维护性好,有必要的注释和相应的文档。
四、实训地点、日程、分组情况:
实训地点:4栋303机房日程:
第一阶段:1、班级分组,选定课题,查阅相关资料半天2、划分模块、小组成员分工半天3、利用CASE工具进行系统设计和分析,并编制源程序5天
第二阶段:上机调试,修改、调试、完善系统2天
第三阶段:撰写、上交课程设计报告,上交课程设计作品源程序(每人1份)2天。
web实训报告3
经过这几个月的实习努力,我做的几个网站已经挂到了网上,很欣慰,有进步,继续加油。
我的第一份工作是在深圳E医院工作,我归属于网络部网页设计开发兼优化推广等,在深圳E医院网络部,我主要是负责的是:网页设计(如网站的改良工、设计新的专题网站等),兼顾优化与推广。
磨炼了二个多月,逐渐的接触网站的设计与改良,全部的网站都重新排版与设计,同时,得采用优化角度考虑布局和运用CSS+DIV来构建心里苦涩,CSS+DIV,我还没学到家吖,看来还得努力学习,就这样,白天专心做好工作事项,晚上专心恶补CSS+DIV、优化知识等。终于自己设计的网站成功上线,很欣慰,无愧于此。
原本想让自己休息一阵子,可是无聊和休闲不太适合我,于是到第三天,开始网站投简历,意料不到,隔天就收到深圳市z科技有限公司的面试通知,后面试完不久,又接到该公司成功录取(很开心也很兴奋,嘻嘻,因为我不用做无业游民了)。
3月14日,我又重新展开我的职业生涯,勇敢向前冲。在刚到新公司报到,一切都得从零开始,同时,要学习知识方面也逐渐地扩大。蒋副总和主管给我两周左右的时间适当环境与熟悉一下近辅助软件等,终于在第三周起,我逐渐地开始接触公司布置的任务,刚开始,着手设计并规划公司的门户,因为目前公司成立将近四年多,还没有一个能真正给大众能一目清晰的公司性质与发展方向等。
其实,自己在负责设计与制作公司门户,其中碰到不少问题,因为如今采用布局框架,唯独CSS+DIV,因此,过程中碰到的问题不单单只是CSS规范写法,同时得考虑写法是否引起兼容性的错乱等等。
当初成品网站提给老总和副总等人浏览时,其中错误不断,而且也出现编写脚本错误等等,让我无比的无奈,因为我在编写与设计过程,基本会考虑到IE、FF等常见的BUG问题,没想到在本机测试时,基本都正常,但在给不同用户体验时,时常会出现脚本错误提醒和一些属性中在不同浏览出现的BUG……
经过不断地测试与修改,终于,完成了该站,结束为期半个多月的任务,同时,公司门户也如期更新与使用。事后主管也跟我说,经过这次CASE中,自己要多想想并做好总结,那些是自己日后该避免,那些是自己目前得加强与巩固等等,让自己的设计与制作水平提高一定层次,切记骄傲滞前!
在独自完成这个CASE中,我也发现自己需要恶补的东西,很多很多,例如,如何能做到尽快克服各浏览器中的BUG,怎样使得布局按照优化角度来设计,怎样让用户者体验舒服,怎样让呆板的.网页赋有生机,让大众感觉尽管内容虽少却不失想浏览之心或内容过充实却不会造成冗余等等,而其中就借助JavaS-cript、aJax、Jquery等脚本的编写……这些知识是我目前为缺乏的,也是需要恶补的知识,所以,一旦有时间,我得努力地学习与逐渐地应用实际操作上,让自己做到懂得一举反三等等,而不是过于呆板引用等。
总之,经过这半年工作实践与体验,虽在不同公司性质中实习,但确实让自己成长了不少,也明白不管在学校还是在社会上,如果要让别人肯定你,聘用你等,关键在于自己是否有一门技术吸引着别人或让别人想收为己用的心态等,同时,主管也跟我说起:自己要懂得,如果想要在IT行业长时间发展,不单单只需要良好的WEB前端技术,同时也需要一门动态语言来补充着自己,让自己不过于依赖别人,尝试让别人依赖自己,这样,处于IT网页制作行业中,就不轻易让人淘汰等。
在调整好心态,努力工作下,目前在该公司独自做好几个CASE,现在又接手做子公司站,希望自己能越做越好,加油,为美好的明天,勇敢向前冲!
web实训报告4
一.网站的需求分析
对于个人网站而言,一个好的网页会给人留下深刻的印象,那样才会提高网站的知名度才会增加点击率。如果通过网站管理系统工作,就可以拓开以前传统的宣传思路,用户可以通过上网就能达到找到所需要材料的目的,并且可以给管理员留言以反馈意见。
二.系统实现所需要的软件
网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash、ACCESS数据库、动态网页编程语言ASP
三、网站设计的思路
网站拓扑图构画
从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。网站包括哪些栏目,采用什么样的制作结构,这些都是我们在制作网站前首先要确定的,
下面是我个人网站的结构图:
四、系统功能模块的实现过程
个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的网站。本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。通过数据库的创建与连接实现了人机交互功能。
1个人首页功能模块功能的实现过程
个人首页主要放置主人的最新动态,导航条菜单包括首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。给我留言,必须通过先登陆或先注册才能进行留言。底部插入个人网站的版权信息,同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。
(1).个人首页导航功能实现介绍
个人首页导航有七个链接分别是:我的首页、个人简历、个人相册、文字拾掇、 我的聊吧、给我留言、友情链接。它们都采用“行为”中“交换图像”。如图3-1所示。
(2).个人首页公告栏功能实现过程
公告栏的功能主要是对于浏览者现设计的。当浏览者进入首页时就可以看到分告栏中的信息。主要用于提示和建议如何进行合法访问和主人的一些个人小要求。如图3-2所示。
本站最新公告栏中的信息当鼠标经过时就停止,当鼠标移开时又开始流动。其功能的实现主要是通过以下代码:
scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
(3).留言板功能实现过程
设计一个留言板作为和浏览者交流的纽带,这样可随时掌握浏览者的相关信息和最新动态。浏览者通过留言后提交到后台数据库中,然后管理用户可以通过后台进行对其留言的回复。留言薄的设计如图3-4所示这样就可以产生一个动态的留言薄交互平台。
(4).注册功能模块实现过程
注册页面主要是对于没有用户名和帐号的浏览者要进行留言时所设计的页面。当浏览者注册后的信息将自动提交到后台数据库中,以便下次要进行留言。注册页面的设计
2个人简介功能模块的实现过程
本模块是个人简介部分,每个个人网站都会有作者介绍。在个人简介中主要实现了两个功能模
块分别是:个人简历列信息显示和个人作品的展现。在这页面主要的是静态的页面。只在个人简历页面采用了热点链接来进行到个人作品的跳转。在这个模块访客会了解到作者的一些基本信息,界面内容如图3-6所示。
完成上述页面后,单击我的“作品展示”这时链接到我的个人作品页面。这个页面基本上是静态的.。主要放置了我的Photoshop作品和Flash作品等。在这个有限和空间里放置我的作品是不够的。所以采用了用层和行为来进和作品的交换显示。界面的内容如图3-7所示。
3个人相册功能模块的实现过程
本模块是展示个人的相册,主要是借鉴影集的制作来完成个人相册的功能的实现。个人相册进行好归类后分成多个方面的相册所以首先进入是个人相册的目录。个人相册主中,浏览者可以看到我“求学生涯”、“友情合影”、“大学生活”、“欢乐之行”、“拥抱记忆”、“温馨之家”,的相关照片。在进行相册查看时浏览者通过单击滚动中的小图片然后在层中显示在图片,如下图3-8所示。
web实训报告5
所谓行万里路,必先始于足下。刚开始学习WEB前端基础的时候,老师说,其实你们学的这个后面真正去工作的时候可能也不是很会用到,所以就有很多人会问,既然我们都用不到,那干嘛还学呀?其实,对于一个程序员来说,你不仅要有很好的后端专业能力,你还应当具备一定的前端素养,知道一些起码的前端知识。
来到XX的第一个月,我们是以基础为主吧,因为大家到这里的基础都不一样,有一些本身就具备很高水准的人,也有很多像自己一样从小白开始的人,所以,对我们而言,XX开设的这种双元模式对我们是有很大用处的。我们从最基础的开始学习,在学习HTML的时候,我们还延续着很古老和古老的表格制作网站,然后到后面的CSS学习,用CSS样式去进一步完善我们制作的网址,再到着一期的难点JS课程体系,一级最后的JQ和BOOtstrap,可以说这个过程其实也是一个循序肩颈的过程,有简到难的过程。
第一部分:HTML的学习
其实HTML的四天学习的话,重要的就是一个标记的学习,这大概是学习一门语言最基础的一部分吧。但是也不是说背一背就解决问题的,选择IT,程序员这一方面,只要多练习,多敲代码感觉就好了,所以熟练的使用这些标记其实不是很大的问题,对自己来说,比较难的是一个表格和框架,也许会有人说,表格有什么难的,就行列的问题啊,但是不知道为什么,在学习的那几天对于表格的学习和接受能力都没有别的那么好,表格的整体框架能搭出来,但是就是对于表格的美化总做不到自己心里所预期的那样。其实练习的话也是挺多的,对于表格的网页练习做了应该也有一二十个的,但是就是没那么理想,所以这方面的话也是需要自己多加练习和修正的,因为表格的用处还是挺大的。HTML的学习方面还有框架和表单,框架的话,就是一个网页的主体了,网页的大致形式基本上从你的框架结构就可以知道的,学习框架,重要的就是网页的布局如何划分,然后利用框架的嵌套,浮动就可以解决的,学习过程也不会是很大的难度。
想想HTML还学了些什么呢?表单!表单对前端开发来说还是挺高的,因为我们能在一个网页中看到很多的表单应用。包括用户的注册啦,密码验证啦,还有搜索栏之类的,几乎全是表单的'应用。表单学习比较重要的地方应该就是那十来个表单控件的应用,这些表单控件进一步区分的话还有就是单边标记和双边标的的表单控件,因为很多单边标记的表单,他的值一般只能是存在value当中,如果不注意的话,很多时候我们会忘记写上这个value。这个阶段的表单感觉并不是那么难,当然,学到后面的JS之后,相对于表单验证之类的才感觉难了很多。
第二部分:CSS学习
对我来说,CSS课程虽然只有三天,但是却是更应该学好的一个模块。因为我们都知道,其实一个网站的WEB前端,就是用
加CSS来写的,不是用之前的表格来写的,足以见得CSS的重要性。CSS就是网页样式,一个网页的整体美感,在你确定了框架之后,就看你的CSS样式的添加了,所以一直以来都很想把CSS学好。记得CSS学习的那几天,自己的消化还是很好的,自己去独立完成练习的时候也是没有太大难度的,但是不知道是为什么,到后面学习JSJQ的时候,操作CSS时居然会吧CSS和HTML弄的有点混淆,这一点一直没做好。CSS的学习还有一个地方就是浮动,因为存在块元素和行辈元素,块元素因为其本身特性,一个块元素标记他要占用一整行的空间,而一个行内元素他只能占用行内的一些空间,但是在实际操作中,很多时候我们却要想将多个块元素排在同一行,或者将多个行内元素排在不同行,这时候就可以使用浮动的方法来实现,浮动最主要做的就是这个,唯一要记住的一点就是做了浮动之后,如果他的父元素是没有进行匡高的设定的话,是不是要进行清除浮动,防止下面的操作也是有浮动的。
第三部分:重点学习JS
JS是相对于这整个月学习的重点吧,也是很多人没办法很好接触的地方,当然,自己在这里的学习也是有不足的地方。像一些对属性的操作的标记之类,懂得怎么用,但是不是很熟悉,所以经常在操作的时候要去查手册。学的最不好的一个地方应该是将数组中的元素按照一定的规则或者顺序添加到指定或对应的表格中,这中题型是自己做的比较少的,也是掌握很不好的地方,所以也希望用放假的这几天好好练习一下,不能拖到下一个阶段去。个人对JS的理解其实就是大量算法的集合,因为很多时候你都会用到函数,只是多了一些找元素和对元素绑定标记的过程,最重要的还是构造函数,调用函数的过程!
第四部分:JQ及Bootstrap
对于JQ和Bootstrap的学习来说,其实就是一个应用的过程吧,所有的函数都帮你写好了,你只需要学会调用就好了的。当然。调用他,其实对于JQ来说,学习的过程没有具备很大的难度,只是尝试着去多写写,写两三次基本就记住怎么用了。最后还有一天的Bootstrap学习,写过一些案例,只要会改,基本没有太大的难度。
后续:其实对于WEB前端的学习的话重要的就是多用,很多东西我们上课听得时候其实都基本听得懂,但是更重要的是在于你课后的练习,离开了老师的一个思维引导,我们该怎样去完成项目才是我们该学会的。这一个月的学习难度系数都不是很高。但却是一个比较繁杂的过程,因为作为前端来说,我们需要不断的优化,不断的修正,美化整个页面。不管是前端还是后端,都希望自己能好好学!
【web实训报告】相关文章:
实训的报告02-21
汽车技能实训车间实训报告01-07
钳工的实训报告03-14
工程实训报告03-03
车间实训报告03-07
vbse实训报告03-01
管理实训报告03-09
机械实训报告03-14
实训物流报告05-18