1、WEB程序设计报告课程名称: WEB程序设计基础 实验项目: HTML语言 实验地点: 软件楼210 专业班级: 软件1315 学生姓名: 杨博 学号: 2013005295 指导教师: 林福平 2015年 12 月 5 日实验一 HTML语言一、实验目的1掌握常用的HTML语言标记;2利用文本编辑器建立HTML文档,制作简单网页。二、实验要求1独立完成实验。2书写实验报告书。三、实验内容1在文本编辑器“记事本”中输入如下的HTML代码程序,以文件名sy1.html保存,并在浏览器中运行。(请仔细阅读下列程序语句,理解每条语句的作用)2编写一个能输出如图所示界面的HTML文件。代码如下:效果如
2、图所示:实验二 网页程序设计-JavaScript一、实验目的1掌握JavaScript技术,基本掌握JavaScript的开发技巧;2利用文本编辑器建立JavaScript脚本语言进行简单编程。二、实验要求:1根据以下实验内容书写实验准备报告。2独立完成实验。三、实验内容1 显示一个动态的时钟在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句,理解每条语句的作用。源程序清单如下: 分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确. 2事件驱动和事件处理 在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句,理解每条语句的作用。源程序清单如下: 3Ja
3、vaScript表单校验编写程序register.html,做一个如下图所示的用户注册界面,要求对用户填写的部分进行合法性检验。实验三 Request与Response对象的应用一、实验目的1掌握JSP的Request与Response隐式对象的用法,基本掌握JSP的开发技巧。2在JDK和Eclipse环境下,完成下列实验。二、实验要求1独立完成实验。2书写实验报告书。三、实验内容编写程序实现一个单选小测试。在exp3_question.jsp页面显示问题,并将答案提交至handle.jsp进行判断,如果回答正确,则将页面转至correct.jsp;否则,转至sorry.jsp。实验4 App
4、lication对象Session对象一、实验目的1掌握JSP的Application对象Session对象对象的用法,基本掌握JSP的开发技巧。2在JDK和Eclipse环境下,完成下列实验。二、实验要求:1独立完成实验2书写实验报告书三、实验内容:1请仔细阅读下列程序语句,理解每条语句的作用。源程序清单如下: 2上述计数器当进行刷新时也会自动加1,试编写程序counter.jsp,实现防刷新文本计数器。3编写程序register.html和register.jsp,做一个用户注册的界面,要求对用户填写的部分进行合法性检验,然后提交到register.jsp进行注册检验,若用户名为user开
5、头的,就提示“该用户名已被注册”,若用户名为admin,就提示“欢迎您,管理员”,否则,就显示“注册成功”。用户名为空或者少于4个字母时当输入user时,出现以下提示:当输入admin时 对应的输出为:当输入的用户自定义的姓名时:实验5使用JDBC连接数据库一、实验目的1掌握JSP与数据库的连接技术JDBC2掌握JSP数据库编程技术。 二、实验要求1独立完成实验2书写实验报告书三、实验内容利用数据库建立一个同学录,然后通过JDBC编写一系列基于Web方式的JSP程序,来对同学录的数据库进行添加、查询等功能,要求在网页上显示出来。 四、实验步骤1建立数据库建立名为students的SQL数据库,在库中建立schoolmate表,字段包括:. 创建数据源名 打开数据源(ODBC);添加ODBC Microsoft SQL Server数据源驱动程序。数据源名称:Aaron;更改默认数据库,选择students。3运行所编写的应用程序启动eclipse,建立项目exp5,将编写的程序放入该项目的WebContent下,右键点击WebContent,选择“刷新”。打开要运行的页面,在程序的任意位置单击右键,选择“运行方式”/“在服务器上运行”,单击“在服务器上运行” 对话框的“完成”,即可看到运行结果。代码如下: