网上商店前台功能的设计与实现.doc

长 沙 学 院
课程设计说明书
题目
网上商店前台功能的设计与实现
系(部）
数学与计算机科学
专业(班级)
x
姓名
x
学号
B20140302311
指导教师
张肖霞
起止日期
2016。12.5～2016.12.16
课程设计任务书
课程名称：Web应用程序课程设计
设计题目:网上商店前台功能的设计与实现
已知技术参数和设计要求：
问题描述（功能要求）:
分析设计一个网上商店的前台功能部分。完成本系统的如下功能：
l 展示特定的某类商品：展示的方式有多种，可以按类别、按销售排行榜按上架时间等，有层次的展示商品，提高用户的购买兴趣.对于某种商品，除显示商品信息以外，还可以附加评论、推荐相关类型商品。
l 商品查询：根据多种条件来查询,比如商品名称、价格、出版社等特征信息。能进行模糊匹配，包含关键字的商品都能查到.
l 购物车:只有注册用户才能购买。为用户提供购物车，购物车内同类商品的数量可以修改，也可以删除购物车里已有的商品。购物车信息保存,便于下次购物时继续选购商品。
2. 运行环境要求：
(1）客户端：
Windows操作系统
IE浏览器
（2)服务器:
windows 操作系统
Tomcat web 服务器
MySQL 数据库服务器
3。 技术要求:
1) 需求分析规格说明书与用例规约
2) 系统采用MVC架构，类图，时序图
3) 系统完整编码
设计工作量：
2周
工作计划：
(1） 2014级信息3班
16课时:理论讲座
20课时：上机、调试。计算机系机房
4课时:答辩。计算机系机房。
（具体时间地点老师先申请，机动安排)
指导教师签名：　　　　　　　　　日期：　2016。12.2　　
教研室主任签名：　　　　　　　 日期：　　　　　　　　
系主任签名:　　　　　　　　　 日期：　　　　　　　
长沙学院课程设计鉴定表
姓名
x

x
专业
信息
班级
x
设计题目
网上商店前台功能的设计与实现
指导教师
张肖霞
指导教师意见:
评定等级： 教师签名： 日期：
答辩小组意见：
评定等级:　　　　　答辩小组长签名：　　　　　日期:　　　　
教研室意见:
教研室主任签名： 日期： 　
系（部）意见：
系主任签名：　　　　　　　　日期：　　　　　
说明
课程设计成绩分“优秀"、“良好”、“及格"、“不及格"四类;
摘要
20世纪90年代以来，计算机和网络技术促进了电子商务的产生和广泛应用，对传统商业业态和经营方式提出了挑战，网上商店作为一种新型业态，使大量贸易活动和信息传递在网络上进行。
本文主要介绍了网上图书商城的设计与实现，本课程设计主要JSP+Javabean+Servlet技术,采用了B/S架构模式。使用当前流行的动态网页技术JSP实现前台的显示逻辑业务，实体类Javabean实现数据封装，Servlet实现后台的控制，应用了MySQL数据库以及JDBC技术访问数据库.设计模式主要是采用MVC,MVC即Model(模型）—View（视图)—Controller(控制器）。使用该种模式可以使网站具有更好的可扩展性和使功能的增强更容易些.该网上电脑商城具有注册帐户，浏览商品，商品搜索，在线购买商品以及管理员后台管理网站的功能。
关键词: 表单,会话，MVC,电子商务系统，图书系统，javaweb
目录
1 设计内容与要求 1
2需求分析 2
2.1需求描述 2
2。2用例规约 2
3概要设计 3
3。1总体设计 3
3.2功能模块设计 4
3.3数据库设计 4
3。4页面设计 4
3。5接口设计 （写出类名,类的方法名，方法的参数的定义和返回值含义。) 5
3.6运行设计 （即系统运行时服务器是用的什么?浏览器用了什么？） 5
3.7出错处理设计 （写出出错的原因和错误的详细信息） 5
4详细设计 6
4.1 方法流程设计 6
5 编码 7
6 结论 8
参考文献 9
附录 10
附录A 本系统的组成 10
附录B 程序源代码(经过注释的关键代码) 10

1 设计内容与要求
正文排版格式：宋体五号、单倍行距、首行缩进2字符.标题排版格式：宋体小四号、单倍行距、段前0.5行,段后0。5行.正文排版格式：宋体五号、单倍行距、首行缩进字符.标题排版格式：宋体小四号、单倍行距、段前0。5行,段后0。5行。正文排版格式：宋体五号、单倍行距、首行缩进字符.标题排版格式：宋体小四号、单倍行距、段前0.5行，段后0。5行。
2需求分析
2。1需求描述
网上书店系统是电子商务的一类重要应用领域，通过它可以进行在线商品交易。随着互联网的普及以及电子商务的发展和人们购物理念与购物方式的改变，网上书店系统将有着巨大的市场潜力。本文在研究电子商务，特别是网上书店系统的基本理论和关键技术的基础上，对网上书店系统的发展背景，各种实现 技术，以及各种实现技术的优缺点和网上书店系统的安全策略进行了分析。
2.11 网上书店系统：
1. 用户注册：
能够提供新用户注册，并根据用户提供的用户名、用户姓名、密码、手机号码进行验证。
2。 用户登录：
用户能够输入用户名，密码进行登录。
3。 商品信息：
包括商品的编号、名称、价格、库存等信息.
4. 商品浏览：
可以按类别、按销售排行榜、按上架时间等，有层次的展示商品，提高用户的购买兴趣。
5。 购物车管理：
只有注册用户才能购买。为用户提供购物车，购物车内同类商品的数量可以修改，可以删除
购物车已有的商品。
2。12 商品：图书，包括图书名称(Bname varchar（50)）、图书价格（Bprice float)、图书数量(Bno int）.
2。13 商品分类:一级分类：按类别分类、按价格分类。 二级分类：按类别分类有文学、小说、程序设计。
2.14 查询的条件：能查看指定名称的图书，能查看指定类别的图书，能查看指定价格的图书。
2.2用例规约
未注册的用户：能浏览图书，点击按类别分类就能浏览文学、小说、程序设计的图书，点击按价格分类就浏览不同价格的图书。如需加入购物或者购买图书则需要注册并且登陆之后才能进行。
已注册的用户:登陆用户并且通过验证之后,能浏览图书,点击按类别分类就能浏览文学、小说、程序设计的图书，点击按价格分类就浏览不同价格的图书。能将喜欢的图书加入购物车并下订单购买图书。
3概要设计
3。1总体设计
按照功能划分系统,画出模块设计图（即功能分解图)比如用户管理模块包括用户登录和注册
网上书店系统

购物车管理
浏览商品
用户管理

查询图书详情

删除图书
增加图书
按类别浏览
用户注册
用户登录

画出框架设计图（MVC方案，Model-2图）
画出每个功能模块对应的的视图层、控制器层和模型层。对前述的框架设计图进行具体化的应用。
假设此系统的组成如下：（请完善下图，掉其中的。..)
com.abc.servlet

BookSevlet

com.abc.dao

BookDao

com.abc.bean

Book

com.abc.db

DataAccess

*.jsp

3。2功能模块设计
功能模块说明：对每个模块进行详细的说明.
1. 用户模块（功能有:注册，激活，登陆,修改密码,退出）

2. 分类模块(功能有:显示所有分类）
3. 图书模块（功能有:分页查看指定分类图书，分页查看指定名称的图书，分页查看指定条件的图书，查看图书详情)
4. 购物车模块（功能有：向车中添加商品，查看我的购物车，修改商品数量，删除商品,批量删除商品）
5. 订单模块（功能有:生成订单查看我的订单，查看订单详情，取消订单，确认收货，支付订单）
3。3数据库设计
1. user表
2. Book表
根据数据流程分析，网上书城的全局E—R模型如图所示。
根据设计规划的主要实体有：用户、图书分类、图书、购物车、订单、管理员。
3。31 E-R图：
图书名称

图书价格
密码
用户姓名

购买
图书数量

用户名

用户
图书

地址
图书库存

类别
管理

属于

商品价格
购物车

商品名称
商品数量

3。32表结构
1。 User表
用户信息表（User)
字段名
字段类型
类型说明
约束检查
是否为空
字段含义
id
CHAR(50)
字符型
主键

用户名
username
VARCHAR(50）
字符型

姓名
password
VARCHAR(50)
字符型

密码
tel
VARCHAR（50）
字符型

电话号码
address
VARCHAR(50)
字符型

地址
2. B表
图书表(B）
字段名
字段类型
类型说明
约束检查
是否为空
字段含义
Bname
VARCHAR(50）
字符型
主键

图书名称
Bprice
float
浮点型

图书价格
Bno
INT
整型

图书数量
Type
VARCHAR(50）
字符型

图书类别
3. S表
购物车表(S)
字段名
字段类型
类型说明
约束检查
是否为空
字段含义
Bname
VARCHAR(50)
字符型
主键

图书名称
price
VARCHAR（50)
字符型

图书价格
Bno
INT
整型

图书数量
3。4页面设计
1. 首页
2。注册页面
3. 登录页面
4. 浏览全部商品
5. 商品详情
6. 分类查询
7.搜索商品
8. 购物车
3.5接口设计
1）控制层（Servlet)接口
接口编号

备注
接口类名
LoginServlet
登录控制器
接口描述
登录页面请求LoginServlet类的login接口完成登录验证跳转
接口方法名
login
登录控制器
接口参数
参数名
类型
备注
1
username
Strng
登录名
2
password
String
密码
返回类型
用户登录成功返回用户管理页面
登录失败返回登录页面

2）LoginDao接口
接口编号

备注
接口类名
LoginDao
用户管理服务
接口描述
用于用户管理，此处描述登录验证接口方法
接口方法名
login

接口方法参数
参数名
类型
备注
1
loginName
Strng
登录名
2
password
String
密码
返回类型
boolean
成功返回true，失败返回false
3）User接口
接口编号

备注
接口名
User
用户持久化接口
接口描述
保存用户信息
接口方法名
getter/setter

接口方法参数
参数名
类型
备注
1
username
String
用户名
2
password
String
密码
3.6出错处理设计
1.注册表单校验
l 用户名：
Ø 不能为空；
Ø 长度必须在2～15之间；
Ø 不能是已注册过的；
l 登录密码：
Ø 不能为空；
Ø 长度必须在2～15之间；
l Email：
Ø 不能为空；
Ø 必须是正确的Email格式；
Ø 不能是注册过的Email；
表单校验中，用户名是否被注册过、Email是否被注册过都需要请求服务。
2.登录表单校验
l 用户名：
Ø 不能为空；
Ø 长度必须在2～15之间；
Ø 用户名是否已经存在；
l 登录密码:
Ø 不能为空；
Ø 长度必须在2～15之间；
登录表单校验使用的JQuery完成，其中用户名是否存在需要使用JQuery的ajax()向服务器发
送异步请求。
4详细设计
4.1 方法流程设计
LoginDao类里的login(String username,String pwd）方法内处理的流程是
l 获取数据库的连接
l 编写sql语句
l 创建预编译语句对象
l 执行预编译语句，返回结果集对象
l 判断结果集是否有数据
l 如果有,则返回真
l 如果无，则返回假。
BookDAO类里的Book(String Bname,int Bprice,String type,String img）方法内处理的流程是
l 获取数据库的连接
l 编写sql语句
l 创建预编译语句对象
l 执行预编译语句，返回结果集对象
l 判断结果集是否有数据
l 如果有，则返回真
l 如果无，则返回假。
BookSearchDAO类里的Book(String Bname，int Bprice，String type，String img）方法内处理的流程是
l 获取数据库的连接
l 编写sql语句
l 创建预编译语句对象
l 执行预编译语句，返回结果集对象
l 判断结果集是否有数据
l 如果有,则返回真
l 如果无，则返回假。
5 编码
1。用户登录
2. 用户注册
3. 用户注销
4. 浏览全部商品
5. 搜索商品
6 结论
本次设计主要用的思想是MVC设计模式，Jsp充当View的角色，servlet充当Conteoller，JavaBen(Book)充当Model，实现界面与逻辑的分离,通过传递参数进行调用，Jsp页面通过发送一个操作类型变量，从而使得servlet获知应当进行的操作,并通过调用javabean进行实际的执行，这样页面与逻辑就得到了分离，互不干涉和影响实现了购物的一些简单操作，本程序没有用到数据库的知识.另外用到了我们学过的很多知识，有html,java,jsp,servlet,javaben等知识,这样一来加强我们对现正在学的知识的巩固以及对以前学的html和java的回顾,掌握这些知识的综合运用，对方法，类的进一步加深,同时也让学生通过实验来感受静态网页和动态的网页不同。不仅如此，还加强我们的动手能力和对出现问题的解决能力以及对我们自身所学知识的一个检验。
7参考文献
[[1] 贾素玲。 JSP应用开发技术[M］。 北京：清华大学出版社,2007。
[2］ 孙鑫。 Java Web开发详解-XML+XSLT+Servlet+JSP深入剖析与实例应用［M］。 北京：电子工业出版社, 2006.
[3］ 连洪武. Eclipse Web开发从入门到精通[M]。 北京：清华大学出版社，2007.
[4］ David Turner, Ph。D. Java Web Programming with Eclipse[EB/OL]。 http://csci。csusb.edu/turner/java_web_programming/
[5］ 石志国，薛为民，董洁.JSP应用教程北京：清华大学出版社。北京交通大学出版社,2004
［6］ 李曙光。JSP开发实例完全剖析.北京：中国电力出版社，2006
[7] 杨易.JSP高级程序设计。人民邮电出版社,2006
8附录
程序源代码
LoginDAO
public class LoginDAO ｛
public User LogIn(String username，String password){
Connection con =Connect.getConnection（);
String sql =”select * from TABLE1 where username=？ and password=？”；
PreparedStatement pst = null；
ResultSet rs = null ；
User u = null ；
try {
pst = con.prepareStatement（sql）；
pst.setString（1， username）；
pst.setString(2, password)；
rs = pst。executeQuery()；
if （rs.next(）） ｛
u = new User（)；
u。setUsername（rs.getString（"username"）)；
}
} catch (SQLException e) ｛
// TODO Auto—generated catch block
e.printStackTrace（）;
｝
return u；
｝
}
LoginServlet
public class LoginServlet extends HttpServlet ｛
private static final long serialVersionUID = 1L；
/*＊
＊ ＠see HttpServlet#HttpServlet（)
*/
public LoginServlet() ｛
// TODO Auto—generated constructor stub
｝
/＊*
* @see HttpServlet＃doGet(HttpServletRequest request, HttpServletResponse response)
＊/
protected void doGet（HttpServletRequest request， HttpServletResponse response） throws ServletException， IOException {
//使用request读取与客户端请求有关的信息和表单数据
//使用response指定HTTP应答状态代码和应答头
LoginDAO dao = new LoginDAO()；
response.setCharacterEncoding（"utf—8")；
response.setContentType（”text/html”);
String name =request。getParameter（”username”);//定义叫name的字符型变量并给他赋值
String pwd =request.getParameter(”password");
User user = dao。LogIn（name， pwd);
HttpSession session =request.getSession（）;//从客户端获得一个session的对象,这个对象包含客户端持有的相关信息用来区别每个客户端
PrintWriter out = response。getWriter()；//获得一个输出流,用来响应客户端发出的请求，使用out把应答内容发送到浏览器
String msg=null;
if(user!=null）{
session.setAttribute（”user”, user）；//把user 的值 保存在session中，就是说把一个叫user的数据打包成“user”存在session中。
msg="a.jsp";}
else {msg="登陆失败！"+"〈a href='http：//localhost:8080/TT/login.html’>back";}
RequestDispatcher rd=request.getRequestDispatcher（msg)；//转发方式
rd.forward（request，response）;//传递请求
｝
/*＊
＊ ＠see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
＊/
protected void doPost（HttpServletRequest request， HttpServletResponse response） throws ServletException， IOException ｛
// TODO Auto—generated method stub
doGet（request， response);
}
｝
Register.jsp
boolean flag；
Request a=new Request（）；
flag=a。Requset(user）；
if（flag）｛
User p=（User)session。getAttribute(”user")；
out。println("您已注册成功，可以登陆了哦!");
out。print(”用户名："+p。getusername(）+”\n"+"邮箱："+p.getEMAIL（)+”\n"+”32、陆〈/a〉")；
｝else {out。println("注册失败！"+"back
try｛
String sql1="select *from TABLE1 where username=? or EMAIL=？"；
pst=con.prepareStatement（sql1)；
pst。setString(1， usr。getusername());
pst.setString（2, usr。getEMAIL()）；
rs=pst。executeQuery（);
if（rs。next（））｛
flag=false；
｝
else｛
String sql2=”insert into TABLE1 (PHONE，EMAIL,username,password)values(？,？，？,？)”；
pst=con。prepareStatement（sql2）；
pst。setString(1，usr。getPHONE())；
pst。setString（2，usr。getEMAIL()）；
pst.setString(3,usr。getusername（））;
pst。setString（4,usr.getpassword(））;
pst.executeUpdate（）;
flag=true;
con。close（)；
pst.close（）;
｝
}catch(Exception e）{
e。printStackTrace();
}
return flag；
｝
｝
LogoutServlet
public class LogoutServlet extends HttpServlet {
private static final long serialVersionUID = 1L；
/＊＊
＊ ＠see HttpServlet＃HttpServlet（)
＊/
public LogoutServlet() ｛
super（)；
// TODO Auto-generated constructor stub
}
/＊*
＊ ＠see HttpServlet＃doGet（HttpServletRequest request， HttpServletResponse response)
＊/
protected void doGet（HttpServletRequest request， HttpServletResponse response） throws ServletException, IOException {
// TODO Auto—generated method stub
HttpSession session=request.getSession（true)；
session.invalidate（）；//invalidate()实现系统的注销功能
response。sendRedirect("login.html");
｝
/＊*
＊ ＠see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response）
＊/
protected void doPost（HttpServletRequest request， HttpServletResponse response） throws ServletException, IOException {
// TODO Auto-generated method stub
}
｝
bookServlet
public class BookServlet extends HttpServlet ｛
private static final long serialVersionUID = 1L;
/＊＊
＊ @see HttpServlet#HttpServlet()
＊/
public BookServlet（） ｛
super(）；
// TODO Auto-generated constructor stub
}
/**
＊ @see HttpServlet＃doGet（HttpServletRequest request, HttpServletResponse response)
＊/
protected void doGet（HttpServletRequest request， HttpServletResponse response) throws ServletException, IOException {
// TODO Auto—generated method stub
｝
/＊*
＊ ＠see HttpServlet＃doPost(HttpServletRequest request, HttpServletResponse response）
＊/
protected void doPost（HttpServletRequest request， HttpServletResponse response） throws ServletException, IOException {
// TODO Auto—generated method stub
ArrayList〈Book>list=new BookDAO(）。getAllBook（）;
request.setAttribute（”allBook”, list）;
request。getRequestDispatcher（"showBook。jsp")。forward(request，response);//请求转发
｝
}
BookDAO
public class BookDAO {
public ArrayList〈Book> getAllBook(） ｛
Connection conn = null;
PreparedStatement stmt = null；

ResultSet rs = null；
ArrayListrs。getInt（"Bid”));
book.setBname(rs.getString（”Bname”））;
book.setBprice（rs。getInt（"Bprice”）)；
book.setType(rs.getString("type”));
book.setImg（rs.getString（"img”）)；
list。add（book)；// 向集合列表中添加对象
｝
return list;
} catch （Exception ex) ｛
ex。printStackTrace()；
return null；
} finally ｛
if (rs ！= null) ｛
try {
rs。close(）;
rs = null；
｝ catch （Exception ex） ｛
ex.printStackTrace（）；
}
｝
if （stmt ！= null） {
try ｛
stmt.close(）;
stmt = null；
} catch （Exception ex） {
ex.printStackTrace(）；

｝
}
｝
｝
public Book getBookById（int Bid） {
Connection conn = null；
PreparedStatement stmt = null；
ResultSet rs = null；
try {
conn = Connect。getConnection（）；
String sql = "select * from Table2 where Bid=?;"；
stmt = conn。prepareStatement（sql);
stmtsetInt（1, Bid）;
rs = stmt。executeQuery（）;
if （rs.next（)) {
Book book = new Book（）；
book.setBid（rs.getInt（"Bid”））;
book。setBname（rs.getString("Bname”））；
book。setBprice(rs。getInt（"Bprice”))；
book.setType(rs。getString（"type”));
book。setImg(rs。getString（”img"））；
return book；
} else ｛
return null;
｝
} catch (Exception ex) ｛
ex。printStackTrace（）；
return null；
} finally ｛
if (rs ！= null） {
try {
rs.close（)；
rs = null;
} catch (Exception ex） {
ex.printStackTrace（）；
｝
}
if (stmt ！= null) ｛
try ｛
stmt.close(）;
stmt = null;
} catch （Exception ex) {
ex.printStackTrace();
}
}
}
｝
｝
showBook.jsp
〈％
BookDAO bookDao = new BookDAO（)；
ArrayList〈Book> list = bookDao.getAllBook（）；
if(list!=null＆&list.size()>0）
{
for（int i=0；i〈list。size();i++)
{
Book book = list.get(i);
%>
〈div〉
p？Bid=<%=book。getBid()%〉”>〈img src="img/<％=book.getImg(）%〉” width=”300” height=”317" border=”1”/>
书名：<%=book.getBname() %>〈/font〉〈/dd>