博客

一．设计需求

图1

注意事项：

1.登录界面应该有用户名和密码非空验证，登录错误有错误信息提示；

2.根据用户权限不同，左侧菜单树展示内容不同（普通用户和管理员之分），普通用户只能修改自己账户的信息，不能修改其他用户信息；

3.管理员不能添加和修改账单信息，但是可以删除账单信息；

4.账单、供应商和用户模块都具有组合查询功能（模糊查询）；

5.账单、供应商、用户和修改密码页应具有格式验证功能（js实现）；

6.关键操作应该具有提示功能（删除，修改，增加）；

7.浏览信息表信息时，各功能框不可修改（锁死）；

二．设计素材分析

1.前端页面及样式已经提供：

图2

分别为：登录页面（login.html）,系统主页面（admin_index.html:该页面使用HTML框架技术，分别由页面头部(admin_top.html),页面左侧(admin_left.html),页面右侧(实际自行添加admin_right页面，素材暂时使用admin_bill_list.html替代)），账单列表页面(admin_bill_list.html)，账单增加页面(modify.html)，供应商列表页面（providerAdmin.html），供应商增加页面（providerAdd.html），用户列表页面（userAdmin.html），用户增加页面（userAdd.html）。

2.数据库代码分析：

–创建供应商表

create table provider(–供应商管理:provider

providerID number primary key,–编号

providerName varchar2(30),–供应商名称

providerDesc varchar2(100),–供应商描述

contact varchar2(20),–联系人

phone varchar2(20),–电话

address varchar2(50)–地址

);

–创建用户表

create table users(–用户管理:users

userID number primary key,–编号

userName varchar2(20),–用户名称

userPassword varchar2(20),–用户名密码

gender varchar2(2),–性别

age number ,–年龄

phone varchar2(20),–电话

address varchar2(50),–地址

auth number–权限

);

–创建账单表

create table bill(–账单管理:modify

billID number primary key,–账单编号:

goodname varchar2(20),–商品名称

goodnumber number,–商品数量

goodunit varchar2(10),–商品单位

payMoney number,–交易金额

payStatus number,–是否付款（0：否；1：是）

providerID number references provider(providerID),–供应商编号 外键

usersID number references users(userID),–用户编号 外键

goodDescription varchar2(100),–商品描述

billDate date –账单时间

);

–创建三张表对应的序列

create sequence sep_provider

start with 0

minvalue 0;

create sequence sep_users

start with 0

minvalue 0;

create sequence sep_bill

start with 0

minvalue 0;

根据数据库的实际情况创建对题的实体类。

三．设计思路

1.本项目的系统框架结构：MVC架构

模型（Model ）:

实现数据操作和业务处理，它对应的组件就是JavaBean，模型能够提供和处理数据，它的代码能被其他组件调用，可以达到代码重用的目的。

对应与本项目中的entity,util,dao和service包。

视图（View）:

显示信息与用户交互的界面，它对应的组件是JSP页面或者HTML文件，视图一般不处理用户的请求，它只显示数据并接收用户的操作。

控制器（Control）:

它的作用是接收请求，调用模型实现业务，调用视图显示数据，最终完成操作。

对应本项目中的servlet。

2.编写思路

针对该类型项目，编写思路很清晰：

（1）首先根据数据库及系统需求，尽可能的全面把模型牵扯的代码编写包成,具体如下：

参考数据库中表单的属性编写实体类，属性名尽量与数据库表属性一致。本项目中为Bill.java,Providers.java,Users.java；

因为设计到数据库操作，所以需要BaseDao.java；

为了实现系统的业务操作，所以需要DAO类和Service类，DAO类具体为BillDao,ProvidersDao,UserDao极其对应的接口实现类，Service类则完成所有DAO类的封装，为控制器所调用。

注意：编写完成，应先验证各个业务功能是否正确，防止后面系统功能调试时麻烦。

图3

（2）JSP页面改造

针对系统功能的需要大致需要如下JSP页面来实现界面功能：

登录页面：

Login.jsp——依照login.html

主要编写功能js登录验证，登录失败故障信息显示。

登录成功主界面：

Admin_index.jsp——依照admin_index.html

由frameset元素把admin_top.jsp(admin_top.html)、admin_left.jsp(admin_left.html)和admin_right.jsp（新建，欢迎图片）组成。

注意点：admin_left.jsp会根据用户的权限做相应的显示判断。

商品账单操作页面：

bill_list.jsp——依照admin_bill_list.html，主要实现商品信息列表显示。

Bill_add.jsp——依照modify.html，主要实现商品信息添加的功能（输入验证由js完成）。

Bill_update.jsp——新建页面，主要显示单个商品的具体信息（input文本框无法编辑），提供修改、删除功能。

Bill_doupdate.jsp——新建页面，主要完成商品修改信息功能（文本框可以编辑）。

供应商操作页面：

Provider_list.jsp——依照providerAdmin.html，主要实现供应商信息列表显示。

Provider_add.jsp——依照providerAdd.html，主要实现供应商信息添加功能（输入验证由js完成）。

Provider_update.jsp——新建页面，显示需要修改的供应商信息（文本框不能编辑）。

Provider_doupdate.jsp——新建页面，完成商品信息的修改（文本框可以修改）。

用户操作页面：

User_list.jap——依照userAdmin.html，显示用户信息列表。

User_add.jsp——依照userAdd.html，实现用户增加功能。

User_update.jsp——新增页面，实现单个用户信息显示（文本框不能编辑）。

User_doupdate.jsp——新增页面，编辑单个用户信息。

Password_update.jsp——新增页面，修改用户密码功能。

Common.jsp——实现页面正常登录判断功能。

注：以上页面的数据提交均指向servlet类，如下所示：

图4

数据操作指向servlet文件，并携带op参数，op参数负责引导相应的具体操作。

（3）servlet编写

servlet可由商品列表、供应商和用户独立的servlet组成，也可以由一个组合的servlet组成，针对复杂系统，建议编写单元模块功能的servlet。

通过不同的op标志位信息，servlet选择不同的逻辑操作，通过serviceImpl对象实现相应的增删改查动作，完成页面上的功能。

组合查询知识点：

Sql语句：select * from provider where providername like ‘%查询信息1%’ and providerdesc like ‘%查询信息2%’;（查询信息可以为空）

Java实现方式：

图5