web实验报告

《Web技术》课程设计中国矿业大学计算机学院2012级本科生课程报告课程名称Web技术学生姓名周鹏学号08123336专业计科13-5班任课教师赵莹报告时间2015.11.12《Web技术》课程设计任课教师评语实验成果评价评价项目评分标准评价对课程的基础理论掌握很好地掌握了本课程的基础理论较好地掌握了本课程的基础理论一般地掌握了本课程的基础理论基础理论知识掌握不够坚实对课程知识应用能力的掌握很好地将所学的相关知识应用到WEB程序开发中较好地将所学的相关知识应用到WEB程序开发中一般地将所学的相关知识应用到WEB程序开发中将所学的相关知识应用到WEB程序开发中的能力不足实验成果评价全部实验成果运行效果很好全部实验成果运行效果较好1-2个实验成果运行效果不理想1-2个实验成果无法运行实验成果和报告工作量实验成果及报告内容比较充实，工作量较大实验成果及报告内容完整，工作量大实验成果及报告内容基本完整，工作量一般实验成果及报告内容有欠缺，工作量不足各实验成果评分实验成果一二三总分分值252550得分成绩：任课教师签字：年月日《Web技术》课程设计目录实验一、静态web页面设计实验...............................................................................11.1、实验要求....................................................................................................11.2、实验目的....................................................................................................11.3、详细设计....................................................................................................11.3.1、实验内容.........................................................................................11.3.2、设计步骤.........................................................................................11.4、设计心得....................................................................................................2实验二、动态web页面设计实验...............................................................................32.1、实验要求....................................................................................................32.2、实验目的....................................................................................................32.3、详细设计与编码.........................................................................................32.3.1、实验内容.........................................................................................32.3.2、设计步骤.........................................................................................32.4、设计心得....................................................................................................5实验三、Web数据库实验...........................................................................................63.1、实验要求....................................................................................................63.2、实验目的....................................................................................................63.3.1、实验内容.........................................................................................63.3.2、设计步骤.........................................................................................63.4、设计心得..................................................................................................12《Web技术》课程设计第1页实验一、静态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语法并不熟悉，在同学帮助下先，然后通过百度以及课件知识，一步一步往框架中添加各个元素，图片、链接、文本框等等，最终形成现在这个页面。（4）报告撰写《Web技术》课程设计第2页依照自己做实验过程，根据老师给的实验要求，将自己的这一流程记录而成。1.4、设计心得在去年的课程里就接触过Eclipse，而通过本次实验，我对Eclipse又有了进一步的认识。做了这次实验之后，我对各个网页的大体结构和HTML语法有了一定的了解，对于网页的页面的整体规划上也比开始好了很多。《Web技术》课程设计第3页实验二、动态web页面设计实验2.1、实验要求1.实验之前认真查阅相关资料，准备好实验方案。2.认真实验，对实验过程、结果进行分析，注意验证实验效果。3.完成实验报告和实验成果2.2、实验目的1、熟悉JSP的开发工具，掌握服务器端Web程序的工作原理2、熟悉JSP编译指令，动作标记3、熟悉JSP的隐含对象，正确理解request、session、application三个对象的作用域。4、掌握编写JavaBean的方法，使用JSPjsp:useBean、jsp:setProperty、jsp:getProperty3个动作指令。5、掌握JSP中表单和表单Bean的映射。2.3、详细设计与编码2.3.1、实验内容1、修改实验1中的静态页面，改为JSP页面。2、依据注册页面，设计1个JavaBean并实现服务器端的验证，防止错误数据的录入。3、使用session对象，实现登录、注销功能。4、练习使用客户端跳转、服务器端跳转。2.3.2、设计步骤（1）修改实验1中的静态页面，改为JSP页面。《Web技术》课程设计第4页（2）使用JSP技术设计Web页面，至少有5个页面，一定要能够体现JSP内置对象不同的作用域可在此页面进行多个页面的跳转了，例如跳转到注册页面用户注册和登录都是两个jsp跳转页面。（3）在“实验一”的基础上，设计1个JavaBean实现注册页面服务器端的验证，防止错误数据的录入。《Web技术》课程设计第5页（4）使用session对象，实现登录、注销功能。练习使用客户端跳转、服务器端跳转。通过这次实验反复页面的跳转都是没有问题，可以容易实现客户端与服务器的跳转。2.4、设计心得虽然对Eclipse有一定程度的了解，但是实验过程中还是遇到了很多困难，第二次实验用到了之前没接触过的tomcat，因此配置过程中遇到了不少麻烦。实验期间，我经过学霸同学的帮助，好不容易完成了这个作业。《Web技术》课程设计第6页实验三、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中实现的简单类型选择。《Web技术》课程设计第7页当选择用户登录时，跳转到如下login.jsp页面：而选择管理员时，跳转到manage.jsp页面：其中的判断在servlet.java文件中实现，如下所示：（type是login.ht