web实验李柯 1

《web实验李柯 1》由会员分享，可在线阅读，更多相关《web实验李柯 1（23页珍藏版）》请在装配图网上搜索。

1、 实 验 报 告 学院：软件学院系：软件工程 专业：软件工程 班级：1112 学号：2011005002 姓名：郭亮亮 指导教师：王莉时间：2013年12月29日学院名称软件学院专业班级软件1112学号2011005002实验成绩学生姓名郭亮亮同组人姓名实验日期2013.12.15课程名称实验题目HTML语言一实验目的1掌握常用的HTML语言标记；2利用文本编辑器建立HTML文档，制作简单网页。二实验内容 1在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） 源程表格标记综合示例学生成绩登记表 学&

2、nbsp;号 姓 名 高等数学 英 语 2008000001 张三 95 90 2008000002 李四 90 96 说明 成绩=平时*20%+期末*80% 2006年1月 序清单如下： 3 实验过程中遇到的问题及解决方法 对表单中标记的使用出现了问题，不了解各种标记的功能，通过查找书籍并在编程过程中运用，最终能熟练运用。四实验结论和感想 通过此次实验，.能熟练地掌握基本的HTML语言标记，懂得每一个标记所代表的意思。 进一步熟悉了表单的制作过程以及表单中各标记的灵活应用。五实验程序（另附）程序清单： 表单范例 请留下个人资料 姓名： E-mail： 电话： 性别：女男

3、年龄： 20以下40以下60以下60以上 留言板： 您的爱好： 运动 阅读 听音乐 旅游       网页程序设计-JavaScript一实验目的1掌握JavaScript技术,基本掌握JavaScript的开发技巧；2利用文本编辑器建立JavaScript脚本语言进行简单编程。二实验内容1 显示一个动态的时钟在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： var timer = nullfunction stop()clearTimeout(timer)function start()var ti

4、me = new Date()var hours =time.getHours()var minutes =time.getMinutes()minutes=(minutes10)?0:”“)+minutesvar seconds=time.getSeconds()seconds=(seconds10)?0:”“)+secondsvar clock =hours+:+minutes+:+secondsdocument.forms0.display.value=clocktimer=setTimeout(start(),1000)现在是北京时间：分析上述代码的作用,然后用浏览器运行文件,验证自己

5、的判断是否正确. 2事件驱动和事件处理 在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： function myfunction()alert(HELLO)By pressing the button, a function will be called. The function will alert a message.分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。3JavaScript表单校验编写程序register.htm，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。三实验过程中遇到的问题

6、及解决方法 在第三个实验的表单校验中，设置窗口弹出时遇到一定的问题，通过分析第二个实验，设定一个function函数，在button中的事件处理中调用此函数。四实验结论和感想 在本次实验中，学会了javascript函数的编写和调用，动手编写了javascript代码，但是在中间出现了很多问题，通过和同学商量以及老师的指导之后得到了解决，实现对表单元素的验证。五实验程序（另附）（1） var timer = null function stop() clearTimeout(timer) function start()var time = new Date() var hours =time

7、.getHours() var minutes =time.getMinutes() minutes=(minutes10)?0:)+minutes var seconds=time.getSeconds() seconds=(seconds10)?0:)+seconds varclock=hours+:+minutes+:+seconds display.value=clock/document.forms0. timer=setTimeout(start(),1000) 现在是北京时间： （2） function myfunction() alert(HELLO) By pressing

8、the button, a function will be called. The function will alert a message. （3） function myfunction1() alert(用户名不能为空，请输入用户名) 用户登录 请输入用户名： 请输入密码:    学院名称软件学院专业班级软件1106学号2011005004实验成绩学生姓名李柯同组人姓名实验日期2013.12.19课程名称实验题目Request与Response对象的应用一实验目的1掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。2在JDK

9、和Eclipse环境下，完成下列实验二实验内容编写程序实现一个单选小测试。在test.jsp页面显示问题，并将答案提交至answer.jsp进行判断，如果回答正确，则将页面转至yes.jsp;否则，转至no.jsp。 三实验过程中遇到的问题及解决方法 软件在配置过程中遇到一些问题，和tomcat连接时由于使用的全部为英文软件，操作有些困难。在进行编写程序的时候不会页面跳转，后使用response.sendRedirect（）命令来进行页面的跳转，并且产生不同的结果。四实验结论和感想 在不停地尝试中掌握JSP的Request与Response隐式对象的用法，以及在jsp环境下如何配置，编译。编程

10、是一个锻炼人耐心的工作，遇到的重重问题只有在不断尝试和克服下，才能获取成功。五实验程序（另附）Test.jsp 北京奥运会开幕日期是： 8月6日 8月8日 8月9日 8月10日 answer.jsp yes.jsp 恭喜您答对了！ no.jsp 很抱歉，您答错了！ 学院名称软件学院专业班级软件1106学号2011005004实验成绩学生姓名李柯同组人姓名实验日期2013.12.21课程名称实验题目Application对象Session对象一实验目的1掌握JSP的Application对象Session对象对象的用法，基本掌握JSP的开发技巧。2在JDK和Eclipse环境下，完成下列实验。二

11、实验内容1请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： 网页计数器您是第位访问者！2上述计数器当进行刷新时也会自动加1，试编写程序count.jsp，实现防刷新文本计数器。3编写程序register.htm和register.jsp，做一个用户注册的界面，要求对用户填写的部分进行合法性检验，然后提交到register.jsp进行注册检验，若用户名为user开头的，就提示“该用户名已被注册”，若用户名为admin，就提示“欢迎您，管理员”，否则，就显示“注册成功”。3 实验过程中遇到的问题及解决方法 第一个程序的代码，既是按要求完成通过一个各客户端可以共享的对象applicati

12、on建立了一个对象，客户端每次打开浏览器或刷新浏览器都会触发这个计数器函数，只要有客户端访问服务器，服务器上的counter值就会进行加1操作，如果是初始打开则进行赋值1操作。 经过第一个程序的分析，已经大致知道计数器的实现方法，为达到防刷新，需要session的方法，在书上看到有一个isNew()的方法，可以用此方法来判断客户端是否由服务器产生。编写第三个实验时，在判断以user开头的用户名不太清楚，第一次使用contains()方法大致实现了判断功能，经过查阅java API文档，得知有substring()方法可以实现对字符串的截取操作，截取0-4的字符串对其进行equals()比较则实

13、现了题目要求的功能。四实验结论和感想本次实验，学会了编写一个jsp程序，并将jsp程序部署到tomcat服务器上，并且懂得了接收客户端浏览器传过来的参数的值要用request对象，这次试验让我对Request命令和Response命令有了更加直观的了解和学习。五实验程序（另附）Register.html代码：function CheckForm()if(document.forms0.Username.value=)alert(请输入姓名);document.forms0.Username.focus();return false;if(document.forms0.Userpass.val

14、ue=)alert(请输入密码);document.forms0.Userpass.focus();return false;用户登录：请输入用户名：请输入密码：  Register.jsp代码如下： base href= 注册页面 该用户已被注册欢迎您，管理员注册成功 学院名称软件学院专业班级软件1106学号2011005004实验成绩学生姓名李柯同组人姓名实验日期2013.12.25课程名称实验题目使用JDBC连接数据库一实验目的1掌握JSP与数据库的连接技术JDBC2掌握JSP数据库编程技术。二实验内容 利用数据库建立一个同学录，然后通过JDBC编写一系列基于Web方

15、式的JSP程序，来对同学录的数据库进行添加、查询等功能，要求在网页上显示出来。 1建立数据库建立名为students的access数据库,在库中建立schoolmate表，字段包括：id自动编号name文本birthday日期/时间phone文本email文本address文本other备注2. 创建数据源名打开数据源（ODBC）；添加Microsoft Access Driver(*.mdb)数据源驱动程序。数据源名称：students；更改默认数据库，选择students。3运行所编写的应用程序启动eclipse，建立项目exp5,将编写的程序放入该项目的WebContent下，右键点击W

16、ebContent，选择“刷新”。打开要运行的页面，在程序的任意位置单击右键，选择“运行方式”/“在服务器上运行”，单击“在服务器上运行” 对话框的“完成”，即可看到运行结果。三实验过程中遇到的问题及解决方法 在库中建立schoolmate表时，过程比较繁琐，期间小问题不断，在耐心调试下得以解决。建立数据库时，对以前所学知识不熟悉导致出错频繁，渐渐熟悉过程后得以解决。四实验结论和感想 通过此次实验，我学会了在JSP中连接数据库，而且能够对数据库进行一定的操作。在学习过程中遇到一些问题，在向数据库插入日期类型的数据，再添加之后返回主页不能立即显示插入的信息，还有中文乱码的问题，问题虽小，但在解决

17、的过程中却能收获很多。五实验程序（另附） sc.html function myfunction() if(form1.id.value=) alert(请输入要删除成员的编号); return false; else return true; 删除界面 输入删除同学记录的编号 编号:     返回首页 sy.html 同学录 同学录 查询 添加 删除 tj.html Function myfunction() if(form1.id.value=|form1.name.value=|form1.birthday.value=|form1.phone.value=

18、|form1.email.value=|form1.address.value=|form1.other.value=) alert(您输入的信息不完整); return false; else return true; 添加界面 添加同学信息 学号:  姓名:  生日:  电话:  邮箱:  地址:  其他:     返回首页 cx.jsp 学号姓名生日电话邮箱地址其他 % String driverName = sun.jdbc.odbc.JdbcOdbcDriver; String dbName =

19、 students; String tableName = schoolmate; String userName = ; String userPasswd = ; String conURL = jdbc:odbc:+dbName; String sql = SELECT * FROM +tableName; Class.forName(driverName); Connection con = DriverManager.getConnection(conURL,userName,userPasswd); Statement s=con.createStatement(); Result

20、Set rs=s.executeQuery(sql); while(rs.next() out.println(); out.println(+rs.getString(id)+); out.println(+rs.getString(name)+); out.println(+rs.getString(birthday)+); out.println(+rs.getString(phone)+); out.println(+rs.getString(email)+); out.println(+rs.getString(address)+); out.println(+rs.getStrin

21、g(other)+); out.println(); rs.close(); s.close(); con.close(); % 返回首页 sc.jsp 删除后的数据库记录 学号姓名生日电话邮箱地址其他 % Statement s1=con.createStatement(); ResultSet rs1=s1.executeQuery(sql); while(rs1.next() out.println(); out.println(+rs1.getString(id)+); out.println(+rs1.getString(name)+); out.println(+rs1.getSt

22、ring(birthday)+); out.println(+rs1.getString(phone)+); out.println(+rs1.getString(email)+); out.println(+rs1.getString(address)+); out.println(+rs1.getString(other)+); out.println(); rs1.close(); s1.close(); con.close(); % 返回首页 Tj.jsp 插入后的数据库记录 学号姓名生日电话邮箱地址其他 % Statement s1=con.createStatement(); Re

23、sultSet rs1=s1.executeQuery(sql); while(rs1.next() out.println(); out.println(+rs1.getString(id)+); out.println(+rs1.getString(name)+); out.println(+rs1.getString(birthday)+); out.println(+rs1.getString(phone)+); out.println(+rs1.getString(email)+); out.println(+rs1.getString(address)+); out.println(+rs1.getString(other)+); out.println(); rs1.close(); s1.close(); con.close(); % 返回首页