《Web程序设计1》实验报告
WEB程序设计实验报告
本科实验报告课程名称：WEB程序设计实验实验项目：HTML语言实验地点：专业班级：学号：学生姓名：指导教师：2013年月日一、实验目的和要求实验目的1．掌握常用的HTML语言标记；2．利用文本编辑器建立HTML文档，制作简单网页。
实验要求1．独立完成实验。
2．书写实验报告书。
二、实验内容和原理1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。
（请仔细阅读下列程序语句，理解每条语句的作用）源程序清单如下：<html><head><title>Example</title></head><body bgcolor="#00DDFF"><h1><B><I><FONT COLOR="#FF00FF"><MARQUEE BGCOLOR= "#FFFF00" direction=left behavior=alternate>welcome to you</MARQUEE></FONT></I></B></h1><hr><h2 align=center><FONT COLOR="#0000FF">A simple HTMLdocument</FONT></h2><EM>Welcome to the world of HTML</EM><p>This is a simple HTML document.It is to give you an outline of how to write HTML file and how the<b> markup tags</b> work in the <I>HTML</I> file</p><p>Following is three chapters<ul><li>This is the chapter one</li><li><A HREF="#item">This is the chapter two</A></li><li>This is the chapter three</li></ul></p><hr><p><A NAME="item">Following is items of the chapter two</A> </p><table border=2 bgcolor=gray width="40%"><tr><th>item</th><th>content</th></tr><tr><td>item 1</td><td>font</td></tr><tr><td>item 2</td><td>table</td></tr><tr><td>item 3</td><td>form</td></tr></table><hr><p>1<p>2<p>3<p>4<p>5<p>6<p>7<p><B><I><FONT COLOR=BLUE SIZE=4>End of the example document </FONT></I></B></p></body></html>2．编写一个能输出如图所示界面的HTML文件。
web程序设计实验报告
web程序设计实验报告Web程序设计实验报告一、引言Web程序设计是现代信息技术领域中的重要一环，它涉及到网页的开发、交互设计和用户体验等方面。
本实验旨在通过设计一个简单的Web程序，来探索并应用相关的技术和概念。
二、实验目标本实验的目标是设计一个在线购物网站，实现用户注册、商品浏览、购物车管理和订单处理等基本功能。
通过这个实验，我们可以学习和掌握以下内容：1. HTML和CSS的基本语法和用法，用于构建网页的结构和样式。
2. JavaScript的基本语法和用法，用于实现网页的交互效果和动态功能。
3. 数据库的基本概念和操作，用于存储和管理用户信息、商品信息和订单信息等数据。
4. 服务器端的编程和部署，用于处理用户请求和返回相应的网页内容。
三、实验步骤1. 网页设计首先，我们需要设计网站的整体布局和样式。
通过HTML和CSS，我们可以创建网页的结构和外观。
在设计过程中，我们要考虑到网站的易用性和美观性，使用户能够方便地浏览和购买商品。
2. 用户注册和登录为了实现用户注册和登录功能，我们需要设计相应的表单和验证机制。
用户可以通过填写注册表单来创建自己的账户，并通过登录表单来访问自己的个人信息和购物车。
3. 商品浏览和搜索在网站上展示商品信息是吸引用户的关键。
我们可以通过数据库来存储商品的详细信息，并通过网页来展示和搜索这些商品。
用户可以通过关键词搜索或者浏览分类来找到自己想要购买的商品。
4. 购物车管理购物车是用户选择商品并进行结算的地方。
我们可以通过JavaScript来实现购物车的添加、删除和修改功能。
当用户点击结算按钮时，我们还需要生成相应的订单信息，并将其存储到数据库中。
5. 订单处理为了实现订单处理功能，我们需要设计一个订单管理系统。
当用户提交订单后，我们可以将订单信息存储到数据库中，并提供相应的查询和修改功能。
同时，我们还需要将订单信息发送给用户和商家，以便双方进行相应的处理。
四、实验结果通过实验，我们成功地设计并实现了一个简单的在线购物网站。
WEB程序设计实验一 (1)
2．将实验2和实验3的主要代码、运行结果截图填入实验报告。
3．完成思考题
4．就本次实验遇到的问题和收获作出总结。
报告应在2周内完成，并以学号+姓名+实验一为名以班级为单位上交（电子文档）。
成绩评定表
类别
评分标准
分值
得分
合计
上机表现
按时出勤、遵守纪律
认真完成各项实验内容
2.以实验三中的操作为例，简单说明在Web Site Application中定义一个类，并在窗体中应用它的操作过程。
答：1.public：可以从任何地方访问类或成员，包括当前应用程序之外的代码。
protected：只能在定义它的类型内或者继承他的类型内使用。例如：Page类内定义的protected成员对ASPX页面是可以访问的，因为页面继承自Page。
实验总结
通过本次实验，让我对熟悉了VS2010的界面环境，学会了网站的建立、发布和配置，并在该环境下利用table、Div、和CSS对网页布局，掌握了C#基础语法、流程控制与异常处理。在编写代码时，虽然有些繁琐，有时一次也无法运行成功，通过不断地调式和修改，最终才运行成功了。在上机动手操作的过程中，提高了我的动手实践能力，极大地培养了我学习的耐心和信心，让我对网页设计生产了浓厚的学习兴趣！
4.计算两个数的商，代码和Web窗体效果如．设计用户信息类UserInfor，并将其应用于Web窗体中，代码和Web窗体效果如图所示：
代码：
Web窗体效果：
思考题
1.说明修饰符public, internal,protected, protected internal,private的区别。
30分
WEB程序的设计实验报告
实验报告实验课程： WEB程序设计学生：学号：专业班级：20 年月日学生：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：实验成绩：一．实验名称开发一个用户登录模块二．实验容及实验结果1．登陆界面：LoginForm.jsp2 登陆判断界面3 用户名为空时4 密码为空时5 非用户登陆时6 用户登录时三．实验要求运用已经掌握的html网页制作技术以及JSP基础知识做一个简单的登录系统并且进行简单的判别四．实验环境PC微机Eclipse五．实验总结通过本次实验，认识到了理论学习中的不足，可以进行及时的查缺补漏，实验可以增强动手能力，也能加深对web程序设计的理解和认识以及学习。
学生：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：实验成绩：一．实验名称根据用户的表单输入构造时间，能够显示出中国地，中国以及美国的时间格式二．实验容及实验结果1．输入时间2 显示时间三．实验要求运用已经掌握的html网页制作技术以及JSP基础知识做一个根据用户的表单输入构造时间，能够显示出中国地，中国以及美国的时间格式主要是运用标签库四．实验环境PC微机Eclipse五．实验总结通过本次实验，下载标签库包，并将其加载到eclipse中，过程中遇到了点麻烦，不过最终都解决了，认识到了理论学习中的不足，可以进行及时的查缺补漏，实验可以增强动手能力，也能加深对web程序设计的理解和认识以及学习。
学生：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：实验成绩：一．实验名称显示在线人员列表二．实验容及实验结果1．登陆界面：LoginForm.jsp2 登陆判断界面3.登陆失败界面4.显示在线人员界面三．实验要求运用已经掌握的html网页制作技术在实际开发中运用监听器用户首先需要登录，当用户登录成功后，用户将跳转到在线人员列表页，在该页面中显示所有当前在线人员的列表以及人数统计数目。
四．实验环境PC微机Eclipse （ javaEE Mars）五．实验总结通过本次实验，学会了监听器的使用，过程中遇到了点麻烦，不过最终都解决了，认识到了理论学习中的不足，可以进行及时的查缺补漏，实验可以增强动手能力，也能加深对web程序设计的理解和认识以及学习。
网上投票系统实验报告
《Web程序设计（一）课程设计》实验报告院系名称：专业班级：学生姓名：学号：2012年11 月一、实验目的本实验属于设计性实验，目的是使我们在学完《Web程序设计（一）》课程的基本知识之后，通过使用JSP+JavaBean制作一个简单的在线投票系统，进一步熟悉和领悟JSP、JavaBean和Java语言的语法结构和使用方法，通过实验学习Java Web系统的开发步骤与方法，任务是设计一个简单的线投票系统。
二、实验步骤1、对整个系统进行分析设计，设计整个系统的功能和所应有的页面。
2、对系统进行页面设计。
3、对系统进行功能设计。
4、对系统进行数据库设计和链接。
5、整个系统进行测试和调试。
三、系统设计1、界面设计首页注册页面：错误提示页面投票页面：投票结果页面：系统应该具有注册功能、登录功能、在线投票功能、票数统计功能、投票结果显示功能，其中注册功能应该包含的注册项如表1所示，在线投票功能应该包含的投票项如表2所示。
下图表1下图表23、数据库设计根据上述的功能要求，该系统数据库中包括的数据表有：用户基本信息表（表名：yonghu）、年龄信息表（表名：nianling）、收入信息表（表名：shouru）、文化程度信息表（表名：xueli）、娱乐方式信息表（表名：yule）、体育运动信息表（表名：tiyu）、电影类型信息表（表名：dianying）。
表3用户基本信息表表4年龄信息表表5收入信息表表6文化程度信息表表7娱乐方式信息表表8体育运动信息表表9电影类型信息表四、系统的核心代码1、index.jsp<body bgcolor="FF1493"><div align="center"><p>欢迎进入投票系统</p><hr><table><tr><td>已注册，点击登录按钮登录</td><td>未注册，点击注册按钮注册</td></tr><tr><td width="300px"align="center"><a href="denglu.html">登录</a></td><td width="300px"align="center"><a href="zhuce.html">注册</a></td></tr></table>2.zhuce.html<body bgcolor="FF1493"><div align="center"><p>欢迎用户注册！</p><form action="zhuce.jsp"method="post"><table><tr><td> 用户名:</td><td><input type="text"name="username"/></td></tr> <tr><td> 密 码:</td><td><input type="text"name="password"/></td></tr><tr><td>真实姓名:</td><td><input type="text"name="realname"/></td></tr><tr><td> 性别:</td><td><inputtype="radio"name="sex"value="男"checked/>男<input type="radio"name="sex"value="女"/>女</td></tr><tr><td> 省份:</td><td><select name="shengfen"><OPTION value="安徽">安徽</OPTION>-------soso onon----<OPTION value="内蒙古"selected>内蒙古</OPTION><OPTION value="宁夏">宁夏</OPTION>------<OPTION value="西藏">西藏</OPTION><OPTION value="云南">云南</OPTION><OPTION value="浙江">浙江</OPTION>-----</select></td></tr><tr><td align="center"><input type="submit"value="注册"/></td><td align="center"><input type="reset"value="重置"/></td></tr></table></form>3.zhuce.jsp<% request.setCharacterEncoding("UTF-8");String username=request.getParameter("username");String password=request.getParameter("password");String realname=request.getParameter("realname");String sex=request.getParameter("sex");String shenfen=request.getParameter("shengfen");Stringstrsql1="'"+username+"'"+","+"'"+password+"'"+","+"'"+realname+"'"+","+"'"+sex+"'"+", "+"'"+shenfen+"'";String strsql="insert into yonghu(username,password,realname,sex,shengfen)"+"values("+strsql1+")";System.out.println(strsql);Access a=new Access();boolean isnot=a.executeUpdate(strsql);if(isnot==true){ session.setAttribute("username",username);response.sendRedirect("toupiao.jsp");}Else{response.sendRedirect("zhuce.html");}%>4.error.html<body bgcolor="FF1493"><p>您输入的用户名或密码错误</p><p>请重新输入</p><table><tr><td><a href="denglu.html">跳转到登录页面重新登录</a></td></tr></table></body>5.denglu.js p<body bgcolor="FF1493"><jsp:useBean id="user"class="com.mushu.Access.Access"></jsp:useBean><% String username=request.getParameter("username");String password=request.getParameter("password");String iscorrect="select * from yonghu where username="+"'"+username+"'"+" and password="+"'"+password+"'";System.out.println(iscorrect);ResultSet rs=user.execute(iscorrect);if(!rs.next()){ response.sendRedirect("error.html");}Else { session.setAttribute("username", rs.getString("username"));session.setAttribute("password", rs.getString("password"));rs.close();response.sendRedirect("toupiao.jsp");}%></body>6.toupiao.jsp<body bgcolor="FF1493"><% if(session.getAttribute("username")==null){ response.sendRedirect("denglu.html"); }%>尊敬的<%=session.getAttribute("username") %>，欢迎来到投票页面<form action="toupiao1.jsp"method="post"><table width="700"border="0"align="center"cellpadding="0" cellspacing="0"><tbody><tr><td height="45"valign="top"><table width="746"border="0" cellspacing="0"cellpadding="0"><tbody><tr><tbody><tr><td width="177"><div align="center"><div id="ValidationSummary2"style="color:Red;display:none;"></div></div></td><td width="76"><div align="center"></div></td></tr></tbody></table></td></tr></tbody></table><table width="600"align="center"><tbody><tr><td class="style1"><div><table class="GbText"cellspacing="1"cellpadding="3"rules="all" border="1"id="VoteView"style="border-color:SteelBlue;border-width:1px;bo rder-style:None;width:100%;"><tbody><tr class="GbText"style="color:Black;font-size:Large;font-weight:b old;"> <th scope="col">调查问卷</th></tr><tr><td align="left">1、您的年龄是多少？<div id="VoteView_ctl02_ItemPanel"class="GbText" dir="ltr"style="width:100%;"><table id="VoteView_ctl02_radioList"border="0"><tbody><tr><td><input id="VoteView_ctl02_radioList_0" type="radio"name="VoteView1"value="age1"><label for="VoteView_ctl02_radioList_0">20岁及以下</label></td><td><input id="VoteView_ctl02_radioList_1" type="radio"name="VoteView1"value="age2"><label for="VoteView_ctl02_radioList_1">21-35岁</label></td></tr><tr><td><input id="VoteView_ctl02_radioList_2" type="radio"name="VoteView1"value="age3"><label for="VoteView_ctl02_radioList_2">36-50岁</label></td><td><input id="VoteView_ctl02_radioList_3" type="radio"name="VoteView1"value="age4"><labelfor="VoteView_ctl02_radioList_3">50岁</label></td></tr></tbody></table></div></td></tr><table></body> 7.toupiao1.jsp<body bgcolor="FF1493"><%request.setCharacterEncoding("UTF-8");Access a=new Access();//年龄String age=request.getParameter("VoteView1");if(age!=null){String agesql="update nianling set "+age+"="+age+"+1";a.executeUpdate(agesql);//收入String shouru=request.getParameter("VoteView2");if(shouru!=null){String shourusql="update shouru set "+shouru+"="+shouru+"+1";a.executeUpdate(shourusql);}//学历String xueli=request.getParameter("VoteView3");if(xueli!=null){String xuelisql="update xueli set "+xueli+"="+xueli+"+1";a.executeUpdate(xuelisql);}//娱乐String yule[]=request.getParameterValues("VoteView4");if(yule!=null){for(int i=0; i<yule.length;i++){String yulesql="update yule set "+yule[i]+"="+yule[i]+"+1;";a.executeUpdate(yulesql);System.out.println(yulesql);}}//体育String tiyu[]=request.getParameterValues("VoteView5");if(tiyu!=null){for(int i=0; i<tiyu.length;i++){String tiyusql="update tiyu set "+tiyu[i]+"="+tiyu[i]+"+1;";a.executeUpdate(tiyusql);System.out.println(tiyusql);}}//电影String dianying[]=request.getParameterValues("VoteView6");if(dianying!=null){for(int i=0; i<dianying.length;i++){String dianyingsql="update dianying set"+dianying[i]+"="+dianying[i]+"+1;";a.executeUpdate(dianyingsql);System.out.println(dianyingsql);}}response.sendRedirect("result.jsp");%></body>五、实验总结通过本次实验，让自己进一步熟悉和领悟JSP、JavaBean和Java语言的语法结构和使用方法，让自己对javaweb程序设计有了更加深刻的认识，提高了自己的计算机操作能力，提高了自己的实践动手能力。
web应用程序设计实验报告
web应用程序设计实验报告实验报告：web应用程序设计一、实验目的本次实验旨在让学生了解web应用程序的设计原理、方法和过程；掌握使用HTML、CSS、JavaScript等前端技术和框架进行开发；并能够实现一个具有基本功能的web应用程序。
二、实验步骤1.需求分析在开发web应用程序之前，我们需要先做好需求分析。
需求分析重点围绕着用户需求展开，其中包括功能需求、非功能需求和约束条件等方面。
需要考虑的问题有：（1）应用程序的主要功能是什么？（2）用户需要达成什么目标？（3）用户在应用程序中使用的流程是怎样的？（4）应用程序需要保证的性能、可靠性、安全性等方面的要求。
2.技术选型根据需求分析的结果，我们需要确定使用哪些技术来实现这个web应用程序。
在这个过程中需要考虑到开发周期、人力投入、技术成熟度、可维护性和可扩展性等因素。
如果开发周期短、人力投入少、技术成熟度高，那么我们可以选择使用比较成熟的框架进行开发；如果要求高可维护性和可扩展性，那么我们则需要选择使用比较灵活的技术进行开发。
3.编码实现在技术选型完成后，我们需要根据需求设计页面和逻辑，并进行编码实现。
在这个过程中，需要注意以下几点：（1）HTML代码规范、模块化设计；（2）CSS代码规范、命名规则简洁明了；（3）JavaScript代码规范、模块化设计，避免全局对象污染；（4）注意可访问性、响应式设计和浏览器兼容性。
4.测试、部署在完成编码后，需要进行功能测试、兼容性测试、性能测试等工作，确保程序能够在各种浏览器和操作系统下正常工作，并且能够稳定运行。
如果有问题则需要进行修改和优化。
当测试结束并且符合要求后，我们可以将代码发布到服务器上进行实际部署，并进行相应的配置和维护等工作。
三、实验心得与体会本次实验让我对web应用程序设计的整个流程有了更清晰的认识。
由于之前已经学习了HTML、CSS和JavaScript等前端技术，所以对于编码实现方面并没有遇到太大的困难。
web程序设计-JSP实验报告
实验一Web程序开发平台的构建一、实验目的和要求巩固知识点——JDK的安装及环境变量的设置。
JDK是Java开发工具，是进行JSP开发必备的软件支持。
巩固知识点——Tomcat以及My SQL的安装。
Tomcat是Web服务器为Web 项目提供运行的环境。
My SQL用于存储数据信息。
二、实验内容和原理在进行JSP开发Web项目前需要搭建开发环境，JDK是开发环境中必备的软件。
然而Windows并没有默认安装JDK，所以需要进行手动的安装及环境变量的设置。
在开发的过程中数据库和Web服务器是必不可少的软件支持，在Windows中并没有预先安装这两种软件，所以需要进行手动的安装。
三、实验环境硬件：计算机软件：Windows XP和以Java语言为基础的开发环境、软件开发包（JDK）和运行环境（JRE）。
四、实验步骤1、JDK的安装和配置由于JDK不是Windows XP系统的默认配置软件，所以需要手动安装，安装JDK 后就可以提供Java语言开发和运行环境了。
具体安装步骤如下：(1)从Sun公司网站下载JDK软件。
双击安装文件，弹出【许可证协议】对话框，如图1-1所示。
(2)选择【我接受】选项，弹出【自定义安装】对话框，如图1-2所示。
单击【更改】按钮，选择JDK安装目录。
图1-1 【许可证协议】对话框图1-2 【自定义安装】对话框(3)单击【下一步】按钮，进入JDK安装等待界面，如图1-3所示。
(4)JDK安装结束，弹出【JRE自定义安装】对话框，开始安装JRE，如图1-4所示。
单击【更改】按钮，选择JRE安装目录。
图1-3 JDK安装等待界面图1-4 【JRE自定义安装】对话框(5)单击【下一步】按钮，进入JRE安装等待界面，如图1-5所示。
(6)JRE安装结束，弹出【安装完成】对话框，如图1-6所示。
单击【完成】按钮，完成JDK和JRE的安装。
图1-5 JRE等待安装界面图1-6 【安装完成】对话框2、JDK安装结束后需要进行Java环境变量的配置，具体配置步骤如下。
web程序设计实训报告
Web程序设计实训报告介绍本文档是关于Web程序设计实训的报告，旨在总结和分享我们在实训过程中所学到的知识和经验。
目标在这次实训中，我们的目标是设计和开发一个Web应用程序。
具体来说，我们要实现一个在线待办事项清单的应用程序，用户可以通过该应用创建新的待办事项、编辑已有的事项以及标记事项的完成状态。
步骤以下是我们在实训过程中按照顺序完成的步骤：1. 需求分析在开始实训之前，我们首先进行了需求分析。
我们与客户进行了沟通，了解了应用程序的基本要求和功能。
根据客户的需求，我们明确了开发一个在线待办事项清单的应用程序的目标。
2. 技术选型根据需求分析的结果，我们进行了技术选型。
我们选择了使用HTML、CSS和JavaScript来实现前端界面和交互，使用Python作为后端语言，并选择了一些常用的Web开发框架和库来加速开发过程。
3. 前端设计在前端设计阶段，我们首先设计了应用程序的用户界面。
我们使用HTML和CSS创建了一个简洁而直观的界面，使用户能够方便地添加、编辑和删除待办事项。
我们还使用JavaScript实现了一些交互功能，例如显示已完成事项数量和切换事项状态等。
4. 后端开发在后端开发阶段，我们使用Python编写了服务器端代码。
我们使用了一个轻量级的Web框架，以便快速开发和管理路由。
我们还连接了一个轻量级的数据库来存储待办事项数据。
5. 功能测试在完成前端和后端的开发之后，我们进行了功能测试。
我们逐个测试了应用程序的各个功能，确保它们按照预期工作。
6. 优化和改进在功能测试之后，我们对应用程序进行了优化和改进。
我们解决了一些bug，并对性能进行了优化，以提高应用程序的响应速度和稳定性。
7. 部署在最后一步，我们将应用程序部署到一个Web服务器上，使其可以在互联网上访问。
我们选择了一个稳定可靠的云平台，以确保应用程序的可用性和安全性。
总结通过这次实训，我们学习了如何设计和开发一个Web应用程序。
web程序设计实验报告.doc
Web程序设计实验报告院另IJ计算机与通信工程学院专业计算机科学与技术班级学号__________________________________姓名______________________________________成绩2013 年12 月27【实验编号】【实验名称】1熟悉环境和CSS的使用实验内容完成三个 页面，三个页面之间可以通过链接互相访问，自由的设置其中的控件，使用一个css 表单來美化这三 个页而。
实验步骤index,<!DOCTYPE PUBLIC 11-//W3C//DTD 4.01 Transitional//EN ,!>< ><head><title>index. </title><meta http-equiv=n keywords H content = H keyworcil, keyword2, keyword3,!> <metahttp-equiv=IT description 11 content=,f this is my page 1’〉<meta http —equiv="content —type" content=,f text/ ; charset=UTF-8n >< !——<link re 1=’’style s heet n t ype=’T text/css’▼ href =n . /styles . css"〉——>clink rel=n stylesheet n type=,f text/css ,f href = "mycss • css ’▼〉</head><body><hl>Sunset</hl><p> <a href=lf 1. IT > link l</a> </br> <a href='*2. " > link 2</a></p></body></ >文綷qt, Mio IVQCJ 收廉… XIMP 镧⑽ ___________________________________________O 棚IK v S，就：收联P 0•备困▼ Sunsetlink 1lmk2 1.<!DOCTYPE PUBLIC 11-//W3C//DTD 4.01 Transitional//EN,!> < ><head><title>l. </title><meta http-equiv=n keywords n content=,!keywordl, keyword2, keyword3,f > <meta-- 4^18080/ttil/ift4tx hlikl (v)® Tools Lilt ra »« O b nn KVOJ *http—equiv="description" content="this is my page11〉<meta http-equiv="content-type1’ content=,,text/htrnl; charset=UTF-811 > clinkrel=,f stylesheet n type=” text/css" href=,f mycss .css’’〉< !——clink re l=,f stylesheet n type=n text/css” href=H . /styles . css’’〉——> </head><body><hl> This is my pagel. <br> </hl></body></ >2.<!DOCTYPE PUBLIC l!-//W3C//DTD 4.01 Transitional//EN l!> < ><head><title>2. </title〉<meta http—equiv=n keywords" content=l!keywordl z keyword2, keyword3IT> <metahttp-equiv=n description11 content="this is my page1’〉<meta http-equiv=n content-type11 content = n text/ ; charset=UTF-8n> clink rel=,fstylesheet,f type=,f text/css,f href=,f mycss . css,f >< !——<link rel=n stylesheet n type=n text/css,T href=!l. /styles . css"〉——> </head><body><hl> This is my page2. <br> </hl> </body></ >This is my page2.Mycss.css0CHARSET "UTF-8";hl {color: red;background-color: gray;text-align: left;font-size: 58pt;}body{color: blue;background-image: url (Sunset.jpg); }实验编号 2实验名称___________________ 熟悉DOM的原理和使用rm（w"在刚才建立的index. 页而添加一个删除按钮，做一个基于DOM的js函数，每次点击删除按钮就会将刚才生成的一个控件删除。
《web程序设计1》实验报告河南工业大学
《Web程序设计1》实验报告院系名称：管理学院专业班级：电子商务 11级4班学生姓名： **** 学号： **************2013年12 月实验一：JDK、Tomcat和Eclipse的下载、安装和配置实验一、实验目的1、掌握JDK的下载、安装、配置和测试；2、掌握Tomcat的下载、启动和停止；3、掌握Eclipse的下载、汉化、工作空间配置。
二、实验课时2学时三、实验内容1、下载、安装、配置和测试JDK。
①、jdk软件的下载：在oracle网站上现在jdk7.0版本。
②、jdk软件的安装：按如下步骤安装jdk。
如图1、图2。
图1 图2③、jdk软件的配置：jdk安装成功后，再按如下步骤配置jdk。
（1）、安装完JDK后配置环境变量计算机→属性→高级系统设置→高级→环境变量。
如图3、图4.图3 图4（2）、系统变量→新建 JAVA_HOME 变量。
变量值填写jdk的安装目录（C:\Program Files\Java\jdk1.7.0_15）。
如图5、图6。
图5 图6（3）系统变量→寻找 Path 变量→编辑。
在变量值最后输入 %JAVA_HOME%\bin;%JAV A_HOME%\jre\bin;如图7。
图7（4）系统变量→新建 CLASSPATH 变量。
变量值填写 .%JAVA_HOME%\lib;%JAVA_H OME%\lib\tools.jar。
如图8.图8④、配置jdk。
运行cmd 输入 java –version。
如图9所示。
显示版本信息，则说明安装和配置成功。
图92、下载、启动和停止Tomcat。
①、下载并安装Tomcat。
②、在浏览器中输入http://localhost:8080/，出现下图结果，说明配置成功。
图103、下载和汉化Eclipse，配置Eclipse工作空间。
在浏览器上输入汉化Eclipse找到相关文件下载需要的汉化Eclipse，下载完成后解压到Eclipse文件中，用语言包中的文件覆盖eclipse中的同名文件即可。
WEB程序设计报告1
目录1 项目计划 (3)1.1系统开发背景 (3)1.2系统开发方法 (3)1.2.1 Visual Studio 2005 简介 (4)1.2.2 BS 架构简介 (4)1.3系统开发环境 (4)2 系统需求分析 (5)2.1 系统功能概述 (5)2.2系统功能需求 (5)2.3 用例分析 (6)2.4类图分析 (7)2.5 系统性能要求 (8)2.5.1 系统时间特性要求 (8)2.5.2 系统灵活性 (9)2.5.3 数据管理能力要求 (9)3系统设计 (10)3.1系统设计概要 (10)3.2 系统活动图 .............................................................................. 错误！未定义书签。
33.3 系统数据库设计 ...................................................................... 错误！未定义书签。
33.3.1数据库需求分析 ............................................................ 错误！未定义书签。
33.3.2 数据库概念设计(E-R图)............................................. 错误！未定义书签。
43.3.3数据库逻辑设计 ............................................................ 错误！未定义书签。
63.4 数据库创建 (19)4系统模块实现 (21)4.1系统登录模块…………………………………………………………………….. .错误！未定义书签。
14.2 商品信息管理模块 (21)4.3 职工信息管理模块 (22)4.4 货信息管理模块 (22)4.5 加销售管理模块 (23)4.6 加进货信息模块 (23)4.7 存信息管理模块 (24)4.8 限设置管理模块 (24)5 技术实现方法 (25)5.1 身份验证 (25)5.2 自动编号 (25)5.3 设置文本框只能输入字符型字符串 (26)结论 (29)参考文献 (30)第一章绪论1.项目计划1.1 系统开发背景随着现代科学技术的迅猛发展，计算机技术已经渗透到各个领域，成为各行业必不可少的工具，特别是Internet技术的推广和信息高速公路的建立，使IT产业在市场竞争中越发显示出其独特的优势，步入信息化时代，有巨大的数据信息等待加工处理和传输，这使得对数据库的进一步开发和利用显得尤为迫切。
《web程序设计》实验报告
《Web程序设计》实验报告院系名称：专业班级：学生姓名：学号：年月实验一：JDK、Tomcat和Eclipse的下载、安装和配置实验一、实验目的1、掌握JDK的下载、安装、配置和测试；2、掌握Tomcat的下载、启动和停止；3、掌握Eclipse的下载、汉化、工作空间配置。
二、实验课时2学时三、实验内容1、下载、安装、配置和测试JDK。
1）、百度搜索“JDK”,进入官网，在主页面中选择Downloads导航，选择JDK下载页面。
在提供了不同JDK下载版本的页面中，单击Download JDK按钮，再选择Windows 版本下jdk进行下载。
2）、JDK安装包下载完成后，双击安装文件，单击“下一步”，在打开的对话框中选择适合的安装路径，在设置JRE安装路径的对话框中，同理安装JRE。
安装完成后，单击“完成”按钮，即完成JDK的安装3）、右键“我的电脑”，选择“属性”，在打开的“系统属性”对话框中选择“高级”选项卡。
单击“环境变量”按钮，再选择“系统变量”栏中“新建”按钮。
在弹出的对话框中，“变量名”中输入“JAVA_HOME”,“变量值”中输入JDK的安装路径，单击确定。
4）、在系统变量中查看Path变量，单击“编辑”按钮，在打开的“编辑系统变量”对话框中，“变量值”中输入“%JAVA_HOME%\bin；”，单击确定。
在系统变量中查看CLASSPATH 变量，输入“.;%JAVA_HOME%\lib\dt.jar;% JAVA_HOME %\lib\tools.jar”。
5）、以上JDK安装和配置完成后，选择“开始”菜单中“运行”命令，在打开的窗口中输入“cmd”命令，按Enter键。
在进入的DOS环境中输入“java-version”,按Enter 键，系统将会输出JDK的版本。
2、下载、启动和停止Tomcat。
1）、打开Tomcat下载页面（）,在Download列表各种Tomcat服务器下载版本中单击“Tomcat8.0”链接,单击下载Tomcat。
Web程序设计1实验报告
《Web程序设计1》实验报告院系名称：专业班级：学生姓名：学号：2013年12 月实验一：JDK、Tomcat和Eclipse的下载、安装和配置实验一、实验目的1、把握JDK的下载、安装、配置和测试；2、把握Tomcat的下载、启动和停止；3、把握Eclipse的下载、汉化、工作空间配置。
二、实验课时2学时三、实验内容1、下载、安装、配置和测试JDK。
①在阅读器地址栏中输入，进入其官网；找到官网首页上的“Downloads”标签，进入JDK下载页面。
选择同意许可协议后，进行下载。
③依照安装向导进行安装。
④配置JDK。
在“我的电脑”图标上单击鼠标右键，在弹出的快捷菜单当选择“属性”命令，再打开的“系统属性”对话框当选择“高级”选项卡。
单击“环境变量”按钮，在“系统变量”栏中的“新建”和“编辑”下，完成JAVA_HOME、Path、CLASSPath的配置。
⑤测试JDK。
JDK配置完成后，单击“开始”/“运行”命令，再打开的“运行”窗口中输入“cmd”命令，然后按下Enter键打开以后输入命令。
二、下载、启动和停止Tomcat。
①在阅读器地址栏中输入，进入其官网。
进入下载页面进行下载。
②启动Tomcat。
点击“apache-tomcat-6.0.37\bin”文件下“startup”即可启动Tomcat。
③停止Tomcat。
点击“apache-tomcat-6.0.37\bin”文件下“shutdown”即可手动关闭。
3、下载和汉化Eclipse，配置Eclipse工作空间。
①在阅读器地址栏中输入，进入其官网。
进入下载页面进行下载。
②在阅读器地址栏中输入,下载汉化包。
③将汉化包中“features”和“plugins”文件夹覆盖Eclipse中相应的文件夹完成汉化。
④双击Eclipse中的eclipse.exe启动Eclipse，配置Eclipse工作空间。
四、实验小结通过本次实验，我把握了搭建java开发环境必需的软件的下载、安装和和配置操作，对java 开发环境有了初步的了解。
《WEB程序设计》实验报告模版
4、根据实习任务,练习并掌握ADO在ASP中的应用。
5、填写并按时提交实验报告。
实
验
内
容
实
验
结
论
评分依据
教师评分及
指导教师签字：
共2页同实验者20010年6月12日
4.具备小型电子商务网站的开发能力。
实
验
项
目
及
步
骤
实验项目：(要与实验教学大纲中的实验项目一致)
1、ASP框架语言-HTML。2、ASP脚本语言-VBScript。3.ASP内置对象。4. ADO在ASP中的应用
实验步骤：
1、根据实任务,练习并掌握ASP框架语言-HTML。
2、根据实习任务,练习并掌握ASP脚本语言-VBScrip。
湖南工业大学商学院
实验报告
实验指导教师谭双荣班级实验者
实验
课程
Web程序设计
实验地点及时间
冶金楼B-407
2周——14周
实
验
目
的
1.掌握开发WEB程序的基础知识和基本方法；
2.以应用能力为主线，强化上机实验，注重学生动手编程能力的培养；
3.采用案例教学培养学生综合素质、应用能力和实际技能；培养学生分析和解决实际问题的能力；提高学生创新的思维和能力。
WEB程序设计实验报告
实验报告实验课程： WEB程序设计学生姓名：学号：专业班级：20 年月日学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：实验成绩：一．实验名称开发一个用户登录模块二．实验内容及实验结果1．登陆界面：LoginForm.jsp2 登陆判断界面3 用户名为空时4 密码为空时5 非用户登陆时6 用户登录时三．实验要求运用已经掌握的html网页制作技术以及JSP基础知识做一个简单的登录系统并且进行简单的判别四．实验环境PC微机Eclipse五．实验总结通过本次实验，认识到了理论学习中的不足，可以进行及时的查缺补漏，实验可以增强动手能力，也能加深对web程序设计的理解和认识以及学习。
学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：实验成绩：一．实验名称根据用户的表单输入构造时间，能够显示出中国内地，中国台湾以及美国的时间格式二．实验内容及实验结果1．输入时间2 显示时间三．实验要求运用已经掌握的html网页制作技术以及JSP基础知识做一个根据用户的表单输入构造时间，能够显示出中国内地，中国台湾以及美国的时间格式主要是运用标签库四．实验环境PC微机Eclipse五．实验总结通过本次实验，下载标签库包，并将其加载到eclipse中，过程中遇到了点麻烦，不过最终都解决了，认识到了理论学习中的不足，可以进行及时的查缺补漏，实验可以增强动手能力，也能加深对web程序设计的理解和认识以及学习。
学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：实验成绩：一．实验名称显示在线人员列表二．实验内容及实验结果1．登陆界面：LoginForm.jsp2 登陆判断界面3.登陆失败界面4.显示在线人员界面三．实验要求运用已经掌握的html网页制作技术在实际开发中运用监听器用户首先需要登录，当用户登录成功后，用户将跳转到在线人员列表页，在该页面中显示所有当前在线人员的列表以及人数统计数目。
web实验报告
安徽工业大学《web程序设计》实验报告实验二页面设计与源码<%@page language="java"contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><link rel="stylesheet"href="./css/login.css"></head><body><!-- action代表了服务器端的处理程序 --><!-- <form action="control.jsp">--><%String flag = request.getParameter("flag");System.out.println("flag " + flag);if("out".equals(flag)){session.setAttribute("username", null);System.out.println("flag " + flag);}%><div class="login"><div class="header"><h1><a href="./login.jsp">登录</a><a href="./regist.jsp">注册</a></h1></div><table><tr><td class="td1">用户名</td><td><input type="text"class="input1"name="account" id="account"value=""></td></tr><tr><td class="td1">密码</td><td><input type="password"class="input1"name="password"id="password"></td></tr><tr><td colspan="2"><div class="btn-red"align="center"><button id=login-btn onclick="login()">登录</button></div></td></tr></table></div><script src="js/jquery.js"></script><script type="text/javascript">function login(){var username= $("#account").val();var pwd= $("#password").val();var dataJson={"username":username,"password":pwd};// alert("pwd" + pwd);$.ajax({url:"login",data:dataJson,type:"post",dataType:"json",success:function(data){//alert(data);//alert(data);var flag = data.flag;//alert(flag);if(flag=="-1"){alert("用户名不存在");}else if(flag=='0'){window.location.href = "control.jsp?username=" + username;}else{alert("密码错误");}}});}</script></body></html><%@page language="java"contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html><html><head><meta charset="UTF-8"><title>注册</title><link rel="stylesheet"href="./css/reg.css"></head><body><div class="reg"><div class="header"><h1><a href="./login.jsp">登录</a><a href="./regist.jsp">注册</a></h1></div><table><tr><td class="td1">用户名</td><td><input type="text"class="input1"name="username"id="username"></td></tr><tr><td class="td1">密码</td><td><input type="password"class="input1"name="password"id="password"></td></tr><tr><td class="td1">确认密码</td><td><input type="password"class="input1"name="password2"id="password2"></td></tr><tr><td colspan="2"><div class="btn-red"><input type="button"value="注册" onclick="regist()"id="reg-btn"></div></td></tr></table></div><script src="js/jquery.js"></script><script type="text/javascript">var vPsw = document.getElementById("password");var vPsw2 = document.getElementById("password2");var p1 = vPsw.value;var p2 = vPsw2.value;function regist(){var username= $("#username").val();var pwd= $("#password").val();var pwd2 = $("#password2").val();// alert("pwd " + pwd);// alert("pwd2 " + pwd2);if(username == "" || pwd == ""){alert("用户名或密码不能为空");}else if(pwd != pwd2){alert("两次密码输入不一致");}else{var dataJson={"username":username,"password":pwd};// alert(username + pwd);$.ajax({url:"regist",data:dataJson,type:"post",dataType:"json",success:function(data){//alert(data);//alert(data);var flag = data.flag;//alert(flag);if(flag=="-1"){alert("用户名已经存在");}else if(flag=='1'){alert("注册成功");}}});}}</script></body></html>三、后台servlet设计与源码public class LoginServlet extends HttpServlet {protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 接收数据:String username = request.getParameter("username");String password = request.getParameter("password");// 从ServletContext域中获得保存用户信息集合:List<User> list = (List<User>)this.getServletContext().getAttribute("list");for(User user : list){// 判断用户名是否正确:if(username.equals(user.getUsername())){// 用户名是正确的if(password.equals(user.getPassword())){// 密码也正确：// 登录成功:// 判断复选框是否勾选:String remember = request.getParameter("remember");if("true".equals(remember)){// 完成记住用户名的功能:Cookie cookie = newCookie("username",user.getUsername());// 设置有效路径和有效时间:cookie.setPath("/reg_login");// 设置有效时间:cookie.setMaxAge(60*60*24);// 保存24小时// 将cookie回写到浏览器：response.addCookie(cookie);}// 将用户的信息保存session中：request.getSession().setAttribute("user", user);response.sendRedirect("/reg_login/success.jsp");return;}}}// 登录失败:request.setAttribute("msg", "用户名或密码错误！");request.getRequestDispatcher("/login.jsp").forward(request, response);}protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response);}｝public class RegistServlet extends HttpServlet{@Overrideprotected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {String username = req.getParameter("username");String password = req.getParameter("password");System.out.println("username "+ username+ " "+ password);UserDAO dao = new UserDAO();// dao.insert(new User(username,password));// req.getRequestDispatcher("index.html").forward(req, resp);int flag = -2;JSONObject json = null;try {flag = dao.insert(username, password);} catch (Exception e) {e.printStackTrace();}if(flag == -1) {json = new JSONObject("{flag:'-1'}");}else if(flag == 1) {json = new JSONObject("{flag:'1'}");}System.out.println("flag: " +flag);resp.getOutputStream().write(json.toString().getBytes("utf-8"));// resp.sendRedirect("index.html");}}四、实验结果还行，不太难。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《Web程序设计1》实验报告
院系名称：专业班级：
学生姓名：学号：
2013年12 月
实验一：JDK、Tomcat和Eclipse的下载、安装和配置实验
一、实验目的
1、掌握JDK的下载、安装、配置和测试；
2、掌握Tomcat的下载、启动和停止；
3、掌握Eclipse的下载、汉化、工作空间配置。
二、实验课时
2学时
三、实验内容
1、下载、安装、配置和测试JDK。
①在浏览器地址栏中输入，进入其官网；找到官网首页上的“Downloads”标签，进入JDK下载页面。
选择接受许可协议后，进行下载。
③按照安装向导进行安装。
④配置JDK。
在“我的电脑”图标上单击鼠标右键，在弹出的快捷菜单中选择“属性”命令，再打开的“系统属性”对话框中选择“高级”选项卡。
单击“环境变量”按钮，在“系统变量”栏中的“新建”和“编辑”下，完成JAVA_HOME、Path、CLASSPath的配置。
⑤测试JDK。
JDK配置完成后，单击“开始”/“运行”命令，再打开的“运行”窗口中输入“cmd”命令，然后按下Enter键打开之后输入命令。
2、下载、启动和停止Tomcat。
①在浏览器地址栏中输入，进入其官网。
进入下载页面进行下载。
②启动Tomcat。
点击“apache-tomcat-6.0.37\bin”文件下“startup”即可启动Tomcat。
③停止Tomcat。
点击“apache-tomcat-6.0.37\bin”文件下“shutdown”即可手动关闭。
3、下载和汉化Eclipse，配置Eclipse工作空间。
①在浏览器地址栏中输入，进入其官网。
进入下载页面进行下载。
②在浏览器地址栏中输入,下载汉化包。
③将汉化包中“features”和“plugins”文件夹覆盖Eclipse中相应的文件夹完成汉化。
④双击Eclipse中的eclipse.exe启动Eclipse，配置Eclipse工作空间。
四、实验小结
通过本次试验，我掌握了搭建java开发环境必须的软件的下载、安装和和配置操作，对java开发环境有了初步的了解。
这是进行java程序开发的必须步骤和基础步骤，在以后的学习和实践中我会循序渐进，把实验的每一步都认真做好，为进行更加深层次的系统开发打下坚实的基础。
实验二：Eclipse的使用实验
一、实验目的
1、掌握Eclipse中Tomcat服务器的配置；
2、掌握Eclipse中类库的导入；
3、掌握Eclipse工作空间字符编码的配置；
4、掌握Eclipse中代码提示快捷键的配置。
二、实验课时
2学时
三、实验内容
1、在Eclipse中配置Tomcat服务器。
①打开Eclipse工作界面，选择server标签，在该视图的空白区域单击鼠标右键，在弹出的快捷菜单中选择“新建”/“服务器”命令。
②打开“新建服务器”对话框，在该对话框中展开Apache节点，选中该节点下的“tomcae7.0服务器”子节点，其他采用默认设置，单击下一步。
③打开指定tomcat服务器安装路径的对话框，单击浏览按钮，选择tomcat安装路径，其他采用默认设置。
单击“完成”按钮，完成配置。
2、下载数据库SQL Server的JDBC 驱动程序，并将其类库导入Eclipse。
①网上下载SQL Server的JDBC 驱动程序；
②复制msbase.jar，mssqlserver.jar，msutil.jar包到web工程的lib文件夹中，然后全选已经添加的jar包右键点击构建路径—添加至构建路径；
3、设置Eclipse工作空间的字符编码。
①在eclipse的菜单栏中选择“窗口”/“首选项”命令，在弹出的“首选项”
窗口。
②在左侧的列表中选择“常规”节点下的“工作空间”选项，在右侧的“文本文件编码”栏中选中“其他”按钮，然后再下拉菜单的表框中选择一种编码格式，最后单击确定按钮保存设置
4、设置代码提示的快捷键。
①在eclipse菜单中选择窗口/首选项命令，在弹出的“首选项”窗口，然后再左侧列表中选择“常规”节点下的“键”选项。
②在右侧的列表框中找到“内容辅助”选项，然后在下面的“绑定”文本框中输入快捷键，此处设置的快捷键是“alt+/”。
最后单击“确定”按钮保存设置。
这样，在快发过程中，当创建JSP 文件或者类文件时就可以使用“alt+_/”来弹出代码提示信息。
四、实验小结
通过这次试验我掌握了Eclipse中Tomcat服务器的配置，掌握了Eclipse中类库的导入，掌握了Eclipse工作空间字符编码的配置和Eclipse中代码提示快捷键的配置。
Java看似是简单的东西，自己做起来也不是那么简单，不能眼高手低，以后还应多加练习，争取学好这门课程。
实验三：Web应用构建与发布实验
一、实验目的
1、掌握在Eclipse中创建Web工程的能力；
2、掌握在Web工程中创建JSP页面和类的能力；
3、掌握在Tomcat中发布Web工程的能力。
二、实验课时
2课时
三、实验内容
1、在Eclipse中创建Web工程。
①进入Eclipse的开发页面，单击工具栏中的新建，选择“动态Web项目”命令，打开“新建动态web项目”对话框，输入项目名称，其他采用默认。
单击“下一步”。
②打开Java应用的对话框，采用默认设置。
单击“下一步”按钮。
③打开配置Web模块设置的对话框，将文本框的值改为Web Root。
单击“完成”按
钮，完成项目的创建。
2、在创建的Web工程中创建一个JSP页面和一个类，并在该JSP页面中调用该类。
①在项目资源管理器中选中firstproject节点下的Web Root节点，单击鼠标右键，选择“新建”/JSP File。
打开“新建Java Server页”对话框，在“文件名”文本框中输入文件名“index.jsp”，其他采用默认设置。
单击“完成”按钮即创建一个JSP页面。
②在项目资源管理器中选中firstproject节点，单击鼠标右键，选择“新建”/类。
打开“新建Java 类”对话框，在“名称”文本框中输入文件名“first”，其他采用默认设置。
单击“完成”按钮即创建一个类。
3、将创建的Web工程发布到Tomcat服务器，并在浏览器中访问网站。
在项目资源管理器中选择项目名称节点，在工具栏上单击“文件”在弹出的下拉菜单中选择“运行方式”/“在服务器上运行”命令，将打开“在服务器上运行”对话框，在其中选中“将服务器设置为项目缺省值”复选框，其他采用默认设置。
单击“完成”按钮，即可通过Tomcat运行该项目。
四、实验小结
通过这次试验我掌握了在Eclipse中创建Web工程的能力，掌握了在Web工程中创建JSP页面和类的能力，掌握了在Tomcat中发布Web工程的能力。
Eclipse是一个很好的网页制作软件，在实验的过程中我对软件的操作更加熟练，但是如果想要学好专门课还需要长期的学习，实验结束后我仍然会努力练习和学习，希望能够熟练运用Eclipse 软件。