web实验报告分析.docx
- 文档编号:5448054
- 上传时间:2023-05-08
- 格式:DOCX
- 页数:14
- 大小:283.21KB
web实验报告分析.docx
《web实验报告分析.docx》由会员分享,可在线阅读,更多相关《web实验报告分析.docx(14页珍藏版)》请在冰点文库上搜索。
web实验报告分析
中国矿业大学计算机学院
2012级本科生课程报告
课程名称Web技术
学生姓名周鹏
学号08123336
专业计科13-5班
任课教师赵莹
报告时间2015.11.12
任课教师评语
实验成果评价
评价项目
评分标准
评价
对课程的基础理论掌握
很好地掌握了本课程的基础理论
较好地掌握了本课程的基础理论
一般地掌握了本课程的基础理论
基础理论知识掌握不够坚实
对课程知识应用能力的掌握
很好地将所学的相关知识应用到WEB程序开发中
较好地将所学的相关知识应用到WEB程序开发中
一般地将所学的相关知识应用到WEB程序开发中
将所学的相关知识应用到WEB程序开发中的能力不足
实验成果评价
全部实验成果运行效果很好
全部实验成果运行效果较好
1-2个实验成果运行效果不理想
1-2个实验成果无法运行
实验成果和报告工作量
实验成果及报告内容比较充实,工作量较大
实验成果及报告内容完整,工作量大
实验成果及报告内容基本完整,工作量一般
实验成果及报告内容有欠缺,工作量不足
各实验成果评分
实验成果
一
二
三
总分
分值
25
25
50
得分
成绩:
任课教师签字:
年月日
实验一、静态web页面设计实验
1.1、实验要求
1、使用HTML5开发Web静态页面。
按照HTML5的规范设计与开发网站。
2、练习HTML5的新HTML5新特性和效果。
3、练习使用Web页面开发工具。
(MyEclipse、Dreamwear、VS.NET或其它)
4、完成实验报告和实验成果。
1.2、实验目的
1.配置Web(TOMCAT)服务器,了解Web工作原理。
2.熟悉常用HTML5标记的含义,能够熟练使用这些标记设计静态Web页面,实现Web页面上的各种元素的合理布局,如表单、表格、图片以及框架等标记的使用。
3.了解CSS样式表的定义和使用方法,能够使用CSS美化和布局Web页面。
4.掌握JavaSript脚本语言的基本语法。
5.能够使用JavaScript与浏览器对象进行交互。
6.能够使用JavaSript处理表单和表单元素事件。
1.3、详细设计
1.3.1、实验内容
1.能够独立安装Web服务器,TOMCAT,理解Web服务器的常用配置,并利用其搭建网站,设计一组静态的网页,至少5个页面,其中包括1个注册页面。
2.利用CSS技术布局并美化页面。
3.使用JavaScript脚本对注册页面进行验证,防止错误数据输入。
4.使用一些JavaScript脚本实现网面部分内容的动态显示,加入时钟等(不限于此)。
1.3.2、设计步骤
(1)搭建平台
在搭建平台过程中,由于自己开始用Eclipse开发过简单的JSP,自己就首选了Eclipse,自己的Tomcat在开始是也都配置完成了,主要就是主题选用。
(2)主题选择
在着手写网页之前,自己先构思一下,具体要以什么为主题,写一个什么风格的网页,最终决定写一个以矿大考研为主题的网页。
(3)网页搭建
在开发中,因为开始开发JSP时只是很简单的功能,自己对HTML语法并不熟悉,在同学帮助下先,然后通过XX以及课件知识,一步一步往框架中添加各个元素,图片、链接、文本框等等,最终形成现在这个页面。
(4)报告撰写
依照自己做实验过程,根据老师给的实验要求,将自己的这一流程记录而成。
1.4、设计心得
在去年的课程里就接触过Eclipse,而通过本次实验,我对Eclipse又有了进一步的认识。
做了这次实验之后,我对各个网页的大体结构和HTML语法有了一定的了解,对于网页的页面的整体规划上也比开始好了很多。
实验二、动态web页面设计实验
2.1、实验要求
1.实验之前认真查阅相关资料,准备好实验方案。
2.认真实验,对实验过程、结果进行分析,注意验证实验效果。
3.完成实验报告和实验成果
2.2、实验目的
1、熟悉JSP的开发工具,掌握服务器端Web程序的工作原理
2、熟悉JSP编译指令,动作标记
3、熟悉JSP的隐含对象,正确理解request、session、application三个对象的作用域。
4、掌握编写JavaBean的方法,使用JSP useBean>、 setProperty>、 getProperty>3个动作指令。 5、掌握JSP中表单和表单Bean的映射。 2.3、详细设计与编码 2.3.1、实验内容 1、修改实验1中的静态页面,改为JSP页面。 2、依据注册页面,设计1个JavaBean并实现服务器端的验证,防止错误数据的录入。 3、使用session对象,实现登录、注销功能。 4、练习使用客户端跳转、服务器端跳转。 2.3.2、设计步骤 (1)修改实验1中的静态页面,改为JSP页面。 (2)使用JSP技术设计Web页面,至少有5个页面,一定要能够体现JSP内置对象不同的作用域 可在此页面进行多个页面的跳转了,例如跳转到注册页面 用户注册和登录都是两个jsp跳转页面。 (3)在“实验一”的基础上,设计1个JavaBean实现注册页面服务器端的验证,防止错误数据的录入。 (4)使用session对象,实现登录、注销功能。 练习使用客户端跳转、服务器端跳转。 通过这次实验反复页面的跳转都是没有问题,可以容易实现客户端与服务器的跳转。 2.4、设计心得 虽然对Eclipse有一定程度的了解,但是实验过程中还是遇到了很多困难,第二次实验用到了之前没接触过的tomcat,因此配置过程中遇到了不少麻烦。 实验期间,我经过学霸同学的帮助,好不容易完成了这个作业。 实验三、Web数据库实验 3.1、实验要求 1、实验之前认真查阅相关资料,准备好实验方案。 2、完成实验报告和实验成果 3.2、实验目的 1、掌握Servlet的开发、配置 2、掌握Filter的开发与配置 3、熟悉JDBC以及DAO的概念及工作原理 4、能够熟练运用JDBC以及DAO模式对数据库进行访问,实现数据查询、添加、修改等常用操作。 3.3、详细设计与编码 3.3.1、实验内容 1、登录页面表单提交后转到Servlet进行处理,根据用户类型转到不同的页面。 2、请设计一种过滤器实现权限控制机制。 如果用户进入Web应用没有登录时,要求用户必须进行登录页面。 3、使用JDBC技术进行数据库的连接与访问。 4、采用DAO设计模式开发。 使用自己熟悉的网络数据库,设计一个小的系统(可以在之间的页面上实现),要求如下: 至少包括2张数据表(字段数不少于4); 实现对2张表格的增、删、改、查操作。 具有不同类型用户的登录控制页面。 要求每一项操作对应与一张页面。 3.3.2、设计步骤 (1)登录页面表单提交后转到Servlet进行处理,根据用户类型转到不同的页面。 以上是在login.html中实现的简单类型选择。 当选择用户登录时,跳转到如下login.jsp页面: 而选择管理员时,跳转到manage.jsp页面: 其中的判断在servlet.java文件中实现,如下所示: (type是login.html中单选按钮的名称。 ) Servlet.java中doGet方法跟doPost方法一样,实现功能是一样的。 Servlet的配置如下所示: (并且实现了服务器中的编写代码的隐藏。 ) (2)请设计一种过滤器实现权限控制机制。 如果用户进入Web应用没有登录时,要求用户必须进行登录页面。 以上是使用的过滤器中实现的doFilter方法,从该方法中可以看到,当传过来的type值为空时,就跳转到error.jsp中去,显示如下: 并在7秒后重新跳到选择用户类型的界面。 (3)使用JDBC技术进行数据库的连接与访问 由于用DAO模式开发,所以与数据库的连接放在DBC包下的DataBaseConnection类下面。 如下面截图所示。 而访问则放在名叫DAO的包下的一个UserDao接口中,如下截图: 并通过DAOimple包中的DAOimple类实现其具体的各个函数。 此处由于函数较多,就不截代码图了。 (4)采用DAO设计模式开发。 使用自己熟悉的网络数据库,设计一个小的系统(可以在之间的页面上实现),要求如下: 至少包括2张数据表(字段数不少于4)。 以上是数据库现有的内容,接下来通过操作登录界面的增、删、改、查等操作,实现对数据库的修改。 实现对2张表格的增、删、改、查操作。 注册,也就是新增数据项的界面如下所示: 以下是注册成功之后的提示界面: 当看到上面提示界面后,在从控制台查看数据库中的内容,可以看到刚刚注册的数据已经被完整写入数据库中了。 如下面截图所示: 至于查找、删除、修改等内容都是一样的效果,下面简单演示一下查找的显示情况: (从登陆界面中点击“查询某个账户信息”)跳转到如下界面,输入liaozhen点击查询即可。 说明: 常识性要求不要轻易将用户密码显示出来,所以以上信息屏蔽了密码的显示。 更新以及删除就不再一一演示了,需要说明的是,更新的时候,输入的用户名必须要是数据库中已经存在的,不然就会报错。 因为数据库中没有该项,何来的更新呢,所以,更新操作是无法完成更新用户名的,也是因为数据库中主码是用户名,要是用户名都改了,那就相当于新建了一个新的用户了。 具有不同类型用户的登录控制页面。 该项要求已经实现,详细见以上3.1servlet的介绍。 要求每一项操作对应与一张页面。 该项要求从以下文件列表中即可看出,每个不同的操作,大致是先有一个html文件做导航,之后一个jsp文件做实际操作。 3.4、设计心得 做完这第三次也是最后一次实验,我对基本的web开发有了更深的理解,也更加熟悉了servlet和filter的用法,从而使编程内容更加简洁。 而这次实验通过DAO模式进行了代码的归一编写,我也更加了解了数据库的整体结构。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- web 实验 报告 分析