一.设计需求

图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
Logo

快速构建 Web 应用程序

更多推荐