WEB信息处理实验指导书

《Web信息处理》实验指导书V1.0肖磊毛宜军彭红星朱凯编实验1开发环境配置实验2常用HTML标签使用实验3JSP指令与动作熟悉实验4JSP隐含对象使用实验5JavaBean使用实验6Servlet编写实验7JDBC操作数据库综合性实验实验1开发环境配置实验目的：掌握JSP开发环境的搭建（JDK，Tomcat6，MyEclipse，MSSQLServer2005）实验步骤：步骤1：下载并安装JDK，并设置环境变量步骤2：下载并安装Tomcat步骤3：安装MyEclipse6.0步骤4：安装SQLServer2005其他工具：端口查看工具，MySQL绿色套件，截屏工具Snagit具体：1.JDK下载地址：安装到D:\Develop\Java\JDK1.6.0_18设置环境变量JAVA_HOME与Path新建系统变量JAVA_HOME编辑系统变量Path(注意后面的分号)测试是否配置成功：在命令行下输入javac命令，如果出现以下窗口说明安装配置成功：2.tomcat下载地址：此处与教材不同，不建采用议安装版。解压到目录D:\Develop，并将目录apache-tomcat-6.0.24重新命名为tomcat6.0.24。执行D:\Develop\tomcat6.0.24\bin\startup.bat启动tomcat服务。3.下载MyEclipse6.0.1的地址:具体安装过程略，参考教材。注册码在网上搜一个注册即可。4.下载并安装MSSQLServer2005MicrosoftSQLServer2005ExpressEdition的下载地址：=220549b5-0b07-4448-8848-dcc397514b41&displaylang=zh-cnMicrosoftSQLServerManagementStudioExpress的下载地址：=C243A5AE-4BD1-4E3D-94B8-5A0F62BF7796&displaylang=zh-cnMicrosoftSQLServer2005JDBC驱动程序的下载地址：=E22BC83B-32FF-4474-A44A-22B6AE2C4E17&displaylang=zh-cn安装完成后，进入MicrosoftSQLServerManagementStudioExpress，连接到服务器选Windows身份验证，服务器属性配置，选择“SQLServer和Windows”身份验证模式；修改“安全性”Æ“登录名”Æ“sa”的属性：设置sa帐号密码，假设为“123456”(此密码在定义jdbc连接串时会使用到)打开SQL配置管理器，启用共享内存(SharedMemory)、命名管道(NamedPipes)和TCP/IP协议。在“服务和连接的外围应用配置中”配置远程连接。重启SQLServer2005服务后，再次进入MicrosoftSQLServerManagementStudioExpress，连接到服务器选SQLServer身份验证，登录名sa密码123456。测试JDBC连接及数据库环境：在MyEclipse中新建JavaApplication，编写如下java程序，编译后执行。若成功，控制台将显示ConnectionSuccessful!字样，否则抛出异常。注意SQLServer2005JDBC驱动名、URL连接串的写法；MyEclipse环境下，该程序ConfigBuildPath中需要加入JDBC驱动-sqljdbc.jar文件（前面提到从微软网站获得）。importjava.sql.*;publicclassJDBCTest{/***@paramargs*/publicstaticvoidmain(String[]args){//加载JDBC驱动StringdriverName=com.microsoft.sqlserver.jdbc.SQLServerDriver;//连接服务器和数据库masterStringdbURL=jdbc:sqlserver://127.0.0.1:1319;DatabaseName=master;//默认用户名StringuserName=sa;//密码StringuserPwd=123456;ConnectiondbConn;try{Class.forName(driverName);dbConn=DriverManager.getConnection(dbURL,userName,userPwd);//如果连接成功控制台输出ConnectionSuccessful!System.out.println(ConnectionSuccessful!);}catch(Exceptione){e.printStackTrace();}}}试验2常用HTML标签使用实验目的：使用HTML标签熟练编写静态页面。由于所选教材未涉及这部分内容，此处列出常用的标签。详细的标记用法请参考网站：文件标记(1)html/htmlhtml标记表示HTML文件从此处开始，到/html标记结束，这对标记处在最外层，网页的内容写在此标记内。(2)head/head这对标记表示此处是HTML文档的文件头。文件头内部的信息一般不会在浏览器的正文区显示。此标记对内可以插入其他标记，如网页标题标记title/title。(3)body/body这对标记表示此处是网页的主体，一般不能省略，标记体的内容在浏览器正文区中显示，例如文字、图片和超链接等。2．排版标记(1)!----标记!----标记在HTML文件中作注释用，对网页中的代码作说明，可以放在网页中的任何位置。注释内容会返回到客户端浏览器上，但不显示。例如在浏览器中输入，查看源文件可以看到此类注释。(2)p/pp/p标记对用于标示一个段落，两个相邻的段落间有一空行的间隔。(3)br这个标记没有结束标记，表示换行。p/p标记和br都能换行，但br换行后，上下两行的间距比较小，p/p标记换行后，上下两行有一空行的间距。3．字体标记字体标记包括STRONG，B，EM，I，FONT等。font标记用于定义字体、字号大小和颜色。font标记的主要属性有face、size、color。face属性用于设置字体，如：fontface=“宋体”。size属性用于设置字号，HTML中定义了7种字号，1号最小，7号最大，如：fontsize=“4”。字号也可以用“磅”(px)表示。color属性用于设置文本的颜色，color有三种方法来设定颜色，第一种方法用颜色名称，第二种方法用红、绿、蓝百分比的值来设定，第三种方法是用16进制的颜色代号还设定颜色。如：FONTCOLOR=”RED”红色字体设置/FONTFONTCOLOR=”RGB(70%，10%，30%)”颜色设置/FONTFONTCOLOR=”#EF0000”颜色设定/FONT4．表格标记在网页中，表格主要分成排版表格和数据表格两种。排版表格在浏览器中不显示边线，仅供排版、布局用。数据表格在浏览器中显示边线或背景色，用于列表显示数据。table标记表示表格的开始，/table表示表格到此结束。tr/tr表示表格中的一行。table/table间如有n对tr/tr标记，表示此表格有n行。td/td表示一行中的一列，一般写在tr/tr内。table、tr、td间的嵌套关系为：tabletrtd/td/tr/table5．表单表单时系统和用户交互的重要手段。用户在表单中填写数据，提交后，表单中的数据传递给后台程序处理，实现了客户端和服务器的交互。(1)form/form标记form和/form标记表示表单的开始和结束。在表单标记中可以存放各种表单元素，如文本域、按钮等。一个表单元素相当于一个变量，它的取值相当于变量的取值。form标记中的id和name属性均为表单的ID名，用于在当前网页中标识表单，在当前网页中此ID名应该唯一。form中action属性值为后台表单处理程序的URI。form标记中的method属性标识数据的提交方式，一般有GET和POST两种方式。GET方式将表单中的数据按照“变量名=变量值”的形式附加在URL的查询串中，各个变量之间使用“&”连接。如：=user1(2)文本域标记文本域表单的常见用法如下：inputname=”name”type=”text”id=”name”value=”123”/input标记表示此标记是写人标记，存储用户写入的信息。标记中的id和name属性为文本域的ID名，type属性表示此写入标记的类型，value属性存储文本域的值。多行文本框用文本域表单元素实现，它的HTML标记使用格式如下：textareaname=”context”内容说明/textareaName属性是文本区域的名字。由于多行文本框可以输入较多的内容，所以把写入的内容存储在标记中。(3)单选按钮标记在实际应用中的“性别”信息一班通过单选按钮采集，用户在给定的“男”和“女”两个选项中选择其中一个，相应的HTML代码如下：inputname=”sex”type=”radio”value=”男”checked=”checked”/inputname=”sex“type=”radio”value=”女”/input标记中的type=”radio”属性表示此写入标记为单选按钮类型。name=”sect”定义表单元素的名称，这两个单选按钮属于同一组，它们name属性的取值均为”sex”，称之为“同名单选表单”。同一组的单选按钮具有互斥性，即只能是多选一操作。value=”男”属性为单选按钮的取值，同组中的各单选按钮name属性值相同(同名)，但value属性值不能相同(不同值)。checked=”checked”表示当前此单选按钮被选中。(4)复选钮标记在实际应用的“爱好”信息一般通过复选按钮采集，用户在列出的多个爱好中做出选择，可以选零个，也可以全选，相应的HTML代码如下：inputname=”hobby”type=”checkbox”id=”hobby”value=”篮球”/inputname=”hobby”type=”checkbox”id=”hobby”value=”羽毛球”/inputname=”hobby”type=”checkbox”id=”hobby”value=”排球”/inputname=”hobby”type=”checkbox”id=”hobby”value=”足球”/input标记中的type=”che