南昌大学WEB程序设计实验0001

1、WEB程序设计 实验指导 （用于娄芳老师指导的班级） 南昌大学计算机科学与技术系 实验一WEB前端设计与制作3 实验二JDBC数据库编程技术 4. 实验三开发模式一 JSP+JavaBean6 实验四开发模式二 JSP+Servlet+JavaBean7 实验一 WEB前端设计与制作 一、实验目的 1、 掌握页面设计的基本技巧，了解网站的基本建立过程，掌握使用Dreamweaver制作 网页的基本技术； 2、 学习和使用HTML语言，使用CSS控制页面样式，使用JavaScript脚本语言增强页 面的互动性。 二、实验内容 1、选择一个自己感兴趣的主题，明确站点风格和功能。 2、围绕这一主题设

2、计站点页面，包括页面的布局、页面的色彩搭配，页面的交互方式 等。 3、 使用工具软件来完成设计页面的制作，运用到HTML，CSS和JavaScript。 三、实验要求 1、了解站点风格的概念； 2、理解主页、栏目页、导航条、目录框架等术语； 3、熟悉HTML的常用标记使用以及框架网页的制作； 4、掌握使用Frontpage或者Dreamweaver制作网页的基本技术； 5、 实验前应该先选定所要创建网站的主题（如：个人网站、自我推荐网站、班级网站、 某种专题网站等）和风格； 6、围绕主题和风格，设计站点的主页、栏目及其内容，并且设计出主页和栏目页面的 布局； 7、准备好网页制作时所需的资料以及

3、图片等素材。 四、实验环境 硬件环境：PC微机 软件环境：文本编辑器（UltraEdit、EditPlus、Notepad等）或者 Frontpage或者 Dreamweaver、IE和FireFox浏览器（至少使用两种不同内核的浏览器） 五、实验步骤 略 六、实验报告要求 1、描述站点主题、风格、内容功能以及设计的创意和思想。 2、提交站点的CSS文档和互动所用的 JavaScript源码，HTML源码省略。 3、页面浏览效果的若干截图。 七、思考题 1、制作页面时，按照设计对页面进行布局可以采用什么方法？ 2、如何统一站点的风格？ 3、客户端脚本程序的运行机制是怎样的？ 实验二 JDBC数

4、据库编程技术 一、实验目的 1、掌握JDBC数据库编程技术； 2、掌握JDBC常用接口使用。 二、实验内容 1、 在实验一设计的站点里，采用用动态JSP技术来实现某些功能。 2、为某功能设计相应的数据库存储结构。 3、使用JDBC技术，实现页面信息的增删改查操作。 4、使用分页技术来浏览页面信息。 三、实验要求 1、实验前需要安装好数据库程序，并熟悉数据库创建数据表的方法； 2、熟悉JDBC技术和使用JDBC连接各种数据库； 3、 熟悉 JDBC常用接口和对象的使用，包括Driver接口、 Class.forName ()、 DriverManager、Connection、Statement

5、、ResultSet 等类对象。 四、实验环境 硬件环境：PC微机 软件环境： Windows操作系统、MyEclipse8.5、MySQL或者 SQL Server、文本编辑 器(Notepad、editplus 等)或者 Frontpage 或者 Dreamweaver 五、实验步骤 1、数据库编程首先需要设计表来存放数据，因而应该选定某一功能，再围绕该功能来 设计数据库的表字段。在实验一的站点里，选择某一功能模块，让该模块的数据采 用数据库来存储。 2、在MyEclipse里创建一 WEB Project，将实验一设计并制作完成的静态站点拷入到 相应目录中。如有必要，还需增加新的静态页面

6、的设计与制作。 3、 将HTML页面根据将要实现的功能，运用JSP技术，编码成jsp文档。 4、部署运行。 六、实验报告要求 1、给出数据表的设计图。 2、写入数据库、读取数据库、分页实现的关键源代码。 3、运行程序的若干截图。 七、思考题 1、请解释%include%、jsp:include两者之间的本质区别。 2、请解释 jsp:forward 和 response.sendRedirect()之间跳转的区别。 3、要在不同页面之间共享数据，可以使用什么方法？ 4、要在不同用户之间共享数据，可以使用什么方法? 5、JDBC驱动程序的类型有哪几种？ 6、阐述JSP的工作原理。 实验三开发模式

7、一 JSP+JavaBean 一. 实验目的 1、理解开发模式一 JSP+JavaBean的基本概念； 2、熟悉JSP+JavaBean的开发过程； 3、掌握JSP应用JavaBean的方法。 二. 实验内容 1、用JSP+JavaBean来重写实验二中的功能，实验要求在JavaBean中实现操作数据表 的增删改查功能，并为能方便的实现数据库的连接，写一个实现了数据库连接与释 放的JavaBea n： Conn Bea n,且所有对数据表操作的 JavaBean都继承于该 Conn Bean; 而JSP页面可以使用定义的 JavaBean,实现页面视图和业务逻辑的分离。 三实验要求 1、理解开

8、发模式一 JSP+JavaBean的基本概念； 2、掌握JavaBean的基本概念，并熟悉 JavaBean的开发过程； 3、掌握 JSP页面中 jsp:useBean、jsp:setProperty、jsp:getProperty 等动作元素的用法； 四、实验环境 硬件环境：PC微机 软件环境： Windows操作系统、MyEclipse8.5、MySQL或者 SQL Server、文本编辑 器( Notepad、editplus 等)或者 Frontpage 或者 Dreamweaver 五、实验步骤 略。参见老师上课所讲项目的制作步骤。 六. 实验报告要求 1、 要求给出一个实体 Jav

9、aBean和一个实现该实体数据访问CRUD (即增删改查)功能 的JavaBean的程序代码，以及使用了JavaBean的JSP程序代码。 2、运行程序的若干截图。 七. 思考题 1、什么情况下采用开发模式一来开发项目？ 2、 依据怎样的原则来设计JavaBea n? 实验四开发模式二 JSP+Servlet+JavaBean 一、实验目的 1掌握Servlet技术的工作原理； 2、熟悉Servlet常用类、接口的使用； 3、理解 JSP+JavaBean+Servlet 的开发模式二。 二、实验内容 1、将上一个实验采用开发模式一实现的功能，修改成采用用开发模式二来实现。 三、实验要求 1、

10、掌握Servlet的工作原理，理解 JSP和Servlet的关系； 2、掌握Servlet的开发过程； 3、熟悉Servlet常用类、接口的用法。 四、实验环境 硬件环境：PC微机 软件环境： Windows操作系统、MyEclipse8.5、MySQL或者 SQL Server、文本编辑 器（Notepad、editplus 等）或者 Frontpage 或者 Dreamweaver 五、实验步骤 略。参见老师上课所讲项目的制作步骤。 六、实验报告要求 1、编写的Servlet程序和JSP程序源码。 2、部署web.xml时Servlet的配置数据。 3、运行程序的若干截图。 七、思考题 1

11、、Servlet中系统能否自动解决中文显示问题？如若不能，该如何解决？ 2、在什么情况下使用开发模式二来开发项目？ 南昌大学实验报告 学生姓名： 学 号： 专业班级： 实验类型：口 验证 综合口设计 口创新 实验日期：实验成绩：_ 一、实验项目名称 二、实验目的 三、实验基本原理 四、主要仪器设备及耗材 五、实验步骤 六、实验数据及处理结果 七、思考讨论题或体会或对改进实验的建议 八、参考资料 阅读完删除本文本框 要求：根据本格式填写实验报告，Word文本以“ WEB实 验(1)_学号_姓名”命名。 -点的痕迹，山风呼呼，细雨微微。人行翦翦，心韵盈盈。思邃恒古，本义使 然，让思想的光芒照亮每个

12、心灵，让身心的热量变作普照大地的明媚，让 蠕风的蠢蠢欲动万木复苏的定格。 在这片神圣的土地上，色彩是洁净的象征，静物是可修复的抱朴，人 境是可绝缘的尘，合沓车马也无喧。吾生有无涯而也无涯，知也以有而随 无也，有有也者，有无也者，有未始有无也者，有未始有夫未始有无也者。 俄而有无矣，而未知有无之果孰有孰无也。今我则已有谓矣，而未知 吾所谓之其果有谓乎，其果无谓乎 ？摘自于庄子 齐物论。 多一事不如少一事，少一事不如没一事，没一事不如了一事，了一事 不如空无一事。人之所以不幵心，那是因为想要的太多，人之所以不顺心, 是因为付出太少，之所以不如意，也是因为，总计较那些得与失。 一念起千山万水，一念灭沧海桑田。念人念心念天念地，随心律动， 心随