《Web开发技术》课程实验教学大纲 一、课程基本信息 课程代码：16142803 课程名称：Web开发技术 英文名称：Web Developing Technology 实验总学时：24 适用专业：针对大数据管理及应用专业本科生 课程类别：专业选修课 先修课程：C语言程序设计，信息系统开发方法与工具 二、实验教学的总体目的和要求 1、对学生的要求：使学生了解Wb开发技术的前沿理论和先进应用，同时认清 里论方法：能将习 验报告的形式总结出来。 2、对教师的要求：授课教师实验前在课堂上简单讲解实验流程，实验中解答学 牛的疑问 3、对实验条件的要求：Eclipse、JDK、Tomcat、Office、SQL Server等基于 JSP技术的Web开发环境。 三、实验教学内容 实验项目一 实验名称：Wb应用开发环境配置与简单动态网页设计 实验内容： 第1题：安装Eclipse,然后新建一个Web项目，在该项目的根目录下创建 index.jsp,在index.jsp页面中通过JSP表达式输出“金山银山，不如绿水青山， 而且绿水青山就是金山银山。”文字。引入爱护环境主题。关于自然资源的传统 认识，打破了发展与保护对立的束缚，树立了保护自然环境就是保护人类、建立
《Web 开发技术》课程实验教学大纲 一、课程基本信息 课程代码：16142803 课程名称：Web 开发技术 英文名称: Web Developing Technology 实验总学时：24 适用专业：针对大数据管理及应用专业本科生 课程类别：专业选修课 先修课程：C 语言程序设计，信息系统开发方法与工具 二、实验教学的总体目的和要求 1、对学生的要求：使学生了解 Web 开发技术的前沿理论和先进应用，同时认清 Web 开发技术的发展趋势。让学生掌握课程中的基本原理和理论方法；能将实 验过程、求解方法及在实验过程中的收获和发现的问题正确地表达出来，并以实 验报告的形式总结出来。 2、对教师的要求：授课教师实验前在课堂上简单讲解实验流程，实验中解答学 生的疑问。 3、对实验条件的要求：Eclipse、JDK、Tomcat、Office 、SQL Server 等基于 JSP 技术的 Web 开发环境。 三、实验教学内容 实验项目一 实验名称：Web 应用开发环境配置与简单动态网页设计 实验内容： 第 1 题：安装 Eclipse，然后新建一个 Web 项目，在该项目的根目录下创建 index.jsp，在 index.jsp 页面中通过 JSP 表达式输出“金山银山,不如绿水青山, 而且绿水青山就是金山银山。”文字。引入爱护环境主题。关于自然资源的传统 认识，打破了发展与保护对立的束缚，树立了保护自然环境就是保护人类、建立
生态文明就是造福人类的新理念。 第2题：开发一个JSP网页，实现：1+3+5+..+99 第3题：开发一个JSP网页，实现动态显示系统时间。 第4题：开发一个JSP网页，统计访问本站的客户数。 第5题：开发两个JSP网页，模拟系统登录管理功能。例如：用户名一guest, 密码一abc123 实验性质：设计性 实验学时：3 实验目的与要求： 1)掌握WEB服务器的安装与配置： 2)熟采EB工作原理： 3)熟悉JSP运行环境： 4)熟悉WEB前台开发技术： 实验条件：Eclipse、JDK、Tomcat、Office、SQL Server等基于JSP技术的 Web开发环境： 研究与思考：研究Wb应用中配置端口、应用、默认应用和欢迎文件的方法，并 观察其作用。 实验项目二 实验名称：Web脚本语言程序开发 实验内容： 第1题：利用Eclipse构建一个“实验二Web脚本语言程序开发”用例测试平 台。 第2题：开发一个JavaScript网页程序，实现： (1)输入17，输出“对不起，您未满18岁，没有权利投票！” (2)输入19，输出”请慎重投下您宝贵的一票！” 第3题：开发一个JavaScript网页程序，实现： (1)年龄小于18，性别是男，爱好打球，籍贯是湖南：输出：王强，男，湖南 人，喜欢打球。 (2)年龄大于或等于18，输出当前选择的状态。 第4题：开发一个JavaScript网页程序，实现：输出100一一200之间13的倍 第5题：开发两个JSP网页，模拟系统注册管理功能。 必有的注册属性：班级、学号、姓名、籍贯、爱好，可以增加其它注册属性。 实验性质：设计性
生态文明就是造福人类的新理念。 第 2 题：开发一个 JSP 网页，实现：1+3+5+...+99。 第 3 题：开发一个 JSP 网页，实现动态显示系统时间。 第 4 题：开发一个 JSP 网页，统计访问本站的客户数。 第 5 题：开发两个 JSP 网页，模拟系统登录管理功能。例如：用户名—guest， 密码—abc123 实验性质：设计性 实验学时：3 实验目的与要求： 1）掌握 WEB 服务器的安装与配置； 2）熟悉 WEB 工作原理； 3）熟悉 JSP 运行环境； 4）熟悉 WEB 前台开发技术； 实验条件： Eclipse、JDK、Tomcat、Office 、SQL Server 等基于 JSP 技术的 Web 开发环境： 研究与思考：研究 Web 应用中配置端口、应用、默认应用和欢迎文件的方法，并 观察其作用。 实验项目二 实验名称：Web 脚本语言程序开发 实验内容： 第 1 题：利用 Eclipse 构建一个“实验二 Web 脚本语言程序开发”用例测试平 台。 第 2 题：开发一个 JavaScript 网页程序，实现： （1）输入 17，输出"对不起，您未满 18 岁，没有权利投票！" （2）输入 19，输出"请慎重投下您宝贵的一票！" 第 3 题：开发一个 JavaScript 网页程序，实现： （1）年龄小于 18，性别是男，爱好打球，籍贯是湖南；输出：王强，男，湖南 人，喜欢打球。 （2）年龄大于或等于 18，输出当前选择的状态。 第 4 题：开发一个 JavaScript 网页程序，实现：输出 100——200 之间 13 的倍 数。 第 5 题：开发两个 JSP 网页，模拟系统注册管理功能。 必有的注册属性：班级、学号、姓名、籍贯、爱好，可以增加其它注册属性。 实验性质：设计性
实验学时：3 实验目的与要求 1)熟悉WEB脚本语言 2)进一步熟悉WEB前台开发技术： 3)熟悉JavaScript脚本语言 实验条件：Eclipse、JDK、Tomcat、Office、SQL Server等。 研究与思考：思考表单封装的数据发送到另一个JSP页面，如何获取文本框、单 选框、复选框、列表/菜单框、密码框等提交的信息？ 实验项目三 实验名称：JSP内置对象 实验内容： 第1题：利用“框架网页”构建一个“实验三JSP内置对象”用例测试平台。 第2题：开发2个JSP网页程序，实现： (1)获取文本框、单选框、复选框、列表/菜单框、密码框等提交的信息： (2)获取按钮的名字： 第3题：开发2个JSP网页程序，实现： (1)输入小于2的整数：输出：请重新输入。 (2)输入大于或等于2的整数N:输出：1一N之间所有素数 基于素数引入关于素数应用的密码体制，基于大整数分解的困难问题。介绍王小 云教授先后两次破解美国顶级密码MD5和SA-1,创造了密码学不可逾越的神话。 第4题：开发一个JSP网页程序，实现：输出1+2+..+m=N(1<=N<=1000)的 m与N。 第5题：开发一个JSP网页程序，实现：N个数的最小值。 实验性质：设计性 实验学时：3 实验目的与要求： 1)进一步熟悉EB后台开发技术： 2)掌握request、out、response等对象： 3)熟悉application、session等对象及其应用。 实g验条件：Eclipse、JDK、Tomcat、Office、SQL Server等。 研究与思考：在不同JSP页面间值是如何传递的？有哪些方法可以实现页面间参 数的传递以及获取方法？
实验学时：3 实验目的与要求： 1）熟悉 WEB 脚本语言； 2）进一步熟悉 WEB 前台开发技术； 3）熟悉 JavaScript 脚本语言 实验条件： Eclipse、JDK、Tomcat、Office 、SQL Server 等。 研究与思考：思考表单封装的数据发送到另一个 JSP 页面，如何获取文本框、单 选框、复选框、列表/菜单框、密码框等提交的信息？ 实验项目三 实验名称：JSP 内置对象 实验内容： 第 1 题：利用“框架网页”构建一个“实验三 JSP 内置对象”用例测试平台。 第 2 题：开发 2 个 JSP 网页程序，实现： （1）获取文本框、单选框、复选框、列表/菜单框、密码框等提交的信息； （2）获取按钮的名字； 第 3 题：开发 2 个 JSP 网页程序，实现： （1）输入小于 2 的整数；输出：请重新输入。 （2）输入大于或等于 2 的整数 N；输出：1—N 之间所有素数。 基于素数引入关于素数应用的密码体制，基于大整数分解的困难问题。介绍王小 云教授先后两次破解美国顶级密码 MD5 和 SHA-1，创造了密码学不可逾越的神话。 第 4 题：开发一个 JSP 网页程序，实现：输出 1+2+...+m=N （1<=N<=1000）的 m 与 N。 第 5 题：开发一个 JSP 网页程序，实现：N 个数的最小值。 实验性质：设计性 实验学时：3 实验目的与要求： 1）进一步熟悉 WEB 后台开发技术； 2）掌握 request、out、response 等对象； 3）熟悉 application、session 等对象及其应用。 实验条件： Eclipse、JDK、Tomcat、Office 、SQL Server 等。 研究与思考：在不同 JSP 页面间值是如何传递的？有哪些方法可以实现页面间参 数的传递以及获取方法？
实验项目四 实验名称：JavaBean组件开发 实哈内突. L,.第1题：应用Eclipse新建一个名为Book的值JavaBcan。.要求该JavaBean含有 属性：bookId(String)),bookName(String),bookPrice(double),并编写 getter,setter函数. 基于此JavaBean基础上可以考虑开发主题为乡村儿童读物二手书店的Web系 统，通过系统减少这方面的城乡差距。偏僻的贫困山区或偏远地区，适宜儿 童阅读的书籍相对缺乏，城市里的儿童读物丰富且多种多样，但是随着城里 儿童成长，有些书籍不再需要而被丢弃，为减少浪费，合理利用书籍资源， 请对应开发Weh系统。 第2题：在文本框中动态输入数据，如果输入的数据小于或等于0，提示本次输 入无效：如果输入的数据大于或等于0，输出以这个数据为半径的圆周长、圆面 积。 第3题：开发一个JavaBeans组件Student,使得下列student.jsp能正确执行。 student.jsp: page contentType="text/html:charset=GB2312" <page import="Student"> <HTML><BODY bgcolor=yellow><Font size=6> <FORM action=""Method="post"> <P>输入学生的姓名：<Input type=text name=”name“> <P>输入学生的学号：<Input type=text name=”number"> <P>输入学生的身高：<Input types=text name=-"height"> <P>输入学生的体重：<Input type=text name-"weight“> <BR><Input type=-submit value=“提交") </FORM> <jsp:useBean id="zhang"class="Student"scope="page"> </jsp:useBean> 〈jsp:setProperty name="zhang”property="name”param="name” <P>名字是：<jsp:getProperty name="zhang”property="name”/> <jsp:setProperty name="zhang"property="number"param="number"/> P>学号是：〈jsp:getProperty name="zhang”property="number”> double height=1.70;%> <jsp:setProperty name="zhang"property="height"param="height"/> <P>身高是：<jsp:getProperty name=-“zhang”property="height”/>米
实验项目四 实验名称：JavaBean 组件开发 实验内容： 1. 第1题：应用Eclipse新建一个名为Book的值JavaBean。要求该JavaBean含有 属性：bookId(String), bookName(String),bookPrice(double),并编写 getter,setter函数。 基于此JavaBean基础上可以考虑开发主题为乡村儿童读物二手书店的Web系 统，通过系统减少这方面的城乡差距。偏僻的贫困山区或偏远地区，适宜儿 童阅读的书籍相对缺乏，城市里的儿童读物丰富且多种多样，但是随着城里 儿童成长，有些书籍不再需要而被丢弃，为减少浪费，合理利用书籍资源， 请对应开发Web系统。 第 2 题：在文本框中动态输入数据，如果输入的数据小于或等于 0，提示本次输 入无效；如果输入的数据大于或等于 0，输出以这个数据为半径的圆周长、圆面 积。 第 3 题：开发一个 JavaBeans 组件 Student，使得下列 student.jsp 能正确执行。 student.jsp： <%@ page contentType="text/html;charset=GB2312" %> <%@ page import="Student"%> <HTML><BODY bgcolor=yellow><Font size=6> <FORM action="" Method="post" > <P>输入学生的姓名: <Input type=text name="name"> <P>输入学生的学号: <Input type=text name="number"> <P>输入学生的身高: <Input type=text name="height"> <P>输入学生的体重: <Input type=text name="weight"> <BR> <Input type=submit value="提交"> </FORM> <jsp:useBean id="zhang" class="Student" scope="page" > </jsp:useBean> <jsp:setProperty name= "zhang" property="name" param="name" /> <P>名字是：<jsp:getProperty name= "zhang" property="name" /> <jsp:setProperty name= "zhang" property="number" param="number" /> <P>学号是：<jsp:getProperty name= "zhang" property="number" /> <% double height=1.70;%> <jsp:setProperty name= "zhang" property="height" param="height" /> <P>身高是：<jsp:getProperty name= "zhang" property="height" />米
<jsp:setProperty name="zhang"property="weight"param="weight"/> <P>体重是：<jsp:getProperty name="zhang”property="weight”>公斤 </FONT> </BODYX</HTML> 第4题：利用JavaBean开发一个求1一一N(1<N<1000)之间的素数 第5题：开发一个动态网站，利用JavaBean统计访问网站的人。 第6题：利用JavaBean开发一个“网上商店”，实现：(I)添加商品到购物车： (2)列出购物车中的商品：(3)删除货物。 实验性质：设计性 实验学时：3 实验目的与要求： l)熟悉JavaBean基础知识 2)掌握在JSP中使用JavaBean的相关标签。 实g验条件：Eclipse、JDK、Tomcat、Office、SQL Server等。 研究与思考：比较实验三和实验四中计算素数、实现网站计数器的两种方法，分 析不同方法的优点和缺点。 实验项目五 实验名称：Servlet技术开发 实验内容： 第I题：应用Eclipse新建一个名为MyServlet类文件，该类继承HttpServlet 类，实现的功能为输出纯文本信息。并完成Servlet的相关配置如下： 首先通过〈se ,1 -name>和<servlet-class>元素声明Servlet的名称 MyServlet和类的路 com.MyServlet,然后通过<url-pattern>元素声明访问这 个Servlet的URI映射/textServlet.. 第2题：实现一个简单的登录程序。要求由Servlet接收用户输入的用户名和密 码，然后输出到页面中，并完成如下操作： 1)为网站配置欢迎页面，index. 如果找不到，则为samplel..html。 2)使用Servlet作为控制器，请说明通过<url-pattern>元素如何声明和访问这 个Servlet的URI映射。 第3题：应用Servlet技术作为控制器，开发个人所得税计算器。 实验性质：设计性 实验学时：3 实验目的与要求： 1)熟悉Servlet运行机制和基础知识： 2)掌握Servlet作为控制器： 实验条件：Eclipse、JDK、Tomcat、Office、SQL Server等
<jsp:setProperty name= "zhang" property="weight" param="weight" /> <P>体重是：<jsp:getProperty name= "zhang" property="weight" />公斤 </FONT> </BODY></HTML> 第 4 题：利用 JavaBean 开发一个求 1——N（1<N<1000）之间的素数。 第 5 题：开发一个动态网站，利用 JavaBean 统计访问网站的人。 第 6 题：利用 JavaBean 开发一个“网上商店”，实现：（1）添加商品到购物车； （2）列出购物车中的商品；（3）删除货物。 实验性质：设计性 实验学时：3 实验目的与要求： 1）熟悉 JavaBean 基础知识； 2）掌握在 JSP 中使用 JavaBean 的相关标签。 实验条件： Eclipse、JDK、Tomcat、Office 、SQL Server 等。 研究与思考：比较实验三和实验四中计算素数、实现网站计数器的两种方法，分 析不同方法的优点和缺点。 实验项目五 实验名称：Servlet 技术开发 实验内容： 第 1 题：应用 Eclipse 新建一个名为 MyServlet 类文件，该类继承 HttpServlet 类，实现的功能为输出纯文本信息。并完成 Servlet 的相关配置如下： 首先通过 <servlet-name> 和 <servlet-class> 元 素 声 明 Servlet 的名称 MyServlet 和类的路径 com.MyServlet，然后通过<url-pattern>元素声明访问这 个 Servlet 的 URI 映射/textServlet。 第 2 题：实现一个简单的登录程序。要求由 Servlet 接收用户输入的用户名和密 码，然后输出到页面中，并完成如下操作： 1）为网站配置欢迎页面，index.jsp, 如果找不到，则为 sample1.html。 2）使用 Servlet 作为控制器, 请说明通过<url-pattern>元素如何声明和访问这 个 Servlet 的 URI 映射。 第 3 题：应用 Servlet 技术作为控制器，开发个人所得税计算器。 实验性质：设计性 实验学时：3 实验目的与要求： 1）熟悉 Servlet 运行机制和基础知识； 2）掌握 Servlet 作为控制器； 实验条件： Eclipse、JDK、Tomcat、Office 、SQL Server 等