Web技术实验指导书.docVIP

《Web技术》实验指导书 北京工商大学 计算机与信息工程学院 2011年3月 目录 TOC \o 1-3 \h \z \u 实验一 使用Dreamweaver制作HTML页面 3 实验二 CSS及JavaScript实验 3 实验三 MyEclipse使用 4 实验四 JSP技术应用实验 4 实验五 JSP动作 5 实验六 JSP的jsp:useBean动作使用 5 实验七 JSP内置对象——request对象和response对象 6 实验八 JSP内置对象——out对象和session对象 6 实验九 JSP使用技巧 6 实验十 MySQL数据库使用 6 实验十一 JSP数据库应用开发（4学时） 7 实验一 使用Dreamweaver制作HTML页面 【实验目的】掌握使用Dreamweaver制作HTML页面的方法 【实验内容】 1．使用HTML制作一个页面，要有背景颜色，页面显示内容及格式如下图所示。 2．制作一个页面，上有文字、图像和朋友的E.mail地址，在文字和图像上创建超级链接，单击链接时，页面跳转到其他页面，单击E.mail地址时，打开信箱，发送邮件。 3．制作一个计算器界面，界面如下图所示。 4．用Dreamweaver布局模式布局如下页面，页面主题自定。 Top Left Body Bottom Top: 显示logo图片和页面的标题。 Left: 登录模块 Body: 当前页面的主要显示区域。 Bottom: 显示版权信息。 【实验报告】将实验文件发送到老师的电子信箱。 实验二 CSS及JavaScript实验 【实验目的】掌握CSS及JavaScript的使用方法 【实验内容】 1.定义一个main.css文件，在其中设置超链接的颜色、访问过的超链接的颜色，颜色自定。另外，设计两个HTML页面，在其中创建超链接，并链接main.css文件，观察超链接的颜色。 2. 使用JavaScript脚本来验证用户输入的用户名是否为空，并要求密码的长度必须大于6，根据用户的输入给出相应的提示。 3. 页面上有一幅图像，在状态栏显示有关图像的说明。单击图像时，换成另一幅图像，同时状态栏的内容也做相应的变更。 4．（选做）制作一个页面，页面上有两个文本框和提交按钮，在第一个文本框中输入信息后，用鼠标单击提交按钮后，将在第二个文本框显示输入的内容。 【实验报告】将实验文件发送到老师的电子信箱。 实验三 MyEclipse使用 【实验目的】掌握MyEclipse的使用 【实验内容】 1. 检查MyEclipse的配置 1）查找当前的Tomcat配置，分析其参数含义； 2）查找当前的JDK配置，分析其参数含义。 2. 使用MyEclipse建立一个Web Project，并修改其中的默认jsp文件，使其显示“欢迎进入JSP开发学习！”，并部署和运行，观察效果。 【实验报告】将实验文件发送到老师的电子信箱。 实验四 JSP技术应用实验 【实验目的】掌握JSP脚本元素和指令元素 【实验内容】 1．应用JSP技术在浏览器中输出4行由大变小的文字。 提示：可通过for循环来实现。 2．应用Date对象读取系统当前时间，根据不同的时间段，在浏览器输出不同的问候语，例如上午0~12点之间输出“早上好”，同时把系统的年、月、日、小时、分、秒和星期输出到用户的浏览器。 提示： (1) Date对象的getYear()方法获得的是1900年之后的年数，所以系统的年应该在其返回值上加1900. (2) Date对象的getMonth()方法的返回值从0开始，即0代表1月份，所以系统的月应该在其返回值上加1. (3) 返回日期的函数为getDate()，返回星期的函数为getDay()，返回小时、分钟和秒数的函数分别为getHours(),getMinutes()和getSeconds()。 3．加载静态文件。制作一个HTML文件，在页面上输出一行文字，例如“include指令的使用。”等。然后制作一个JSP文件，应用include指令加载刚制作的HTML文件，在客户端显示出来，并在客户端的“查看源文件”中观察源文件。 提示： （1）如果被包含的文件中包含中文并且为html文件的话，会出现乱码，设置字符集也无法解决，要尽量避免这种情况，可以将被包含文件设置为.jsp文件来解决。 （2）如果被包含的文件为.jsp文件的话，只要在其中设置字符集，就不会出现乱码。 【实验报告】将实验文件发送到老师的电子信箱。 实验五 JSP动作 【实验目的】掌握JSP动作 【实验内容】 1．加载动态文件，制作一个JSP文件，计算一个数的平方根，然后再制作一个JSP文件，应用jsp:inclu