web程序设计实验报告集合

更新时间:2024-07-11 03:31:02 阅读量: 综合文库 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

一、 实验目的

1. 掌握常用的HTML语言标记;

2. 利用文本编辑器建立HTML文档,制作简单网页。

二、 实验要求

1. 独立完成实验。 2. 书写实验报告书。

三、 实验内容

1. 在文本编辑器“记事本”中输入如下的HTML代码程序,以文件名sy1.html保存,

并在浏览器中运行。 源程序清单如下:

Example

welcome to you!


Welcome to the world of HTML!

This is a simple HTML document. It is to give you an outline of how to write HTML file and how the markup tags work in the HTML file

Following in three chapters.

    This is the chapter one!

    This is the chapter three!


    item coment

    item1 font

    item2 table

    item3 form


    1

    2

    3

    4

    5

    6

    7

    End of the example document

    运行结果:

    2.编写一个能输入如图所示界面的HTML文件。

    程序代码:

    表单范例

    请留下个人资料

    运行结果:

    一、实验目的

    1. 掌握JavaScript技术,基本掌握JavaScript的开发技巧; 2. 利用文本编辑器建立JavaScript脚本语言进行简单编程。

    二、实验要求:

    1. 根据以下实验内容书写实验准备报告。 2. 独立完成实验。

    三、实验内容

    1.显示一个动态的时钟

    在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句,理解每条语句的作用。源程序清单如下:

    运行结果:

    2.事件驱动和事件处理

    在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句,理解每条语句的作用。源程序清单如下:

    By pressing the button,a function will be called.The function will alert a message.

    运行结果:

    3. JavaScript表单校验

    编写程序register.html,做一个如下图所示的用户注册界面,要求对用户填写的部分进行合法性检验。源程序清单如下:

    用户登录

    用户登录:

    运行结果:

    一、实验目的

    1. 掌握JSP的Request与Response隐式对象的用法,基本掌握JSP的开发技巧。 2. 在JDK和Eclipse环境下,完成下列实验。

    二、实验要求

    1. 独立完成实验。 2. 书写实验报告书。

    三、实验内容

    编写程序实现一个单选小测试。在test.jsp页面显示问题,并将答案提交至answer.jsp进行判断,如果回答正确,则将页面转至yes.jsp;否则,转至no.jsp。

    程序代码: Test.jsp

    <%@ page language=\

    北京奥运会开幕日期是:

    answer.jsp

    <%@ page language=\

    String mydate;

    mydate=request.getParameter(\ if(mydate.equals(\

    response.sendRedirect(\

    else response.sendRedirect(\ %>

    yes.jsp<%@ page language=\




    恭喜您答对了!

    no.jsp

    <%@ page language=\



    很抱歉,您答错了!

    运行结果:

    一、实验目的

    1.掌握JSP的Application对象Session对象的用法,基本掌握JSP的开发技巧。 2.在JDK和Eclipse环境下,完成下列实验。

    二、实验要求:

    1.独立完成实验 ; 2.书写实验报告书

    三、实验内容:

    1.请仔细阅读下列程序语句,理解每条语句的作用。源程序清单如下: <%@pagelanguage=\import=\pageEncoding=\%>

    网页计数器

    <%

    if(application.getAttribute(\)==null) application.setAttribute(\,\); else {

    String strnum = null;

    strnum=application.getAttribute(\).toString(); inticount=0;

    icount=Integer.valueOf(strnum).intValue(); icount++;

    application.setAttribute(\,Integer.toString(icount)); } %>

    您是第<%=application.getAttribute(\) %>为访问者! 运行结果:

    2.上述计数器当进行刷新时也会自动加1,试编写程序count.jsp,实现防刷新文本计数器。源程序清单如下:

    <%@ page language=\

    网页防刷新计数器 <% if(!session.isNew()) { out.print(\你是第\位访问者\ } else { if( application.getAttribute(\== null) application.setAttribute(\ else { String strnum; strnum=application.getAttribute(\ inticount=0; icount=Integer.valueOf(strnum).intValue(); icount++; application.setAttribute(\ } out.print(\你是第\位访问者\ } %> 运行结果:

    3.编写程序register.html和register.jsp,做一个用户注册的界面,要求对用户填写的部分进行合法性检验,然后提交到register.jsp进行注册检验,若用户名为user开头的,就提示“该用户名已被注册”,若用户名为admin,就提示“欢迎你,管理员”,否则,就显示“注册成功”。 Register.html

    新用户注册

    Register.jsp

    <%@ page language=\

    <%

    String myusername = request.getParameter(\ if(myusername.length()>=4) {

    String mystring = myusername.substring(0,4);

    if( mystring.equalsIgnoreCase(\

    out.print(\对不起,该用户名已经被注册!请重新输入!\ else if(myusername.equalsIgnoreCase(\ out.print(\欢迎您,管理员!\ else

    out.print(\恭喜您,注册成功!\ } else {

    out.print(\恭喜您,注册成功!\ } %> 运行结果:

    一、实验目的

    1.掌握JSP与数据库的连接技术——JDBC 2.掌握JSP数据库编程技术。

    二、实验要求

    1.独立完成实验; 2.书写实验报告书

    三、实验内容

    利用数据库建立一个同学录,然后通过JDBC编写一系列基于Web方式的JSP程序,来对同学录的数据库进行添加、查询等功能,要求在网页上显示出来。

    四、实验步骤

    1.建立数据库

    建立名为students的access数据库,在库中建立schoolmate表. 2.创建数据源名

    打开数据源;添加Microsoft Access Driver(*.mdb)数据源驱动程序。数据源名称:students;更改默认数据库,选择students. 3.运行所编写的应用程序

    五、源程序如下:

    sc.html

    删除界面

    输入删除同学记录的编号

    sy.html

    同学录


    同学录


    tj.html

    添加界面

    添加同学信息

    cx.jsp

    <%@ page language=\import=\

    学号姓名生日电话邮箱地址其他 <%

    String driverName = \ String dbName = \

    String tableName = \ String userName = \ String userPasswd = \

    String conURL = \ String sql = \ Class.forName(driverName); Connection con =

    DriverManager.getConnection(conURL,userName,userPasswd); Statement s=con.createStatement(); ResultSetrs=s.executeQuery(sql); while(rs.next()) {

    out.println(\

    out.println(\ out.println(\ out.println(\ out.println(\ out.println(\ out.println(\ out.println(\ out.println(\ }

    rs.close(); s.close(); con.close(); %>

    sc.jsp

    <%@ page language=\import=\pageEncoding=\

    <%

    String driverName = \ String dbName = \

    String tableName = \ String userName = \ String userPasswd = \

    String conURL = \

    String sql = \ Class.forName(driverName);

    Connection con = DriverManager.getConnection(conURL,userName,userPasswd); String id = new String(request.getParameter(\ String up=\ PreparedStatementps = con.prepareStatement(up); ps.executeUpdate(); ps.close(); %>

    删除后的数据库记录


    学号姓名生日电话邮箱地址其他 <%

    Statement s1=con.createStatement(); ResultSet rs1=s1.executeQuery(sql); while(rs1.next()) {

    out.println(\

    out.println(\ out.println(\ out.println(\ out.println(\ out.println(\ out.println(\ out.println(\ out.println(\ }

    rs1.close(); s1.close(); con.close(); %>

    tj.jsp

    <%@ page language=\import=\pageEncoding=\

    <%

    String driverName = \ String dbName = \

    String tableName = \ String userName = \ String userPasswd = \

    String conURL = \ String sql = \ Class.forName(driverName);

    Connection con = DriverManager.getConnection(conURL,userName,userPasswd); String name = new

    String(request.getParameter(\ String id = new String(request.getParameter(\

    String birthday = new String(request.getParameter(\ String phone = new String(request.getParameter(\ String email = new String(request.getParameter(\ String address = new

    String(request.getParameter(\ String other = new

    String(request.getParameter(\ PreparedStatementps = con.prepareStatement(\values(?,?,?,?,?,?,?)\ ps.setString(1,id); ps.setString(2,name); ps.setString(3,birthday); ps.setString(4,phone); ps.setString(5,email); ps.setString(6,address); ps.setString(7,other); ps.executeUpdate(); ps.close(); %>

    插入后的数据库记录


    学号姓名生日电话邮箱地址其他 <%

    Statement s1=con.createStatement(); ResultSet rs1=s1.executeQuery(sql); while(rs1.next()) {

    out.println(\

    out.println(\ out.println(\ out.println(\ out.println(\ out.println(\ out.println(\ out.println(\ out.println(\ }

    rs1.close(); s1.close(); con.close(); %>

    运行结果:

    本文来源:https://www.bwwdw.com/article/875.html

Top