文档介绍：该【Web程序设计课程实验教学大纲 】是由【青山代下】上传分享，文档一共【14】页，该文档可以免费在线阅读，需要了解更多关于【Web程序设计课程实验教学大纲 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。:..《Web程序设计》实验教学大纲一、课程基本情况课程代码:10411课程名称(中/英文):Web程序设计/WebProgramming课程类别:专业核心课程学分::48理论学时:32实验/实践学时:16适用专业:数据科学与大数据技术适用对象:本科先修课程:Java程序设计、数据结构、计算机网络与通信教学环境:多媒体教室、黑板、粉笔开课学院:计算机与信息工程学院二、课程简介《Web程序设计》是数据科学与大数据科学专业的一门专业基础课程,主要介绍Web程序设计的基本原理和技术、JSP程序设计基础和JSP程序开发工具使用等Web程序设计有关方法和技术。通过课程学****使学生掌握开发JSP程序的基础知识和方法,具备B/S架构软件设计、开发和维护的能力,能够开发中小型Web应用程序。为了响应思政课程进课堂的要求,通过设计《中国近现代史纲要》课程网站,采取分模块在实验中实现的方式进行,使学生不仅掌握Web程序设计技术,提高Web程序设计能力,而且可以增强学生自身的个人素质和爱国情怀和政治素质,使其具有较强爱国主义情怀和社会责任感,具有较强信息安全意识。三、实验项目及学时安排实验实验每组实验对应的课程序号实验/实践项目名称学时类型人数要求教学目标1静态网页设计2设计性1必做1,22简单JSP网页设计2设计性1必做1,2,33内置对象应用2设计性1必做2,3,64JSP访问数据库2设计性1必做2,3,65Javabean的使用2设计性1必做2,3,66Servlet的使用2设计性1必做2,3,67过滤器的使用2设计性1必做2,3,68EL与JSTL的使用2设计性1必做2,3,6合计16四、实验内容实验一静态网页设计实验实验目的:掌握HTML网页的编写方法,进一步加深理解Web的工作原理,为即将学****JSP:..技术打下基础。实验设备:PC机一台并安装配置好JDK、Eclipse、Tomcat、MySql、SqlYog等Web程序设计所需要的开发环境和软件;能够上网查阅资料和文献。实验主要内容及步骤::编写第一个HTML网页,网页内容显示“HelloWeb程序设计”,并有背景图片。实验步骤:(1)编写“HelloWeb程序设计”网页;(2)为网页背景添加一副美丽的风景画。:编写一个网页,内容为本学期本班的课程表,并使用CSS设计课程表的显示样式实验步骤:(1)编写一个网页,内容为课程表表格;(2)使用CSS美化课程表表格;(3)使用CSS控制表格,表格行背景颜色随鼠标移动而改变。+CSS布局设计个人主页实验内容:设计个人主页,使用DIV+CSS的方式进行页面布局。实验步骤:(1)构思个人主页的版面布局;(2)使用DIV+CSS技术设计出构思好的个人主页。:设计简单的综合考评系统登录页面,包括用户名、密码、登录按钮等内容。实验步骤:(1)构思综合考评系统登录页面的版面布局;(2)编码实现综合考评系统登录页面。:设计简单的用户注册页面,其中包括“请输入密码”和“请再次输入密码”两个文本框,使用Javascript对“请输入密码”和“请再次输入密码”两个文本框的内容进行验证,如果两个文本框的内容不一样则显示“两次输入的密码不一致!”对话框。实验步骤:(1)设计简单的用户注册页面,其中包括“请输入密码”和“请再次输入密码”两个文本框;(2)使用Javascript对“请输入密码”和“请再次输入密码”两个文本框的内容进行验证,如果两个文本框的内容不一样则显示“两次输入的密码不一致!”对话框。《中国近现代史纲要》课程网站页面布局与配色设计实验内容:查阅资料和需求采集,完成《中国近现代史纲要》课程网站的结构设计、相关页面布局、配色和美化等。实验步骤:(1)设计好《中国近现代史纲要》课程网站的网站结构和页面布局;(2)对《中国近现代史纲要》课程网站的页面进行配色设计和美化。实验二简单JSP网页设计实验实验目的:掌握在JSP页面中使用JSP标签;掌握JSP变量和方法的声明、JSP表达式、JSP程序段的使用方法。:..实验设备:PC机一台并安装配置好JDK、Eclipse、Tomcat、MySql、SqlYog等Web程序设计所需要的开发环境和软件;能够上网查阅资料和文献。实验主要内容及步骤::编写第一个JSP动态网页,根据当前时间输出相应的问候语,并在Tomcat上发布网站。实验步骤:(1)使用Eclipse开发环境新建一个动态网站;(2)新建一个JSP页面,根据当前时间输出相应的问候语;(3)在Tomcat上发布该网站。:。:该页面有一个表单,。:该页面有名字为person、类型是StringBuffer以及名字是count,类型为int的成员变量。页面包含publicvoidjudge()方法。该方法负责创建person对象,当count的值是0时,judge()方法创建person对象。页面包含publicvoidaddPerson(Stringp)方法,该方法将参数p指定的字符串尾加到操作成员变量person,同时将count作自增运算。,然后调用judge()创建person对象、,或姓名含有的字符个数大于10,就使用<jsp:forward>。通过JSP表达式输出person和count的值。实验步骤:(1)。(2)在地址栏输入访问URL地址,观察浏览器显示效果,如图4-1所示。(3)拓展实验:修改程序,将访问者显示方式改为表格形式显示。:编写三个JSP页面:、。另外,要求用“记事本”。,单词之间用空格分隔,每行之间用“<br>”分隔。:。。:。:“application/msword”,,体会page指令contentType属性值的作用。实验步骤::..(1):、。(2)在地址栏输入URL,观察浏览器显示效果。体会Page指令contentTye属性的作用。:使用JSP程序段动态生成表格。表格数据来自数组或集合类容器。为从数据库获取数据做准备。集合类是容器类的数据结构,包括List、Map、SetList:按对象进人的顺序保存对象,不做排序或编辑操作。其中的值允许重复,因为其为有序的数据结构。Map:是基于“键”的成对数据结构,键值必须具有唯一性(键不能相同,否则值会被替换)。Set:对每个对象只接受一次,并使用自己内部的排序方法。其中的值不允许重复,它是无序的数据结构。List和Set是由Clletion接口派生的两个接口。实验步骤:(1),(2)编写Jsp表格程序,表格中的数据分別来自数狙和List容器。(3)在地址栏输人URL,观察浏览器显示效果。(4)编写下列程序,该程序从Map集合类容器获取数据,填人表格中,观察运行效果。:(5)拓展实验:将班级部分同学存入数组和集合类容器,再以表格的形式输出数组和集合类中的同学信息。:编写4个JSP页面:,、。one,jsp、,以便让用户方便地单击超链接访问这3个页面,。本实验的目的是,让学生掌握在JSP页面中使用include标记动态加载文件;使用forward实现页面的转向。实验步骤:(1)(2),,,jsp。,用户使用该表单可以输人一个1~:如果输人的整数在50~100之间(不包括50),如果在1~;。要求forward标记在实现页面转向时,,jsp页面,将有关输入错误传递到转向的error,,并显示一幅图片,。error页面能显示有关错误信息和一幅图片。(3)运行程序,观察效果。实验三内置对象应用实验实验目的:掌握request、response、session、application等常用内置对象的使用方法;能够解决中文乱码问题。实验设备:PC机一台并安装配置好JDK、Eclipse、Tomcat、MySql、SqlYog等Web程序设计所需要的开发环境和软件;能够上网查阅资料和文献。实验主要内容及步骤::..:编写JSP程序,显示从request对象获取客户端提交的数据或参数。实验步骤:(1)编写程序(2)在地址栏输人URL,观察浏览器显示效果。(3)编写用户表单JSP程序,显示用户表单参数传递结果。说明:在表单中,method取值post或get,其主要区别体现在数据发送方式和接收方式上:get方式在通过URL提交数据时,提交信息会显示在地址栏中。一般说来,应尽量避免使用get方式提交表单,因为这样有可能会导致安全问题。例如,在登录表单中用get方式,用户输人的用户名和密码将在地址栏中暴露无遗。在开发Web程序时,一定会接触到表单信息的提交以及接收,因此不可避免地会使用request对象以及使用post提交表单。:模拟一个简单的用户登录动作,在这个实验程序中不对提交的登录信息做具体的验证,只要用户名和密码都不为空就可以登录。登录时,将用户信息保存在session对象中,这样处理只是为了方便说明session的使用方法,在具体的开发中必须要对登录信息进行数据库验证。实验步骤:(1)、,程序功能分别是进行用户登录、登录信息处理和登录后的工作页面中获取保存在session中的用户信息。(2)在地址栏输人URL,观察浏览器显示效果,体会session的作用和用法。:编写JSP程序,利用application对象实现网站访问计数。实验步骤:(1);(2)运行程序,使用application对象统计站点访问量。:编写JSP程序,解决JSP中文乱码问题,主要解决URL传递参数乱码和表单参数中文乱码。实验步骤:(1)解决URL传递参数中文乱码问题。。该程序说明了在使用get方法提交表单时传递的参数出现中文乱码时的解决办法。(2)解决表单提交中文乱码问题。,对于表单提交的参数,可以使用参数名的方法获取,但是当表单中出现中文数据的时候就会出现乱码。解决办法:在body城前部增加语句-即指定按UTF-8编码方式从request对象中获取参数。《中国近现代史纲要》课程网站中内置对象的应用实验内容:《中国近现代史纲要》课程网站使用request、response、Session等内置对象完成页面间的传值。实验步骤:(1)分析网站中需要传值的页面;:..(2)使用request、response、Session等内置对象完成页面间的传值。实验四JSP访问数据库实验实验目的:理解JDBC的工作原理,掌握使用JDBC链接数据库的基本步骤。实验设备:PC机一台并安装配置好JDK、Eclipse、Tomcat、MySql、SqlYog等Web程序设计所需要的开发环境和软件;能够上网查阅资料和文献。实验主要内容及步骤::编写JSP程序,使用JDBC访问数据库,查询数据库中表的记录。实验目的是让学生掌握使用JDBC查询数据库中表的记录。将访问MySQL数据库的JDBC驱动JAR包复制到WEB-INF->lib中。JSP文件中使用JDBC访问数据库的编程要点:(1)添加page指令:(2)加载MySql驱动:(3)创建连接对象:useUnicode=true&characterEncoding=utf-(4)创建Statement语句对象:Statementstmt=();(5)向数据库发送关于查询记录的SQL语句,返回查询结果,即ResultSet对象:ResultSetrs=(查询stuinfo表的SQL语句):实验步骤:(1)编写4个JSP页面:、。:。其中一个表单允许用户输人要查询的学生的学号,即输人stuinfo表中xh字段的查询条件,,另一个表单允许用户输人要查询的学生的姓名,即输人stuinfo表中name字段的查询条件,:。:,然后使用JDBC查询。(2)运行程序,观察效果。:编写ISP程序,使用JDBC访问数据库更新数据库中表的记录。本实验的目的是让学生掌握使用JDBC更新数据库中表的记录。使用JDBC更新数据库中表的记录的SQL语句如下:intn=(更新记录的SQL语句);实验步骤:(1)编写3个JSP页面:,。:..:从数据库中查出全部学生,每行添加“修改”和“删除”超链接。表格末尾添加“新增学生”的超链接。:,该表单允许用户输人欲新增学生的学号、姓名、性别、电话等信息,。:、name、sex、tele字段,然后使用JDBC更新记录的字段值。(2)。(3)。:,更新数据库中表的记录。本实验的目的是让学生掌握使用JDBC更新数据库中表的记录。使用JDBC更新数据库中表的记录的SQL语句如下:intn=(updateSql);“修改功能。实验步骤:(1)。具体要求:,提供一个修改表单,该表单显示当前学生的原始信息,允许对该学生的姓名、出生日期和E-mail进行修改,。(2)运行程序,巩固JDBC工作原理。:编写JSP程序使用JDBC访问数据库,更新数据库中表的记录。本实验的目的是让学生掌握使用JDBC删除数据库中表的记录。使用JDBC更新数据库中表的记录的SQL语句如下:intn=stmtexecuteUpdate(deleteSql);//“删除”功能。实验步骤:(1):“删除接受请求传递过来的学号(xh),该JSP文件对用户透明,无界面可见。运行程序,加深理解和掌握JDBC访问数据库技术。《中国近现代史纲要》课程网站中JSP访问数据库实验内容:把《中国近现代史纲要》课程网站中的模拟数据修改为访问数据库。实验步骤:(1)设计《中国近现代史纲要》课程网站的数据库及相关数据表;(2)使用JDBC操作数据库,完成添加、删除、修改和查询操作;(3)运行调试程序。实验五Javabean的使用实验实验目的:掌握JavaBean的工作原理,熟悉JavaBean的设计要点,能够在JSP程序设计中灵活使用JavaBean技术。实验设备:PC机一台并安装配置好JDK、Eclipse、Tomcat、MySql、SqlYog等Web程序设计所需要的开发环境和软件;能够上网查阅资料和文献。实验主要内容及步骤::..:编写JSP程序,使用JavaBean自动获取表单参数,验证当表单参数名称与JavaBean属性名称不一致时自动获取表单参数。目的是让学生掌握使用JavaBean自动获取表单参数,为实际项目开发打下基础。需要设计的程序:;,传递参数:,使用JavaBean自动获取表单传来的参数。实验步骤:(1)编写一个JavaBean文件()和两个JSP文件()文件。Student,java的具体要求:该JavaBean包含学号、姓名属性以及相应的getter和setter方法。:,将表单信息提交到receive,jsp进行处理。:,然后显示获取的参数。(2)运行程序显示设计效果。:编写JSP程序,使用有效范围是request的JavaBean显示汽车的基本信息。目的是让学生掌握使用有效范围是request的bean。JSP页面使用useBean标记调用一个有效范围是request的JavaBean的语法如下:的名字创建bean的类或的名字创建bean的类该bean的有效范围是当前请求当本次请求生命周期结束后,JSP引擎取消分配给该客户的bean。实验步骤:(1)。:含有汽车号码、名称和生产日期的属性,并提供相应的getXxx()和setXxx()方法,来获取和修改这些属性的值。(2),在inputAndShow,jsp页面中创建一个名为car的Javabean,该页面提供一个表单供用户输人汽车的牌号、名称和生产日期。该表单将用户输人的信息提交给当前页面、当前页面使用表单提交数据设置car有关属性的值,然后显示car各个属性的值。(3)运行程序显示设计效果。:编写JSP程序,使用有效范围session的JavaBean,显示汽车的基本信息,目的是让学生掌握有效范围是session的JavaBean。JSP页面使用useBean标记调用一个有效范围是session的JavaBean的语法如下:的名字创建bean的类或的名字创建bean的类如果用户在某个Web服务的多个页面中进行访问,每个页面都含有-,scope的值都是ssion那么该用户在这些页面得到的bean是相同的(占有相同的内存空间)。如果用户在某个页面更改了这个bean的属性,其他页面的这个bean的属性也将发生同样的变化。当用户的会话(session)消失后,JSP引擎取消分配的bean,即释放bean:..所占有的内存空间。需要注意的是,(占有不同的内存空间),也就是说,当两个用户同时访问一个JSP页面时,一个用户对自己bean属性的改变,不会影响到另一个用户。实验步骤:(1)编写两个JSP页面:,。:、名称和生产日期,该表单将用户输人的信息提交给当前页面,当前页面调用名字为car的bean,并使用表单提交的数据设置car的有关属性的值。,。:,并显示该bean的各个属性的值。(2)运行程序显示设计效果。:编写JSP程序,使用有效范围是application的JavaBean,制作一个简单的留言板。JSP页面使用useBean标记调用一个有效范围是application的bean的语句如下,的名字的类或的名字的类JSP引擎为Web服务目录下所有的JSP页面分配一个共享的bean,不同用户scope取值是application的bean都相同,也就是说,当多个用户同时访问一个JSP页面时,任何一个用户对自己bean的属性的改变,都会影响到其他用户。实验步骤:(1)。该类包含留言者的姓名、留言标题和留言内容等属性,并且有全部留言信息的属性allMessage。(2)编写两个JSP页面::。其中表单允许用户输人用直者的姓名、留言标题和留言内容期,该表单将用户输人的信息提交给当前页面,当前页面调用名字为board的bean。。:。(3)运行程序显示设计效果。:设计一个用户登录应用程序,,查询数据库中是否存在该用户。实验步骤:(1)编写访问数据库的业务类Javabean()、、验证页面checkUser,。:程序测试,分别输人正确的和错误的用户名或密码,观察效果。《中国近现代史纲要》课程网站中JavaBean的应用:..,并使用JavaBean来传递参数。实验步骤:(1)找出《中国近现代史纲要》课程网站中需要传递的参数;(2)封装网页间需要传递的参数为JavaBean;(3)使用JavaBean实现页面间参数的传递;(4)运行测试程序,观看效果。实验六Servlet的使用实验实验目的:掌握Servlet的工作原理,熟悉Servlet的设计要点,在JSP项目中灵活使用Servlet。实验设备:PC机一台并安装配置好JDK、Eclipse、Tomcat、MySql、SqlYog等Web程序设计所需要的开发环境和软件;能够上网查阅资料和文献。实验主要内容及步骤::设计一个Servlet接收表单,寻找表单传来的所有变量名字,并把它们放入表格中,没有值或有多个值的变量都突出显示。设计思路:首先,程序通过HttpServletRequest的getParameterNames()()方法返回的是一-个枚举集合(Enumeration)。接下来,循环遍历这个Enumeration,通过hasMoreElements()方法确定何时结束循环,利用nextElement()方法得到Enumeration中的各个项。由于nextElement方法返回的是一个Object,要把它转换成字符串,再调用getParameterValues()方法得到字符串数组,如果这个数组只有一个元素且为空字符串,说明这个表单变量没有值,Servlet以斜体形式输出如果数组元素个数大于1,说明这个表单变量有多个值,以列表形式输出这些值;其他情况下Servlet直接把变量值放人表格。实验步骤:(1)在src下创建Servlet文件();(2);(3)运行程序查看效果。:编写JSP程序,实现用户提交登录表单给Servlet,由Servlet查询数据库,对用户是否存在进行验证。实验步骤:(1)编写一个验证用户的Servlet(),、。(2)运行程序查看效果。:mons-,实现文件上传。浏览器端已经提供了对文件上传功能的支持,只要将表单