5.21实验三 Web数据库程序设计

一、实验目的

通过使用JSP技术设计一个简单的数据库管理系统，了解展示页面和编辑页面的区别，掌握Web服务器与MySQL数据库的连接和数据库操作的方法，掌握使用Java语言编写JSP文件的方法。

二、实验内容和基本要求

从以下列举的四个数据库中，任选其一，或者自行定义其他数据库，每个数据库中包含一张表，数据库名、表名、列名、列数据类型自行定义（提示：主键可以设为自增列）：

1) 学生数据库：存储的信息包括学生学号、姓名、性别、生日等。

2) 商品数据库：存储的信息包括商品ID、商品名称、商品数量、生产厂家等。

3) 客户数据库：存储的信息包括客户ID、客户姓名、客户地址、手机号码等。

4) 车辆数据库：存储的信息包括汽车ID、品牌、颜色、车主姓名等。

开发一个数据库管理系统需要完成对以上数据库表中的记录的基本的查看、增加、修改和删除功能，参考系统文件关系如图1所示：

 

 

图1 系统文件关系图

 

各个文件功能如下：

1) index.jsp：显示数据库表中的所有记录，每条记录均拥有两个超链接，分别指向edit.jsp和del.jsp，这两个文件分别完成该条记录的编辑和删除功能。此外，该页面还需包含一个超链接指向add.jsp，完成新增一条记录的功能；

2) add.jsp：提供新增一条记录的页面，包含一个表单，若干输入框，该表单提交给addsave.jsp；

3) addsave.jsp：从add.jsp接收用户输入的数据，将数据插入数据库表中，并提示用户成功或者失败，提供一个超链接转向index.jsp；

4) edit.jsp：提供修改某一条记录的页面，包含一个表单，若干输入框，输入框初始值为该条记录原有数据，用户修改后，提交给editsave.jsp；

5) editsave.jsp：从edit.jsp接收用户输入的数据，修改数据库表中的对应记录，并提示用户成功或者失败，提供一个超链接转向index.jsp；

6) del.jsp：完成删除某一条记录的功能，并提示用户成功或者失败，提供一个超链接转向index.jsp；

7) error.jsp：作为其他所有页面的错误处理页面，该页面显示异常信息。

完成基本功能后，可以从以下方面对系统进行改进：

1) 对于客户端增加和修改信息页面，使用JavaScript、Jquery、Vue等技术进行必要的数据的非空验证；

2) 自行添加一些CSS，使得页面和字体更加美观。

完成后，请将各个文件程序源代码和浏览器截图写入实验报告。

三、实验步骤

1) 打开MySQL WorkBench或其他客户端工具，在MySQL服务器上新建一个数据库。

2) 新建一个数据库表。

 

 

3) 在表中增加若干记录，作为初始数据。

 

 

4) 打开Eclipse软件，新建一个名为Lab03的Web项目，并设置其部署程序为Tomcat。

 

 

5) 在Lab03中添加文件，编写代码。

 

 

6) 程序截图

 

 

 

 

 

 

 

 

 

 

 

四、心得体会

 

通过定义数据库结构、表和列，学习了如何设计数据库以有效存储和管理数据。了解主键、数据类型、索引等概念对于正确设计数据库结构至关重要。通过实现对记录的基本操作（增加、查看、修改、删除），了解如何与数据库进行交互，并学会处理数据的增删改查操作。

开发数据库管理系统将让我知道了如何构建用户界面、连接数据库、处理用户输入等方面的知识。