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