1、网上商城系统课程设计报告书 Web开发技术课程设计报告题 目： 网上商城系统 1 任务与要求3 1.1需求分析3 1.2需求规定3 1.3模拟需求图42 系统总体设计 5 2.1设计目标及完成功能 52.2 系统结构设计 6 3 系统详细设计8 3.1普通用户界面的详细设计8 3.2管理员界面的详细设计 12 3.3数据库表的详细设计 14 3.4代码详细设计 16 4测试和维护 36 5总结 396参考文献 401. 任务与要求 1.1 需求分析 互联网的快速发展为人们的购物提供了多种方式，网上购物就是目前主流的网上购物方式之一。网上商城将现实中的购物行为虚拟到网上进行，人们可以足不出户，即
2、可获得自己需要的商品。于是，我们为提高自己在JSP以及相关一系列中的编程能力，通过这几个星期的努力，来实现网上商城购物的一系列功能，了解用户的需要和管理员的功能来实现对购物系统的管理功能。明确所要开发软件的功能、性能与界面，使得软件人员更能清楚的了解用户的需求，并在一定基础上进一步提出概要说明书让使用者能更容易应用我们的系统。1.2 需求规定 管理主要功能权限普通用户管理模块登陆管理员，普通用户（只能注册普通用户，管理员只有一个）管理员，普通用户修改资料（包括基本资料及密码）管理员，普通用户管理员用户管理模块查看用户信息 管理员删除用户管理员商品管理模块查看商品管理员，普通用户添加商品管理员
3、修改商品管理员删除商品管理员数据库管理模块添加类型管理员删除类型管理员留言管理模块查看留言用户添加留言用户 购物车模块查看购物车用户加入购物车用户删除购物车商品用户1.3 模拟需求图2 系统总体设计21 系统设计目标及完成功能 网上购物商城是基于B/S模式的电子商务网站，用于满足不同人群的购物需求，本课程设计主要从普通用户界面和管理员界面的角度出发，以高效管理、满足消费者需求为原则，做出了以下的系统设计目标：统一友好的操作界面，具有良好的用户体验。商品信息完备，让用户可以更加清楚商品的性能。用户可通过购物车一次购买多件商品。实现支付功能，用户选择商品后可在线提交订单。提供简单的安全模式，用户必
4、须先登录，才允许购买物品。用户可以查看自己订单信息。设计网站后台，管理网站的各项基本数据。 22 系统结构设计2.2.1系统流程图 浏览 失败 成功 成功 选择商品 生成 失败2.2.2 系统结构 网上商城系统中有两类用户，分别是普通用户和管理员，他们分别对应着普通用户模板和管理员模板。普通应户模板是网上商城系统的主体模板，它具有以下功能：用户注册。用户登录。查看商品信息。发表留言。搜索商品信息。将商品加入购物车。对个人购物车进行管理。修改个人资料。管理员模板负责网上商城系统的管理和维护工作，它具有以下功能：管理商品类别信息（包括修改和删除商品类别信息）。添加商品类别信息。管理商品信息（包括修
5、改和删除商品类别信息）。添加商品信息。管理普通用户。管理订单信息。修改个人资料。3 系统详细设计3.1普通用户界面的详细设计3.1.1 查看商品信息 普通用户主界面（Usermain.jsp）为主页面，它是一个框架页，它将整个界面分为上下两个框架，这两个框架分别是topFrame和usermainFrame他们所对应默认的页面分别是普通用户功能选择界面topuser.jsp和商品信息 列表界面warelist.jsp效果图如图所示： Topuser.jsp效果图 普通用户功能选择界面（topuser.jsp）提供了普通用户的所有功能连接，所显示欢迎信息是通过获取保存在session中的用户名来
6、实现的。 warelist.jsp效果图3.1.2购物车管理，包括查看购物车、添加商品到购物车、从购物车中删除 商品 查看购物车信息 ： 为用户提供管理自己购物车中信息的功能，这个模块中用户同时可以删除购物 信息。 添加商品到购物车：在商品信息列表界面中提供了将某个商品添加到购物车的链接，包括填写购物信息界面和添加成功界面。完成添加后将跳转到购物车信息管理界面。 从购物车中删除商品：点击删除的图标，用户可以将某商品从购物车中删除。3.1.3 用户资料管理 用户可自行修改用户的密码，电话号码，邮箱。3.1.4留言界面的详细设计 用户可就商品进行评论，可以添加留言以及表情。 addmsg.jsp效
7、果图3.2管理员界面的详细设计 3.2.1、管理员主界面 管理员界面（Adminmainjsp）与普通用户主界面（Usermain.jsp）一样，它也是一个包含页，它将整个界面分为上下两个页面，这两个页面分别是topFrame和usermainFrame他们所对应默认的页面分别是管理员功能选择界面topadmin.jsp和商品信息列表界面adminlist.jsp效果图如图所示： Topadmin.jsp效果图 管理员功能选择界面（topuser.jsp）提供了普通用户的所有功能连接，所显示欢迎信息是通过获取保存在session中的用户名来实现的。 Adminlist.jsp效果图 商品信息管
8、理界面显示了网上商城系统中的左右商品信息，在这个页面上采用的方法来显示商品信息，它还提供了添加、修改和删除商品信息的借口。 3.2.2.管理用户界面，包含查看用户信息功能和删除用户信息功能 3.2.3.订单管理界面，可以实现查看用户添加的订单信息功能3.3数据库表的详细设计 网上商城系统中所创建的数据库的名称是shop，这个数据库包括以下5个数据表：Goods数据库保存订单信息Users数据库保存所有用户信息Wares数据库保存商品信息Words数据库保存留言信息3.3.1 Goods数据库3.3.2 Users数据库3.3.3Wares数据库3.3.4 Words数据库3.4代码详细设计 3
9、.4.1、数据库连接 package dbconn;import java.sql.Connection;import java.sql.DriverManager;import java.sql.PreparedStatement;import java.sql.ResultSet;import java.sql.SQLException;public class DB private final String DRIVER=com.microsoft.jdbc.sqlserver.SQLServerDriver; private final String URL=jdbc:microsof
10、t:sqlserver:/localhost:1433;databasename=dbj_blog; private final String USERNAME=sa; private final String PWD=sa; /* * 连接数据库驱动，驱动名称及URL. * 从Statement继承，用于提供可以查询信息一起预编译的语句. * ResultSet 类可用来接受执行SQL查询语句后得到的记录集. */ private Connection conn=null; private PreparedStatement pstat=null; private ResultSet rs=
11、null; public DB() /* * * return Connection 返回生成的连接对象 */public Connection getConn() try Class.forName(DRIVER); conn=DriverManager.getConnection(URL,USERNAME,PWD); catch (ClassNotFoundException e) / TODO Auto-generated catch block System.out.println(注册驱动失败+e.toString(); catch (SQLException e) / TODO A
12、uto-generated catch block System.out.println(数据库连接失败+e.toString(); return conn;/* * * param sql待查询的sql语句 * return 返回查询结果记录集 */public ResultSet executeQuery(String sql) try pstat=conn.prepareStatement(sql); rs=pstat.executeQuery(); return rs; catch (SQLException e) / TODO Auto-generated catch block S
13、ystem.out.println(数据库操作失败); return rs; /* * * param sql 待操作的sql语句 * return 返回整型值 */public int executeUpdate(String sql) int flag=0; try pstat=conn.prepareStatement(sql); flag=pstat.executeUpdate(); catch (SQLException e) / TODO Auto-generated catch block e.printStackTrace(); return flag;/* * 对数据库关闭的
14、操作 */public void close() try if(rs!=null) rs.close(); if(pstat!=null) pstat.close(); if(conn!=null)conn.close(); catch (SQLException e) / TODO Auto-generated catch block e.printStackTrace(); 3.4.2、乱码的处理问题 public class EncodeFilter implements Filter String code=GBK; public void destroy() public void
15、doFilter(ServletRequest arg0, ServletResponse arg1, FilterChain arg2) throws IOException, ServletException / TODO Auto-generated method stub HttpServletRequest request=(HttpServletRequest)arg0; request.setCharacterEncoding(code); arg2.doFilter(request, arg1); public void init(FilterConfig arg0) thro
16、ws ServletException / TODO Auto-generated method stub 3.4.3、获取系统时间package util;import java.util.Date;public class MyDate Date d=null; public MyDate() d=new Date(); public String getDate() return (d.getYear()+1900)+年+(d.getMonth()+1)+月+d.getDate()+日+d.getHours()+时; 3.4.4、图片上传 % String realpath=reques
17、t.getRealPath(); File files=new File(realpath+upload); String test; test=files.list(); for(int k=0;k img alt= src=upload width=200 height=200 3.4.5商品数据表操作类例、GoodsCtrl,其他类与之相似，省略不写package edu.hbcf.shop.ctrl;import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.ResultSet;import
18、java.sql.SQLException;import java.util.ArrayList;import java.util.List;import edu.hbcf.shop.conn.DBConn;import edu.hbcf.shop.bean.ShopGoods;/* * MsgCtrl类实现留言版模块的增、删、改、查 * version 1.0 * author cy * */public class GoodsCtrl DBConn db=null; Connection conn=null; ResultSet rs=null; PreparedStatement pst
19、at=null; /* * 此方法实现查询所有留言信息，并返回查询结果 * return List( ShopGoods 类的结果记录集合) */public List queryAll() List list=new ArrayList();/定理list泛型集合，并实例化 db=new DBConn();/生成相应的类对象 conn=db.getConn();/加载并注册驱动，生成连接对象返回 String sql=select * from goods order by GoodsID DESC;/定义查询所有留言的sql语句 try pstat=conn.prepareStatemen
20、t(sql);/生成预处理执行对象 rs=pstat.executeQuery();/执行sql语句，并将结果保存在结果记录集中 while(rs.next()/游标后移一条记录，如果记录存在 ShopGoods sg=new ShopGoods();/实例化留言对象 sg.setGoodsID(rs.getInt(GoodsID);/将对应记录字段GoodsID保存在商品留言对象的GoodsID属性中 sg.setGoodsName(rs.getString(GoodsName);/将对应记录字段GoodsName保存在商品留言对象的GoodsName属性中 sg.setBuyNumber(
21、rs.getInt(BuyNumber);/将对应记录字段BuyNumber值保存在商品留言对象的BuyNumber属性中 sg.setUserName(rs.getString(UserName);/将对应记录字段UserName值保存在商品留言对象的UserName属性中 sg.setWareID(rs.getInt(WareID);/将对应记录字段WareID值保存在商品留言对象的WareID属性中 sg.setCreateTime(rs.getString(CreateTime);/将对应记录字段CreateTime值保存在商品留言对象的CreateTime属性中 list.add(s
22、g);/添加对象sg到集合类中 catch (SQLException e) / TODO Auto-generated catch block System.out.println(查询留言版,数据库操作失败！+e.toString(); finally this.close();/连接通道关闭 return list;/返回集合类对象 /* * 此方法实现按用户查询所有留言信息，并返回查询结果 * return List( ShopGoods 类的结果记录集合) */public List queryAllByUser(String UserName) List list=new Arra
23、yList();/定理list泛型集合，并实例化 db=new DBConn();/生成相应的类对象 conn=db.getConn();/加载并注册驱动，生成连接对象返回 String sql=select * from goods where UserName=? order by GoodsID DESC;/定义查询所有留言的sql语句 try pstat=conn.prepareStatement(sql);/生成预处理执行对象 pstat.setString(1, UserName); rs=pstat.executeQuery();/执行sql语句，并将结果保存在结果记录集中 while(rs.next()/游标后移一条记录，如果记
