WEB程序设计
实验指导
（用于娄芳老师指导的班级）
南昌大学计算机科学与技术系
目 录
实验一 WEB前端设计与制作 4
实验二 JDBC数据库编程技术 5
实验三 开发模式一JSP+JavaBean 7
实验四 开发模式二JSP+Servlet+JavaBean 8
实验一 WEB前端设计与制作
一、实验目的
1、 掌握页面设计的基本技巧，了解网站的基本建立过程，掌握使用Dreamweaver制作网页的基本技术；
2、 学习和使用HTML语言，使用CSS控制页面样式，使用JavaScript脚本语言增强页面的互动性。
二、实验内容
1、选择一个自己感兴趣的主题，明确站点风格和功能。
2、围绕这一主题设计站点页面，包括页面的布局、页面的彩搭配，页面的交互方式等。
3、使用工具软件来完成设计页面的制作，运用到HTML，CSS和JavaScript。
三、实验要求
1、 了解站点风格的概念；
2、 理解主页、栏目页、导航条、目录框架等术语；
3、 熟悉HTML的常用标记使用以及框架网页的制作；
4、 掌握使用Frontpage或者Dreamweaver制作网页的基本技术；
5、 实验前应该先选定所要创建网站的主题（如：个人网站、自我推荐网站、班级网站、某种专题网站等）和风格；
6、 围绕主题和风格，设计站点的主页、栏目及其内容，并且设计出主页和栏目页面的布局；
7、 准备好网页制作时所需的资料以及图片等素材。
四、实验环境
硬件环境：PC微机
软件环境：文本编辑器（UltraEdit、EditPlus、Notepad等）或者Frontpage或者Dreamweaver、IE和FireFox浏览器（至少使用两种不同内核的浏览器）
五、 实验步骤
略
六、实验报告要求
1、 描述站点主题、风格、内容功能以及设计的创意和思想。
2、 提交站点的CSS文档和互动所用的JavaScript源码，HTML源码省略。
3、 页面浏览效果的若干截图。
七、思考题
1、 制作页面时，按照设计对页面进行布局可以采用什么方法？
2、 如何统一站点的风格？
3、 客户端脚本程序的运行机制是怎样的？
实验二 JDBC数据库编程技术
一、实验目的
1、掌握JDBC数据库编程技术；
2、掌握JDBC常用接口使用。
二、实验内容
1、在实验一设计的站点里，采用用动态JSP技术来实现某些功能。
2、为某功能设计相应的数据库存储结构。
3、使用JDBC技术，实现页面信息的增删改查操作。
4、使用分页技术来浏览页面信息。
三、实验要求
1、实验前需要安装好数据库程序，并熟悉数据库创建数据表的方法；
2、熟悉JDBC技术和使用JDBC连接各种数据库；
3、熟悉JDBC常用接口和对象的使用，包括Driver接口、Class.forName（）、DriverManager、Connection、Statement、ResultSet等类对象。
四、实验环境
硬件环境：PC微机
软件环境：Windows 操作系统、MyEclipse8.5、MySQL或者SQL Server、文本编辑器（Notepad、editplus等）或者Frontpage或者Dreamweaver
五、实验步骤
1、 数据库编程首先需要设计表来存放数据，因而应该选定某一功能，再围绕该功能来设计数据库的表字段。在实验一的站点里，选择某一功能模块，让该模块的数据采用数据库来存储。
2、 在MyEclipse里创建一WEB Project，将实验一设计并制作完成的静态站点拷入到相应目录中。如有必要，还需增加新的静态页面的设计与制作。
3、 将HTML页面根据将要实现的功能，运用JSP技术，编码成jsp文档。
4、 部署运行。
六、实验报告要求
1、给出数据表的设计图。
2、写入数据库、读取数据库、分页实现的关键源代码。
3、运行程序的若干截图。
七、思考题
1、请解释<%@include%>、<jsp:include>两者之间的本质区别。
2、请解释<jsp:forward>和response.sendRedirect()之间跳转的区别。
3、要在不同页面之间共享数据，可以使用什么方法？
4、要在不同用户之间共享数据，可以使用什么方法？
5、JDBC驱动程序的类型有哪几种？
6、阐述JSP的工作原理。
实验三 开发模式一JSP+JavaBean
一. 实验目的
1、理解开发模式一JSP+JavaBean的基本概念；
2、熟悉JSP+JavaBean的开发过程；
3、掌握JSP应用JavaBean的方法。
二．实验内容
1、用JSP+JavaBean来重写实验二中的功能，实验要求在JavaBean中实现操作数据表的增删改查功能，并为能方便的实现数据库的连接，写一个实现了数据库连接与释放的JavaBean：ConnBean，且所有对数据表操作的JavaBean都继承于该ConnBean；而JSP页面可以使用定义的JavaBean，实现页面视图和业务逻辑的分离。
三. 实验要求
1、理解开发模式一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、要求给出一个实体JavaBean和一个实现该实体数据访问CRUD（即增删改查）功能的JavaBean的程序代码，以及使用了JavaBean的JSP程序代码。
2、运行程序的若干截图。
七．思考题
1、什么情况下采用开发模式一来开发项目？
2、依据怎样的原则来设计JavaBean？
实验四 开发模式二JSP+Servlet+JavaBean
一、实验目的
1、掌握Servlet技术的工作原理；
2、熟悉Servlet常用类、接口的使用；
3、理解JSP+JavaBean+Servlet的开发模式二。
二、实验内容
1、将上一个实验采用开发模式一实现的功能，修改成采用用开发模式二来实现。
三、实验要求
1、掌握Servlet的工作原理，理解JSP和Servlet的关系；
2、掌握Servlet的开发过程；
3、熟悉Servlet常用类、接口的用法。
四、实验环境
硬件环境：PC微机
软件环境：Windows 操作系统、MyEclipse8.5、MySQL或者SQL Server、文本编辑器（Notepad、editplus等）或者Frontpage或者Dreamweaver
五、实验步骤
略。参见老师上课所讲项目的制作步骤。
六．实验报告要求
1、编写的Servlet程序和JSP程序源码。
2、部署l时Servlet的配置数据。
3、运行程序的若干截图。
七．思考题
1、Servlet中系统能否自动解决中文显示问题？如若不能，该如何解决？
2、在什么情况下使用开发模式二来开发项目？
南昌大学实验报告
学生姓名： 学 号： 专业班级：
实验类型：□ 验证 □ 综合 □ 设计 □ 创新 实验日期： 实验成绩：
一、实验项目名称
二、实验目的
三、实验基本原理
四、主要仪器设备及耗材
五、实验步骤
六、实验数据及处理结果
七、思考讨论题或体会或对改进实验的建议
八、参考资料
阅读完删除本文本框
要求：根据本格式填写实验报告，Word文本以“WEB实验(1)_学号_姓名”命名。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论