web程序设计实验二

合集下载

web实验二

web实验二

下面所有程序需要首先,建立一个在MyEclipse里的NEW-→JA V A project; 然后输入JA V A 工程的名字;第三,右键点击工程的名字,NEW-→package, 然后输入包的名字;第四,所有的工程都在这个包里完成实训一JA V A语言基础一、实训目的1.掌握标识符的定义规则。

2.掌握表达式的组成。

3.掌握Java 基本数据类型及其使用方法。

4.理解定义变量的作用,掌握定义变量的方法。

5.掌握各种运算符的使用及其优先级控制。

6.通过以上内容,掌握Java 语言的编程规则。

二、实训要求1.编写一个声明Java 不同数据类型变量的程序。

2.编写一个使用运算符、表达式、变量的程序。

3.编写表达式语句、复合语句的程序。

三、实验内容1.了解变量的使用范围(1)建立LX2_2.java 文件,通过本程序了解变量的使用范围,源代码如下。

public class LX2_2 {static int i=10;public static void main(String args[]) {{int k=10;System.out.println("i="+i);System.out.println("k="+k);}System.out.println("i="+i);System.out.println("k="+k);//编译时将出错,已出k 的使用范围}}(2)编译LX2_2.java此时会出现错误提示。

因为变量k 在方法中的语句块中声明,在方法块之外它是不存在的,所以编译时会出错。

(3)思考:LX2_2.java 程序说明了什么问题?3.使用关系运算符和逻辑运算符(1)建立使用关系运算符和逻辑运算符的程序文件,源代码如下。

class LX2_3 {public static void main(String args[]) {int a=25, b=20, e=3, f=0;boolean d=a<b;System.out.println("a=25,b=20,e=3,f=0");System.out.println("因为关系表达式a<b 为假,所以其逻辑值为:"+d);if (e!=0 && a/e>5)System.out.println("因为e 非0 且a/e 为8 大于5,所以输出a/e="+a/e);if (f!=0 && a/f>5)System.out.println("a/f = "+a/f);elseSystem.out.println("因为f 值为0,所以输出f = "+f);}}(2)编译并运行该程序,请写出运行结果。

WEB程序设计上机实验二

WEB程序设计上机实验二

北京服装学院商学院上机实验报告实验名称:学生信息管理网站的设计与开发学生姓名:Masoon指导教师:实验日期:实验二学生信息管理网站的设计与开发一、实验名称学生信息管理网站的设计与开发二、实验目的(1)理解MVC框架的具体含义.(2)掌握Java的基础语法和编程规范.(3)掌握SQL语言的语法.(4)掌握JSP和SERVLET的语法以及五个内置对象的使用.(5)掌握JSP的工作原理.(6)学会运用JSP+SERVLET+DATABASE进行网站的设计和开发.三、实验内容1.根据需求进行网站框架的设计2.根据模块设计进行数据库设计3.网站源代码开发和测试4.将工程部署到TOMCAT服务器上5.实验报告的书写四、实验要求与步骤(1)设计网站的框架(2)根据框架设计进行数据库的设计;(3)进行编码工作(4)测试i.进行用户页面数据的正确性测试(例如年龄是否为整数的测试;E-mail格式是否正确的测试等等)ii.对网页的调转方向是否正确进行测试;iii.对网页显示信息是否有乱码进行测试;iv.对网页显示信息是否符合业务逻辑进行测试.(5)部署i.配置部署环境(JDK+TOMCAT)ii.将开发的工程文件复制到$TOMCAT\webapps\iii.在IE浏览中打开http://localhost:8080/login.jsp(6)完成实验报告1.查询数据的分页显示功能;2.学生注册的照片上传和查询显示;3.部署环境的具体配置方法和系统是如何部署到Tomcat中的;在这里选择页面右键工程,之后导出,war文件,将war文件放入tomcat文件夹下的webapps文件夹中,之后运行tomcat在浏览器中输入http://localhost:8080/HH/index.jsp4.整个系统的使用说明;共有七个网页,组成一个网站,网站从index.jsp作为首页的开始,包括,login.jsp,sign.jsp,Download.jsp,delete.jsp,show.jsp,showResult.jsp,vote.jsp 等页面。

WEB程序设计实验二

WEB程序设计实验二

WEB程序设计实验二WEB程序设计实验二武汉工程大学计算机科学与工程学院《Web系统与技术》实验报告专业班级学生学号学生姓名实验项目实验类别设计性实验时间实验地点指导教师实验二服务器控件实验学时4实验目的:熟悉标准控件、HTML控件、有效性验证控件的使用,学习用C#编写CodeBehind代码,以实现相应的功能。

实验内容和要求:1.参考实验指导书的实验步骤,完成实验4、实验5。

2.在1的基础上完成以下3项设计,并将实验主要代码、运行结果、收获和总结写入实验报告:1)计算器(改进功能)2)简单的考试(5题,自动评分,题目和答案存放在数组中)3)用户注册(仿照常见网站的注册页面)报告应在2周内完成,并以学号+姓名+实验二为名交电子文档。

实验目的及要求类别上机表现报告质量说明:成绩评定表评分标准按时出勤、遵守纪律认真完成各项实验内容填写内容完整、体现设计过程和结果,实验总结能体现问题和收获分值30分得分70分合计评阅教师:陈艳日期:年月日实验内容1.设计并实现一个简易的计算器,代码和WEB运行结果如下图所示:代码:WEB运行结果:《Web系统与技术》实验报告2.简单的考试(5题,自动评分,题目和答案存放在数组中),代码和WEB运行结果如下图所示:代码:《Web系统与技术》实验报告WEB运行结果:《Web系统与技术》实验报告3.设计并实现一个带验证控件的用户注册页面,代码和WEB运行结果如下图所示:代码:《Web系统与技术》实验报告WEB运行结果:实验总结通过本次实验,让我学会了如何去做一个简单地计算器、如何去实现一个单选题的测试页面和如何去设计一个用户注册页面,让我熟悉了标准控件、HTML 控件、有效性验证控件的使用。

在实验中遇到不少问题,有些代码不会写,也不知道如何去写,通过和同学们一起讨论,最后终于将代码运行成功了,在WEB界面实现了各种页面效果,与此同时,我学会如何去很好的使用C#编写CodeBehind代码,以实现相应的功能。

WEB程序设计实验指导书

WEB程序设计实验指导书
9、准备修改服务端口和网站的根路径。在实际应用中,一般需要更改这两个基本配置,修改这两个配置均在Tomcat安装目录下的conf子目录下的server.xml文件中。修改前请备份好server.xml文件。
10、修改服务端口。用记事本或其他文本编辑器打开server.xml文件,定位到93行,将94行的“8080”修改为需要的端口号,如“8090”。重新启动Tomcat,在浏览器地址栏输入90,可见类似图1-1的界面,说明端口修改成功。
6、安装下载的Tomcat V5.0.16程序。选择一个安装路径,这里假定安装路径为C:\Tomcat5.0,其他设置可用安装程序的默认设置。
7、安装完后启动tomcat。启动成功后,任务栏的托盘处可见一含有绿色三角标记的Apache Tomcat图标。
8、在浏览器地址栏输入,如果看见图1-1的界面,说明JSP运行环境配置成功。
3、接下来需要配置一些环境变量。右键单击“我的电脑”,在弹出菜单中选择“属性”,进入“高级”中的“环境变量”;新建一个系统变量JAVA_HOME,其值设为C:\j2sdk1.4.2;又新建一个系统变量CLASSPATH,其值设为.;%JAVA_HOME%\lib;修改系统变量PATH的值,在原值基础上加上%JAVA_HOME%\bin;。
实验2页面设计与HTML的使用
一、实验目的
1、掌握页面设计的基本技巧;
2、掌握使用HTML语言制作静态页面的技术;
3、了解网站的基本建立过程;
4、掌握使用Frontpage或者Dreamweaver制作网页的基本技术。
二、实验内容
1、简易静态网站页面设计与制作。围绕某一主题设计站点页面,并使用HTML制作。
5、实验前应该先选定所要创建网站的主题(如:个人网站、自我推荐网站、班级网站、某种专题网站等)和风格;

西交大web程序设计第2次上机实验报告

西交大web程序设计第2次上机实验报告

《Web程序设计》第2次上机作业1、创建网页,要求在浏览器中显示下面的结果:代码:<html><head><title>2-1</title><meta charset="utf-8" /></head><body><h1>&nbsp&nbsp&nbsp2-1 标记&ltfont&gt的使用</h1><font size="5">该标记设置颜色的格式如下,<br>&ltfont color=颜色&gt文本&lt/font&gt<br>例如:<br>&ltfont color=red&gt红色文本&lt/font&gt的结果如下:<br><font color="red" size="5">红色文本</font></font></body></html>运行结果:2、创建网页,网页中的内容如下,可以粘贴到记事本上:第二章HTML 基础2.1 HTML 文档的结构HTML标签告诉浏览器HTML文件的开始和结束,HTML文档中所有的内容都在这两个标签之间。

头部标签放置页面的标题以及文件信息等内容,这两个标签之间的内容统称作HTML的头部,位于头部的内容都不会在网页上直接显示。

主体标签放置绝大多数HTML的内容。

要求设置的网页格式如下:(1)章为标题h1,居中,黑体,红色(2)节为标题h2,居左,楷体,绿色(3)正文有三段,设置为宋体,蓝色代码:<html><head><title>2-2</title><meta charset="utf-8" /></head><body><h1 align="center"><font color="green" face="楷体">2.1 HTML 文档的结构</font></h1><h2 align="left"><font color="red" face="黑体">第二章HTML 基础</font></h2><font color="蓝色" face="宋体">&nbsp&nbspHTML标签告诉浏览器HTML文件的开始和结束,HTML文档中所有的内容都在这两个标签之间。

WEB技术基础实验指导书(实验2)

WEB技术基础实验指导书(实验2)

实验二、简单网页设计一、实验目的1.掌握JavaScript脚本的编写方法;2.掌握Javascript脚本操作DOM元素及常用方法调用;3.掌握HTML页面与Javascript脚本关联使用。

二、实验内容1.编写一个能够输入学生成绩的界面;2.编写Javascript代码,增加输入框并计算总成绩;3.编写一个显示当前时间的DIV文本块。

三、实验步骤1.编写一个能够计算学生成绩的界面;1)需要实现的界面如下:2)要求单击“增加”按钮后,能够增加一行学生信息;单击“计算”按钮后,能够计算出学生的平均分和学生人数;<html><head><title>JavaScript 实例</title></head><script language="JavaScript">var num=10;var names=new Array(num);var scores=new Array(num);for (i=0;i<num;i++){names[i]="";scores[i]="60";}function init(){}function calculate(){var total=0;for (i=0;i<num;i++){names[i]=frmMain.txtName[i].value;scores[i]=frmMain.txtScore[i].value;total+=parseInt(scores[i])}frmMain.txtAverage.value=parseInt(total/num);frmMain.txtTotal.value=num;}function getStudents(n){var content="";for (i=0;i<n;i++){content+="学生姓名:<input type='text' id='txtName' size=8 value='"+names[i]+"'>&nbsp;&nbsp;";content+="学生成绩:<input type='text' id='txtScore' size=5 value='"+scores[i]+"'><br>";}return content;}function increaseArray(arr){var newLength=arr.length+1;var arrTemp=new Array(newLength);for (i=0;i<arr.length;i++)arrTemp[i]=arr[i];return arrTemp;}function addStudent(){names=increaseArray(names);scores=increaseArray(scores);names[num]="";scores[num]="60";num++;document.getElementById("students").innerHTML+=getStudents(1);}</script><body onload="init()">学生成绩录入:<hr><form id="frmMain">学生平均分:<input type="text" id="txtAverage" size=4>&nbsp;&nbsp;学生人数:<input type="text" id="txtTotal" size=4><br><hr><br><div id="students"><script language="JavaScript">document.write(getStudents(num));</script></div><hr><input type="button" value="计算" onclick="calculate() ">&nbsp;&nbsp;<input type="button" value="增加" onclick="addStudent() "> </form></body></html>3)下面是本界面的部分源代码,请将其补充完整;<!--单击、计算平均分、增加行、使用数组。

《Web程序设计》实验指导书

《Web程序设计》实验指导书

(3) 按 Ctrl +F5 运行网页,查看效果如图 T.2 所示。
图 T.2 运行效果
【练习 2】发布 Web 应用程序。 (1) 这里选择 Visual Studio 中的提供的预编译部署功能进行简单的网站部署测试。在 Visual Studio 2008 中选择【生成】菜单下的【发布网站】 ,弹出如图 T.3 所示的对话框,选择 网站发布的目标位置,点击确定。
Web 程序设计实验
2015-2016 第二学期
B130505/B130506


实验 1 创建与发布 应用程序 ............................................................................ 1 目的与要求 ....................................................................................................................... 1 内容和步骤 ....................................................................................................................... 1 实验 2 C#程序设计 ................................................................................................................ 3 目的与要求 ....................................................................................................................... 3 内容和步骤 ........................................................................................................................... 3 实验 3 内置对象的应用 ........................................................................................................ 4 目的与要求 ....................................................................................................................... 4 内容和步骤 ....................................................................................................................... 4 实验 4 服务器控件应用 ..................................................................................... 9

Web程序设计实验指导书

Web程序设计实验指导书

Web程序设计实验指导书杨松波2010.09实验一 C#和3.5一.实验目的(1)了解C#语言规范(2)掌握C#基础语法、流程控制和异常处理等。

(3)掌握创建C#类并应用于3.5 Web窗体中的方法。

二.实验内容及要求1.转换输入的成绩到相应的等级要求如下:(1)页面浏览效果如图1-1所示(2)成绩输入使用TextBox控件。

(3)点击Button控件时输出相应的等级信息,其中等级信息输出在一个Label上图1-1 成绩转换浏览效果2.在Web窗体上输出九九乘法表浏览效果如图1-2所示图1-2 “九九乘法表”浏览效果3.输入一组以空格间隔的共10个以内的整数,输出该组整数的降序排列要求如下:(1)页面浏览效果如图1-3所示。

(2)输入使用TextBox控件。

(3)单击Botton控件时输出所有整数的降序排列。

(4)必须使用数组。

图1-3 降序排列浏览效果4.计算两个数的商要求如下:(1)页面浏览效果如图1-4和图1-5所示。

(2)输入使用两个TextBox控件。

(3)单击Botton控件时输出两个数的商。

(4)必须包含异常处理。

图1-4 计算商浏览效果(1)图1-5计算商浏览效果(2)5.设计一个用户信息类UserInfo要求如下:(1)包括两个属性:姓名(Name)和生日(Birthday)。

(2)包括一个方法DecideAge()用于判断用户是否达到规定年龄。

当年龄大于等于18岁时返回值“XXX,您是成年人了!”; 当年龄小于18岁时返回值“XXX,您还没长大呢!”。

6.将UserInfo类应用于Web窗体中页面浏览效果如图1-6和图1-7所示。

图1-6 UserInfo类浏览效果图(1)图1-7 UserInfo类浏览效果图(2)三.实验步骤1. 转换输入的成绩到相应的等级(1)设计Web窗体新建一个Web窗体,切换到设计视图。

如图1-8所示,向页面添加1个TextBox控件、1个Botton控件和1个Lable控件。

web编程技术实验2

web编程技术实验2

福建农林大学实验报告课程名称:Web编程技术姓名:系:计算机专业:年级:学号:指导教师:职称:年月日实验项目列表福建农林大学实验报告系:专业:年级:姓名:学号:实验室号计算机号实验时间:指导教师签字:成绩:实验二、JSP实现网站计数器一、实验目的和要求1、能够利用基于JSP技术来实现网站计数功能。

2、掌握JSP中使用JDK的一些类的常用方法。

3、初步认识JSP中使用的Java脚本的格式。

二、实验内容和原理1、基于JSP技术来实现网站计数功能,JSP中读取文本文件内容主要是通过Java 的读取文件类,由JSP通过浏览器显示结果。

这样的文本读取需要使用JDK中的BufferedReader类和FileReader类;而写入内容需要使用JDK的FileOutputStream类和PrintWrite类。

2、利用文本文件形式来存储访问量。

当访问者访问到网站的时候,系统读取指定文本文件,然后读取文本文件中记录的访问量,再将访问量加一,并将数据存储到文本文件中,这样就实现了对网站进行统计的功能。

三、实验环境硬件环境:PC微机软件环境:WindowsXP操作系统以及JDK、Eclipse等。

四、实验步骤(参照教材)(1)在C:/新建count.txt,用于记录访问者数目。

(2)单击[File]→[new]→[other],弹出[Select a Wizard]对话框。

单击[Web]→[Dynamic Web Project]:(3)单击[Next],弹出[New Dynamic Web Project]对话框。

在[Project name]文本框中设置项目名称:(4)单击[New],弹出[Select the runtime type]对话框,选择应用服务器类型:(5)单击[Next],弹出[Tomcat Server]对话框。

单击[Browse],选择Tomcat安装目录:(6)按[Finish],服务器配置结束,回到[Create a Dynamic Project]对话框。

《web程序设计》指导书

《web程序设计》指导书

《Web程序设计》实验指导书单位:信息工程学院编写:XXXXX时间:2015年11月目录实验一:语法基础 (1)一、实验目的 (1)二、实验要求 (1)三、实验内容 (1)实验二:数据交互处理 (4)一、实验目的 (4)二、实验要求 (4)三、实验内容 (4)实验三:Ajax数据交互 (14)一、实验目的 (14)二、实验要求 (14)三、实验内容 (14)实验四:综合设计 (22)一、实验目的 (22)二、实验要求 (22)三、实验内容 (22)实验一:语法基础一、实验目的1.掌握PHP语法基本元素,掌握数据类型、变量和常量、运算符、表达式的使用。

2.掌握PHP流程控制。

3.掌握在Html和PHP命令标记相结合的方法。

4.掌握用PHP和Html交互的处理方法。

二、实验要求1.要求学生独立完成2.熟练掌握PHP与HTML标签的结合的操作3.要求独立完成实验,并使用到PHP的基本语法三、实验内容第一题:在html中嵌入PHP命令标记编写一个php动态页面,在html标记中用先嵌入一段php代码,给变量$xh赋一个文本数值;然后把$xh的数值作为一个html表单中的文本型输入框的value属性值。

编程示例:<html><head><title>在html中嵌入PHP命令</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><h1>PHP inside html</h1><?php$xh="081101";?><form action="" method="post">学号是<input type="text" name="xh" size="20" value="<?php echo $xh;?>"> </form></body></html>第二题:PHP语法实验(1)变量、表达式和判断的使用编写一段PHP代码,用于判断一个整数变量的数值是否大于5,并显示判断结果。

《web程序设计》实验报告

《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。

实验报告(2).ppt

实验报告(2).ppt

实验内容
实验一 访问教务在线个人信息系统,查阅课表,指出该 系统是C/S还是B/S模式、可能是几层结构。 查阅本机的子网掩码,写出本机IP地址的网络 地址和主机地址。 HTML编程:使用记事本工具编写简单的HTML 文档, 使用IE打开察看结果。 Dreamweaver编写网页:按照Dreamweaver 综合实例一.doc的内容,查看各个网页的HTML 源码
实验二
JavaScript脚本语言程序设计:验证教 材P109 例1、P110例2 P115 的实 例
VBScript脚本语言程序设计:验证教材 P121、P122、P125的实例
浏览器脚本对象的使用:验证教材 P129、P131、P137的实例
CSS样式的使用:特效字实例
第二次
实验四 ASP程序设计 实验目的、要求:
第三次
实验六 Web数据库程序设计实例 实验目的、要求:
掌握数据库基本操作 掌握网上投票系统实例的编写和调试 掌握图书馆系统实例的编写和调试 实验内容 数据库基本操作 网上投票系统 图书馆系统实例
理解ASP工作原理 掌握ASP的程序的如何编写和调试 掌握ASP的内建对象的使用 实验内容 ASP工作原理和语法基础: IIS的安装与配置;教材
P175例2 ASP的内建对象:教材P181 ~P183例;P186例1;
P189例2;P193例;P194例;P196例1; P198~P199例;P200例;P203例;P205例 ASP程序访问数据库:教材P215例;P216例;P218例 ASP程序设计实例:聊天室实例
实验报告
-WEB编程
第一次
实验一 Web程序设计基础 实验二 Web客户端程序设计
实验目习Internet的相关知识; 了解网页及制作工具; 掌握HTML的基本元素和高级元素

Web程序设计(JSP)实验

Web程序设计(JSP)实验

WEB程序设计(JSP)实验1.编写一个JavaScript程序,在JSP页面上输出当前日期。

<%@page language="java"contentType="text/html; charset=gb2312"%><%@page import="java.util.Date"%><html><head><title>Insert title here</title></head><body><center><% String today=new Date().toLocaleString(); %>今天是:<%=today%></center></body></html>实验二 JSP语法的应用实验内容和要求:1.实现客户在一个登录页面form.jsp(如图2-1)输入登录信息并单击“确定”后跳转到另一个页面doForm.jsp(如图2-2)输出“用户名”和“口令”信息。

图2-1图2-2要求:分别用下列三种方法实现。

(1)创建一个JavaBean----User类,该类含有两个属性username和password,给每个属性增加相应的get和set方法。

在doForm.jsp页面中用<jsp:useBean>动作标识实例化User类对象,再使用<jsp:setProperty>动作标识来把客户在form.jsp表单中填写的值赋给对象,最后用<jsp:getProperty>在页面输出结果。

(2)创建一个JavaBean----User类,该类含有两个属性username和password,给每个属性增加相应的get和set方法。

《Web程序设计(二)课程设计》实验报告

《Web程序设计(二)课程设计》实验报告

《Web程序设计(二)课程设计》实验报告院系名称:管理学院专业班级:电子商务级班学生姓名:学号:注册功能登录功能发布留言查看留言留言修改留言删除合计20分15分15分20分15分15分100分2014年07 月一、实验目的本实验属于设计性实验,目的是使学生在学完《Web程序设计(二)》课程的基本知识之后,通过使用Struts2和Hibernate等框架设计并开发一个简单的在线留言系统,进一步熟悉和领悟JSP、Struts2、Hibernate和Java语言的语法结构和使用方法,通过实验学习Java Web系统的MVC开发步骤与方法,任务是设计一个简单的在线留言系统。

二、实验步骤1.下载并安装配置JDK、eclipse、tomcat软件,使计算机有一个程序开发设计的软件支持。

2.用access建立一个数据库,在数据库中按要求建立表,包括用户注册基本信息表、年龄信息表、收入信息表、文化程度表、娱乐方式信息表、体育运动信息表、电影类型表。

3.在JDK中新建一个工程,建立一个包,名为beans,其下建立一个java文件,名为conndb,其中写入数据库调用信息。

4.用代码编写出html页面和相应的jsp文件,包括导航页面、注册页面、register.jsp、登录页面、login.jsp、问卷调查页面、diaochasend.jsp、问卷结果显示页面。

5.在控制面板中用sql.server接数据库。

6.配置并打开tomcat服务器,在服务器上运行项目,正确就完成,错误则进行修正。

7.在其他pc端进行检验,确保程序能够正常运行三、系统设计1、界面设计2、功能设计本系统具有注册功能、登录功能、发布留言功能、查看留言功能、留言修改功能、留言删除功能。

3、数据库设计本留言板程序采用的是sql server 2005进行数据库的设计与实现,数据库命名为dbs。

建表如下:① User表:② Tip表:四、系统的核心代码1、Index.jsp<body><div id="box"><div id="bottom1"><a href="regist.jsp">注册</a><a href="index.jsp">登录</a><a href="message_list.jsp">留言管理</a></div><div id="login"><div>用户登陆</div></div><div id="bottom"><s:form method="post" name="login" action="Login" theme="simple"validate="true"><p>用户名:<s:textfield name="erName" maxlength="20"cssClass="input-border"></s:textfield></p><p>&nbsp; 密码:<s:password name="user.passWord" maxlength="20"cssClass="input-border"></s:password>&nbsp;<label for="password"></label></p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<s:submit value="登陆" onmouseover="this.className='login-b2'" onmousedown="this.className='login-b3'" onmouseout="this.className='login-b'" cssClass="login-b" ></s:submit>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<s:reset value="重置" ></s:reset></p></s:form>没有帐号? <a href="regist.jsp">点击注册</a></div><s:property value="#er"/></div>2、Regist.jsp<body><div id="box"><div id="bottom1"><a href="regist.jsp">注册</a><a href="index.jsp">登录</a><a href="message_list.jsp">留言管理</a></div><div id="login"><div>用户注册</div></div><div id="bottom"><s:form action="UserRegist" name="regist" method="post" validate="true" theme="simple"><p>用户姓名:<s:textfield label="用户名 " name="ername" maxlength="20" cssClass="input-border"></s:textfield></p><p>用户密码:<s:password label="密码 " name="regist.password" maxlength="20" cssClass="input-border"></s:password></p><p>密码确认:<s:password label="确认密码 " name="regist.repassword" maxlength="20" cssClass="input-border"></s:password></p><p>真实姓名:<s:textfield label="真实姓名 " name="" maxlength="20" cssClass="input-border"></s:textfield></p><p>性&nbsp;&nbsp;别:<s:radio label="性别" list="#{'男':'男','女':'女'}" name="ex" value="'男'"></s:radio></p><p>&nbsp;&nbsp;&nbsp;<s:submit value="注册" ></s:submit>&nbsp; &nbsp;&nbsp;<s:reset value="重置" ></s:reset></p></s:form>已有帐号?<a href="index.jsp">点击登陆</a></div></div></body>3、AddMes.jsp<body><div id="box"><div id="bottom1"><a href="regist.jsp">注册</a><a href="index.jsp">登录</a><a href="addmes.jsp">留言</a><a href="message_list.jsp">留言管理</a></div><div id="login"><div>请您留言</div></div><div id="bottom"><form action="MessageServlet" method="post" name="form"><p>留言标题:<input name="title" type="text" size="50" /></p><p> 留言内容:<textarea name="content" cols="38" rows="5"></textarea>&nbsp;<label for="password"></label></p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name="button" id="button" value="提交留言" /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" name="button2" id="button2" value="重新填写" /> </p></form></div></div></body>4、MessageList.jsp<body><div id="box"><div id="bottom1"><a href="regist.jsp">注册</a><a href="index.jsp">登录</a><a href="addmes.jsp">留言</a><a href="message_list.jsp">留言管理</a></div><div id="login"><div>留言内容及管理</div></div><div id="bottom"><table width="90%" border="1" id="table"><c:choose><c:when test="${empty pageModel.list}"><tr><td height="68" colspan="3">没有留言内容!</td></tr></c:when><c:otherwise><!-- 循环输出留言信息 --><c:forEach items="${pageModel.list}" var="m"><tr><td rowspan="2">用户名:${ername}<br />用户ID:${erId}</td><td height="43">留言标题:${m.title}</td><td rowspan="2" align="center"><c:if test="${!empty user}"><a href="ManagerServlet?method=delete&id=${m.id}">删除</a><a href="ManagerServlet?method=update&id=${m.id}">更改</a></c:if></td></tr><tr><td height="76">留言内容:${m.content}</td></tr></c:forEach></c:otherwise></c:choose></table></div></div></body>5、DBConnect.javapackage com.kuan.dao;import java.sql.Connection;import java.sql.DriverManager;import java.sql.ResultSet; //导入数据库操作的类import java.sql.SQLException;import java.sql.Statement;public class DBConnect {private static Connection conn = null; //连接对象private static Statement stmt = null;private static String user="sa";//数据库的用户名private static String password=""; //数据库的密码//语句对象private static ResultSet rs = null; //结果集对象private static StringAccessDriver="com.microsoft.sqlserver.jdbc.SQLServerDriver";//保存Mssql驱动程序private static StringAccessURL="jdbc:sqlserver://localhost:1433;integratedSecurity=true;DatabaseName =dbs";//保存Mssql连接字符串public DBConnect() {conn = null;}public static Connection getConnection() {try{Class.forName(AccessDriver).newInstance();conn=DriverManager.getConnection(AccessURL,user,password);}catch(Exception e){e.printStackTrace();}return conn;}//加载驱动,连接数据库public static Statement getStmt() {try{Class.forName(AccessDriver).newInstance();conn=DriverManager.getConnection(AccessURL,user,password);stmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_ UPDATABLE);}catch(Exception e){e.printStackTrace();}return stmt;}public static ResultSet getRS(String sql) throws SQLException {//查询ResultSet rs ;Statement stmt = DBConnect.getStmt();rs = stmt.executeQuery(sql);return rs;}public static int Update(String sql) throws SQLException {//插入int ret = 0 ;Statement stmt = DBConnect.getStmt();ret = stmt.executeUpdate(sql);return ret;}public static void close(){if(rs!=null)try {rs.close();} catch (SQLException e) { } if(stmt!=null)try {stmt.close();} catch (SQLException e) { } if(conn!=null)try {conn.close();} catch (SQLException e) { } }}6、User.javapackage com.kuan.model;public class User {private Integer id; //ID编号private String username; //用户名private String password; //密码private String name; //姓名private String sex; //性别public String getSex() {return sex;}public void setSex(String sex) {this.sex = sex;}public Integer getId() {return id;}public void setId(Integer id) {this.id = id;}public String getUsername() {return username;}public void setUsername(String username) { ername = username;}public String getPassword() {return password;}public void setPassword(String password) { this.password = password;}public String getName() {return name;}public void setName(String name) { = name;}}7、Message.javapackage com.kuan.model;public class Message {private Integer id; //ID编号private String title; //标题private String content; //内容private Integer userId; //用户IDpublic Integer getId() {return id;}public void setId(Integer id) {this.id = id;}public String getTitle() {return title;}public void setTitle(String title) {this.title = title;}public String getContent() {return content;}public void setContent(String content) { this.content = content;}public Integer getUserId() {return userId;}public void setUserId(Integer userId) { erId = userId;}}UserDao.javapackage com.kuan.dao;import java.util.List;import org.hibernate.Query;import org.hibernate.Session;import er;public class UserDao {public void saveUser(User user){Session session = null; //Session对象try {//获取Sessionsession.beginTransaction(); //开启事物session.save(user); //持久化usersession.getTransaction().commit(); //提交事物} catch (Exception e) {e.printStackTrace(); //打印异常信息}finally{}}/*** 查询所有用户信息* @return List集合*/public List<User> findAllUser(){Session session = null; //Session对象List<User> list = null; //List集合try {//获取Sessionsession.beginTransaction(); //开启事物String hql = "from user1";list = session.createQuery(hql) //创建Query对象 .list(); //获取结果集session.getTransaction().commit(); //提交事物} catch (Exception e) {e.printStackTrace(); //打印异常信息session.getTransaction().rollback();//回滚事物}finally{//关闭Session}return list;}/*** 通过用户名和密码查询用户* 用于登录* @param username 用户名* @param password 密码* @return User对象*/public User findUser(String username, String password){Session session = null; //Session对象User user = null; //用户try {//获取Sessionsession.beginTransaction(); //开启事物//HQL查询语句String hql = "from user1 u where ername=? and u.password=?";Query query = session.createQuery(hql) //创建Query对象.setParameter(0, username)//动态赋值.setParameter(1, password);//动态赋值user = (User)query.uniqueResult(); //返回User对象session.getTransaction().commit(); //提交事物} catch (Exception e) {e.printStackTrace(); //打印异常信息}finally{}return user;}/*** 判断指定用户名的用户是否存在* @param username 用户名* @return*/public boolean findUserByName(String username){Session session = null; //Session对象boolean exist = false;try {//获取Sessionsession.beginTransaction(); //开启事物//HQL查询语句String hql = "from user1 u where ername=?";Query query = session.createQuery(hql) //创建Query对象.setParameter(0, username);//动态赋值Object user = query.uniqueResult(); //返回User对象//如果用户存在exist为trueif(user != null){exist = true;}session.getTransaction().commit(); //提交事物} catch (Exception e) {e.printStackTrace(); //打印异常信息}finally{}return exist;}}8、UserLogin.javapackage com.kuan.action;import java.sql.ResultSet;import java.util.Map;import com._52run.struts_task.dao.DBConnect;import er;import com.opensymphony.xwork2.ActionContext;import com.opensymphony.xwork2.ActionSupport;public class UserLogin extends ActionSupport {private static final long serialVersionUID = 1L;private User user ;private String msg ;public String getMsg() {return msg;}public void setMsg(String msg) {this.msg = msg;}public User getUser() {return user;}public void setUser(User user) {er = user;}public String execute() throws Exception {String sql = "select * from user1 where userName = '"+user.getUsername()+"' and uPwd = '"+user.getPassword()+"'";ResultSet rs = DBConnect.getRS(sql);if(!rs.next()) {msg = "用户名或密码错误,请重新输入!";DBConnect.close();return INPUT;} else {ActionContext actionContext = ActionContext.getContext();Map<String, String> session = actionContext.getSession();session.put("user", user.getUsername());//ActionContext.getContext().getSession().put("user",user.getuserName());DBConnect.close();return SUCCESS;}}/* public void validate() {String sql = "select * from regist where userName = '"+user.getuserName()+"' and uPwd = '"+user.getpassWord()+"'";try {ResultSet rs = DBConnect.getRS(sql);if(!rs.next()) {this.addFieldError("msg", "用户名或密码错误,请重新输入");}} catch (SQLException e) {// TODO Auto-generated catch blockSystem.out.print("出现异常");}}*/}9、UserRegist.javapackage com.kuan.action;import java.sql.ResultSet;import java.util.Map;import com._52run.struts_task.dao.DBConnect;import er;import com.opensymphony.xwork2.ActionContext;import com.opensymphony.xwork2.ActionSupport;public class UserLogin extends ActionSupport {private static final long serialVersionUID = 1L;private User user ;private String msg ;public String getMsg() {return msg;}public void setMsg(String msg) {this.msg = msg;}public User getUser() {return user;}public void setUser(User user) {er = user;}public String execute() throws Exception {String sql = "select * from user1 where userName = '"+user.getUsername()+"' and uPwd = '"+user.getPassword()+"'";ResultSet rs = DBConnect.getRS(sql);if(!rs.next()) {msg = "用户名或密码错误,请重新输入!";DBConnect.close();return INPUT;} else {ActionContext actionContext = ActionContext.getContext();Map<String, String> session = actionContext.getSession();session.put("user", user.getUsername());//ActionContext.getContext().getSession().put("user",user.getuserName());DBConnect.close();return SUCCESS;}}/* public void validate() {String sql = "select * from regist where userName = '"+user.getuserName()+"' and uPwd = '"+user.getpassWord()+"'";try {ResultSet rs = DBConnect.getRS(sql);if(!rs.next()) {this.addFieldError("msg", "用户名或密码错误,请重新输入");}} catch (SQLException e) {// TODO Auto-generated catch blockSystem.out.print("出现异常");}}*/}五、实验总结通过这次Web程序设计实验,我把Web程序设计课程的知识框架重新梳理清楚,对Struts2和Hibernate等框架更加熟悉,对JSP、Struts2、Hibernate和Java语言的语法结构和使用方法更加灵活和得心应手。

java web实验2

java web实验2
3.2 实验二 HTTP 请求对象
一. 实验目的
1. 掌握如何获得请求参数; 2. 掌握如何检索请求头; 3. 了解如何通过请求对象获得客户信息; 4. 重点掌握使用请求对象存储数据和请求转发。
二. 实验内容
任务 1:通过查询串传递请求参数,并在 Servlet 中检索请求参数 步骤 1:在 helloweb 项目中创建一个 Servlet,主要代码如下。
package com.demo; … @WebServlet("/HelloUserServlet")——使用 tomcat7.0 版本时才显示此内容 public class HelloUserServlet extends HttpServlet{
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
图 2.2 SecondServlet 显示结果
SecondServlet.java 的主要代码如下:
package com.demo; … public class SecondServlet extends HttpServlet {
public void doPost(HttpServletRequest request, HttpServletResponse response)
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException{ doGet(request, response); } }

web程序设计实验二

web程序设计实验二

嘉应学院计算机学院实验报告课程名称:Web程序设计开课学期:2017-2018学年第1学期班级:指导老师:实验题目:实现网页中的买家评论信息学号:姓名:一、实验目的:实现网页中的买家评论信息二、实验内容运用列表编辑网页三、实验过程描述实验源码;<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><title>商品详情</title><link rel="stylesheet" type="text/css" href="css/mr-style.css" /></head><body><div class="mr-cont"><div class="mr-nav"><ul class="mr-nav1"><li><font size="+1" color="#FF0000"><b>全部评价</b></font></li><li><font size="+1"><b>宝贝详情</b></font></li><li><font size="+1"><b>猜你喜欢</b></font></li></ul></div><div class="mr-yinxiang"><div class="mr-good-left"><br><font size="+3" color="#FF0000"><b>100</b><font size="-1">%</font></font><font>好评度</font></div><dl class="mt-good-right"><dt><font size="+2" color="#FF0000"><b>买家印象</b></font></dt><dd class="mr-yinx-txt"><font color="#FFFFFF" >"性价比高(2177)"</font><font color="#FFFFFF" >"系统流畅(1860)"</font><font color="#FFFFFF" >"外观漂亮(1823)"</font><font color="#FFFFFF" >"功能齐全(1689)"</font><font color="#FFFFFF" >"支持国产机(1488)" </font><font color="#FFFFFF" >"反应快(1392)" </font><font color="#FFFFFF" >"照相不错(1119)" </font><font color="#FFFFFF" >"通话质量好(865)"</font><font color="#FFFFFF" >"国民手机(831)"</font></dd></dl></div><div class="mr-pingjia"><ul><li><font>全部评价(733)</font></li><li><font>好评(598)</font></li><li><font>中评(120)</font></li><li><font>差评(15)</font></li></ul><div class="mr-ping"><div class="mr-touxiang"><img src="images/touxiang.jpg" /></div><div class="mr-pingjia-txt"><div class="pingjia-tit"><font color="#999"><b>&nbsp;b***1(匿名)</b>评论于2015年11月02日17:46</font></div><div class="pingjia-txt"><font color="#3f3f3f">&nbsp;帮朋友买的,没拆开来看,据说还不错,很满意!<br>&nbsp;颜色分类:金&nbsp;&nbsp;电信4G </font> </div></div></div><div class="mr-ping"><div class="mr-touxiang"><img src="images/touxiang.jpg" /></div><div class="mr-pingjia-txt"><div class="pingjia-tit"><font color="#999"><b>&nbsp;b***1(匿名)</b>评论于2015年11月02日17:46</font></div><div class="pingjia-txt"><font color="#3f3f3f">&nbsp;帮朋友买的,没拆开来看,据说还不错,很满意!<br>&nbsp;颜色分类:金&nbsp;&nbsp;电信4G </font> </div></div></div><div class="mr-ping"><div class="mr-touxiang"><img src="images/touxiang.jpg" /></div><div class="mr-pingjia-txt"><div class="pingjia-tit"><font color="#999"><b>&nbsp;b***1(匿名)</b>评论于2015年11月02日17:46</font></div><div class="pingjia-txt"><font color="#3f3f3f">&nbsp;帮朋友买的,没拆开来看,据说还不错,很满意!<br>&nbsp;颜色分类:金&nbsp;&nbsp;电信4G </font> </div></div></div></div></body></html>运行结果:四、实验小结ul-li实现没有前后顺序的信息列表(即无序列表);有序列表(ordered list)的默认样式属性为阿拉伯数字,语义为列表之间有顺序之别;无序列表(unordered list)的默认样式属性为实心圆点,语义为各个列表的地位是平等的,无顺序之别。

实验二实现一个基本的WEB服务器程序

实验二实现一个基本的WEB服务器程序

实验二实现一个基本的WEB服务器程序一、实验目标本实验旨在通过实现一个基本的WEB服务器程序,加深对网络编程和HTTP协议的理解,掌握服务器的基本工作原理和实现方法。

二、实验内容1. 掌握使用socket库进行网络编程;2.理解HTTP协议的基本原理;3.实现一个基本的WEB服务器程序,能够接收客户端的HTTP请求并返回服务器端的响应。

三、实验原理1.HTTP协议介绍HTTP(HyperText Transfer Protocol)即超文本传输协议,是一个用于传输超媒体文档(如HTML)的应用层协议。

HTTP是一个基于请求-响应模式的协议,客户端向服务器发送HTTP 请求,服务器根据请求返回HTTP响应。

HTTP协议的基本格式如下所示:```<headers><entity-body>```其中,<method>表示请求方法,常见的有GET、POST、PUT等;<request-url>表示请求的URL地址;<headers>表示HTTP头部信息,包括Content-Type、Content-Length等;<entity-body>表示请求的实体主体,常见的有表单数据、JSON数据等。

2.实验步骤(1)创建一个基本的WEB服务器程序的项目,并导入socket库;(2)创建一个socket对象,并绑定服务器IP地址和端口号;(3)通过listen函数监听客户端的连接请求,并通过accept函数接收客户端的连接;(4)接收客户端的HTTP请求,并解析请求中的方法、URL、头部信息和实体内容;(5)根据请求的URL和方法,处理客户端的请求,并生成服务器的响应内容;(6)构造HTTP响应报文,并通过send函数发送响应报文给客户端;(7)关闭和客户端的连接,继续监听下一个客户端的连接请求。

四、实验步骤下面是一个基本的WEB服务器程序的实现示例,代码解释见注释部分:```pythonimport socketdef handle_request(client_socket):request_data = client_socket.recv(1024).decode( # 接收客户端的HTTP请求数据method = request_data.split(' ')[0] # 解析HTTP请求方法url = request_data.split(' ')[1] # 解析HTTP请求URLheaders = request_data.split('\r\n')[1:-1] # 解析HTTP请求头部for header in headers:header_name = header.split(':')[0]header_value = header.split(':')[1].stripprint(header_name + ': ' + header_value) # 打印HTTP请求头部信息#构造HTTP响应内容response_body = '<h1>Hello, Web!</h1>'response = 'HTTP/1.1 200 OK\r\nContent-Type:text/html\r\nContent-Length:{}\r\n\r\n{}'.format(len(response_body), response_body) client_socket.send(response.encode() # 发送HTTP响应给客户端client_socket.close( # 关闭和客户端的连接def main(:server_socket = socket.socket(socket.AF_INET,socket.SOCK_STREAM) # 创建socket对象server_socket.bind(('localhost', 80)) # 绑定服务器IP地址和端口号server_socket.listen(128) # 监听客户端的连接请求while True:client_socket, client_address = server_socket.accept( # 接收客户端的连接handle_request(client_socket) # 处理客户端的请求if __name__ == '__main__':main```五、实验总结本实验通过实现一个基本的WEB服务器程序,加深了对网络编程和HTTP协议的理解。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

实验二HTML表单实验学号:092715206 姓名:崔兆文1.1 实验目的通过实验掌握HTML的table标签使用方法;利用table进行页面布局。

掌握html表单的基本制作方法。

1.2 实验要求请完成实验并将实验过程写在下面的实验内容部分,每题要求给出题目、源代码(带必要的注释)以及程序运行效果截图。

1.3 实验内容题1:利用表格实现如下登陆界面的布局(整体居中),并利用文本框控件制作用户名和密码输入框,利用按钮控件实现登陆按钮:备注:(1)整个网页有灰色背景(2)表格宽度由第二行图片宽度决定,第一和第三行高度35,第二行放置一个蒲公英的图片作为该行背景,行的高度由图片高度决定(3)第三行放置相应的控件实现类似效果即可。

源代码:<html><head><meta charset="UTF-8"><title></title><style>.align-center{text-align: center;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}</style></head><body bgcolor="#8B8386"><div class="align-center"><form><table border="1" cellspacing="1" cellpadding="1"align="center" ><tr><td height="35" bgcolor="blue"></td></tr><tr><td><img src="img/img1.jpg" height="100%"></td></tr> <tr><td height="35" bgcolor="blue" align="center">&nbsp;&nbsp;&nbsp;&nbsp;<font color="white" >用户名:<input type="text" size="7">&nbsp;&nbsp;&nbsp;密码:<input type="password"size="7"></font>&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="登入"/></td></tr><tr><td bgcolor="dodgerblue" align="center"height="80px"><font color="white" >用户名和密码与作业提交系统一致<br/>copyringht&nbsp;~***********</font></td></tr></table></form></div></body></html>运行效果截图:题2:制作如下图所示的居中登陆框效果。

备注:(1)表格整体宽度300像素,该表格位于一个div标签中,div有灰色的边框,表格分若干行(自己决定几行,做出类似效果即可)。

(2)点击登录按钮后跳转到如下页面。

(该页面使用了一个textarea控件),宽度差不多就行)(3)点击“继续”按钮跳转到如下页面,表格宽度和各列宽度自己定,做出类似效果即可。

提示:表格边框色可以在table中添加“bordercolor=…”属性实现将上面三个页面的源码,分别粘贴在下面,并将你最终的页面运行效果截图粘贴在下面。

源代码:第一个页面:<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">.align-center{text-align:center;width:300px;height:300px;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}div{border:1px solid grey;}</style></head><body><div class="align-center"><form><table border="0" cellspacing="0" cellpadding="3"width="300px"><tr><td bgcolor="orange" align="center" height="55px">登入</td></tr><tr><td align="center" height="100px">账号&nbsp;<input type="text" placeholder="账号/手机/邮箱"></br></br>密码&nbsp;<inputtype="password" placeholder="请输入密码"></td></tr><tr><td align="center" height="100px"><ahref="pac2.html"><input type="button" value="登入" style="width: 200px; height: 30px;"></a></br></br><input type="button" value="创建新账号" style="width: 200px; height: 30px;"></td></tr><tr><td align="center"><font size="2">找回密码&nbsp;&nbsp;注册账户</font></td></tr></table></form></div></body></html>第二个页面:<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><form><textarea cols="30" rows="10" wrap="hard" readonly="yes"readonly="readonly">欢迎注册一站网运维平台系统,请详细阅读本协议,需同意后方能继续。

</textarea></br>我同意:<label><input type="checkbox" id="yes" /></label><a href="pac3.html"><input type="button" id="继续" value="继续" disabled="true"></a><a href="题2.html"><input type="button" value="退出"></a></body><script type="text/javascript">(function(){var cb=document.getElementById("yes");cb.onclick=function(){if(cb.checked==true){document.getElementById("继续").disabled=false;}else{document.getElementById("继续").disabled=true;}}})();</script></html>第三个页面:<html><head><meta charset="UTF-8"><title></title></head><body><form method="post"><table border="1" bordercolor="#0099ff" cellpadding="10px" cellspacing="0"><tr><th colspan="3">注册页面</th></tr><tr><td>用户名:</td><td><input type="text" name="name" value="--请输入用户名--"/> </td><td><font color="#FF0000">*不能以数字、下划线开头</font></td> </tr><tr><td>密码:</td><td><input type="password" name="password" /></td><td><font color="#FF0000">*数字和字母的组合</font></td></tr><tr><td>确认密码:</td><td><input type="password" nam="password" /></td><td><font color="#FF0000">*重新输入上面的密码</font></td></tr><tr><td>性别:</td><td><input type="radio" name="sex" value="nan"checked="checked"/>Man<input type="radio" name="sex" value="nv" />Woman</td><td><font color="#FF0000">*要慎重选择</font></td></tr><tr><td>技术:</td><td><input type="checkbox" name="technology"value="java"/>java<input type="checkbox" name="technology"value="html"/>html<input type="checkbox" name="technology" value="php"/>php <input type="checkbox" name="technology"value="Python">Python<input type="checkbox" name="technology" value="运维">运维 </td><td><font color="#FF0000">*可以多选</font></td></tr><tr><td>国籍:</td><td><select name="country"/><option value="none">---选择国家---</option><option value="cn">China</option><option value="usa">American</option><option value="en">English</option><option value="jp">Japan</option></td><td><font color="#FF0000">*选择自己所在的国家</font></td></tr><tr><th colspan="3"><input type="button" name="submit" value="提交" /></a> <input type="reset" name="reset" value="重置" /><button>验证</button></th></tr></table></form></body></html>运行效果截图:图1.登入界面居中图2.未点同意时“继续”按钮为灰色,无法选中图3.选中同意点击继续后的跳转界面1.4 实验总结本次实验主要复习了HTML的table的各种标签,以及表单的制作方法(控件和属性)。

相关文档
最新文档