《Web技术实验指导书》由会员分享，可在线阅读，更多相关《Web技术实验指导书（7页珍藏版）》请在金锄头文库上搜索。
1、Web 技术实验指导书北京工商大学 计算机与信息工程学院2011 年 3 月实验一 使用 Dreamweaver 制作 HTML 页面【实验目的】掌握使用 Dreamweaver 制作 HTML 页面的方法【实验内容】 1使用 HTML 制作一个页面，要有背景颜色，页面显示内容及格式如下图所示。2制作一个页面，上有文字、图像和朋友的 E.mail 地址，在文字和图像上创建超级链接，单击链接时，页面跳转到其他页面，单击 E.mail 地址时，打开信箱，发送邮件。3制作一个计算器界面，界面如下图所示。4用 Dreamweaver 布局模式布局如下页面，页面主题自定。TopLeft BodyBott
2、omTop: 显示 logo 图片和页面的标题。Left: 登录模块Body: 当前页面的主要显示区域。Bottom: 显示版权信息。【实验报告】将实验文件发送到老师的电子信箱。实验二 CSS 及 JavaScript 实验【实验目的】掌握 CSS 及 JavaScript 的使用方法【实验内容】1.定义一个 main.css 文件，在其中设置超链接的颜色、访问过的超链接的颜色，颜色自定。另外，设计两个 HTML 页面，在其中创建超链接，并链接 main.css 文件，观察超链接的颜色。2. 使用 JavaScript 脚本来验证用户输入的用户名是否为空，并要求密码的长度必须大于6，根据用户的
3、输入给出相应的提示。3. 页面上有一幅图像，在状态栏显示有关图像的说明。单击图像时，换成另一幅图像，同时状态栏的内容也做相应的变更。4 （选做）制作一个页面，页面上有两个文本框和提交按钮，在第一个文本框中输入信息后，用鼠标单击提交按钮后，将在第二个文本框显示输入的内容。【实验报告】将实验文件发送到老师的电子信箱。实验三 MyEclipse 使用【实验目的】掌握 MyEclipse 的使用【实验内容】1. 检查 MyEclipse 的配置1）查找当前的 Tomcat 配置，分析其参数含义；2）查找当前的 JDK 配置，分析其参数含义。2. 使用 MyEclipse 建立一个 Web Projec
4、t，并修改其中的默认 jsp 文件，使其显示“欢迎进入 JSP 开发学习！” ，并部署和运行，观察效果。3. 实现教材中的【例 3.1】：ServletContext 和 Web 应用的关系。【实验报告】将实验文件发送到老师的电子信箱。实验四 JSP 技术应用实验【实验目的】掌握 JSP 脚本元素和 JSP 指令【实验内容】1应用 JSP 技术在浏览器中输出 4 行由大变小的文字。2应用 Date 函数读取系统当前时间，根据不同的时间段，在浏览器输出不同的问候语，例如上午 012 点之间输出“早上好” ，同时把系统的年、月、日、小时、分、秒和星期输出到用户的浏览器。3加载静态文件。制作一个 H
5、TML 文件，在页面上输出一行文字，例如“include 指令的使用。 ”等。然后制作一个 JSP 文件，应用 include 指令加载刚制作的 HTML 文件，在客户端显示出来，并在客户端的“查看源文件”中观察源文件。【实验报告】将实验文件发送到老师的电子信箱。实验五 JSP 动作【实验目的】掌握 JSP 动作【实验内容】 1加载动态文件，制作一个 JSP 文件，计算一个数的平方根，然后再制作一个 JSP 文件，应用动作加载刚制作的 JSP 文件，在客户端显示出来，并在客户端的 “查看源文件”中观察源文件。2设计表单，制作读者选购图书的界面，当读者选中一本图书后，单击“确定”按钮，页面跳转到
6、介绍该图书信息页面，请用“jsp:forward page=”语句。【实验报告】将实验文件发送到老师的电子信箱。实验六 JSP 的动作使用【实验目的】掌握 动作的使用【实验内容】 1制作一个页面，页面的背景颜色，文字的大小、字体和颜色可以根据用户的选择来实施。界面如下图所示，要求应用 Java Bean 完成。2应用 JavaBean 完成一个计数器的制作，计数器 beans 的范围是 application 的，由不同用户共享。【实验报告】将实验文件发送到老师的电子信箱。实验七 JSP 内置对象request 对象和 response 对象【实验目的】掌握 JSP 的 request 和 r
7、esponse 对象的使用【实验内容】 1. 制作一个购书页面，buyBook.jsp 文件如下图 1 所示，要求用户输入用户名和密码，并通过下拉菜单选择需要购买的图书，单击“确定”按钮，将信息发往服务器端的receiveUser.jsp 文件，服务器端文件接收用户输入并输出用户名和所购图书。2. 设计表单，制作读者选购图书的界面，当读者选中一本图书后，单击“确定” 按钮，页面跳转到介绍该图书信息页面，要求使用 response 对象 sendRedirect 方法。程序运行结果如下图所示。 图 上机练习（2）运行结果【实验报告】将实验文件发送到老师的电子信箱。实验八 JSP 内置对象out
8、对象和 session 对象【实验目的】掌握 out 对象和 session 对象的使用【实验内容】 有 3 个商店（即 3 个页面，供应不同的商品） ，应用 session 对象存储用户的用户名、密码和购物信息，当用户购物结束时，向用户返回其购物信息。【实验报告】将实验文件发送到老师的电子信箱。实验九 JSP 使用技巧【实验目的】【实验内容】 1. 制作一个用户登录界面，用户输入中文用户名后能够在参数接收页面读取用户输入的中文参数并进行显示。2. 制作一个用户注册页面，分别用客户端方法和服务器端方法限制用户重复提交注册信息。【实验报告】将实验文件发送到老师的电子信箱。实验十 MySQL 数据
9、库使用【实验目的】掌握 MySQL 数据库的使用【实验内容】 1. 启动 MySQL 的命令行管理工具，用 MySQL 的建库语句建立一个名为 company 的数据库。2. 在 company 库中建立雇员表 emp，表的数据项及数据类型如下所示：empno int(4) not null primary key,ename varchar(10),job varchar(10),hiredate datetime,salary double【实验报告】将实验文件发送到老师的电子信箱。实验十一 JSP 数据库应用开发（4 学时）【实验目的】掌握 JSP 数据库应用开发【实验内容】 建立一个 JSP 文件，通过 JDBC 连接实验十所建立的数据库，然后执行如下操作： 在雇员表 emp 中插入几行测试数据（英文数据，日期格式为 YYYY-MM-DD）。 查看表中的数据。 修改表中的某条记录。 删除表中的某条记录。【实验报告】将实验文件发送到老师的电子信箱。
