《电子商务系统》设计文档.doc

电子商务系统 11 1 系统分析1.1 需求分析通过对一些典型电子商务网站的考察、分析以及实际的市场调查，要求本系统具有以下功能：q 统一友好的操作界面，能保证系统的易用性。q 规范、完善的基础信息设置。q 商品分类详尽，可按不同类别查看商品信息。q 按商品大类及商品名称进行模糊查询。q 实现网上购物。q 新品及特价商品展示。q 商品销售排行。1.2 可行性分析商业企业在运营过程中，经常会受到以下一些条件的限制：q 产品的宣传受到限制，采购商或顾客只能通过上门咨询、电话沟通等方式进行各种信息的获取，受一定的时间与物理空间的局限并且成本较高。q 庞大的商业经济周转。q 复杂的产品周转渠道。从看样品、谈价格到支付货款等一系列的产品周转渠道过于复杂，企业与顾客之间缺乏全面的沟通与快捷运营的平台。q 商业企业中根据季节的变化，热销商品在销售高峰到来时货源紧张，企业需要实时了解商品的销售情况，保证热销商品的要货满足率。因此，企业需要重新认识市场、消费者以及自身市场定位，正确认识电子商务技术在企业中的重要地位，以少量的时间和资金建立企业信息门户网站并架设一定范围的商务网络，以此来制定长远发展战略，使企业与顾客间的经济活动变得更灵活、更主动。2 总体设计2.1 项目规划电子商务系统是一个典型的JSP数据库开发应用程序，由前台商品展示及销售、后台管理2部分组成。q 前台商品展示及销售该部分主要包括新品上架、特价商品、销售排行、购物车、会员管理、商品公告及订单查询、商品查询等。q 后台管理该部分主要对商城内的一些基础数据进行有效管理，包括商品管理、会员管理、订单管理、公告管理等。2.2 系统功能结构图电子商务系统前台功能结构如图1所示。图1 系统前台功能结构图电子商务系统后台功能结构如图2所示。图2 系统后台功能结构图3 系统设计3.1 设计目标本系统在设计时应该满足以下几个目标：q 采用人机对话的操作方式，界面设计美观友好、信息查询灵活、方便、快捷、准确、数据存储安全可靠。q 全面展示商城内所有商品，并可展示最新商品及特价商品。q 为顾客提供一个方便、快捷的商品信息查询功能。采用模糊查询查询数据。q 会员可以随时修改自己的会员资料。q 实现网上购物。q 商品销售排行，以方便顾客了解本商城内的热销商品及帮助企业领导者做出相应的决策。q 查看商城内的公告信息。q 用户随时都可以查看自己的订单。q 对用户输入的数据，系统进行严格的数据检验，尽可能排除人为的错误。q 系统最大限度地实现了易维护性和易操作性。q 系统运行稳定、安全可靠。3.2 开发及运行环境硬件平台：q CPU：P41.8GHz；q 内存：256MB以上。软件平台：q 操作系统：Windows 2000 Server；q 数据库：SQL Server 2000；q 开发工具包：JDK Version1.4.2；q JSP服务器：Tomcat 5.0；q 浏览器：IE5.0及以上版本，推荐使用IE6.0；q 分辨率：最佳效果1024768。3.3 数据库设计本系统数据库采用SQL Server 2000数据库，系统数据库名称为db_shop，共包含9张表。关于数据库中的数据表请参见附录B。4 网站前台主要功能模块设计5.2 网站前台首页设计在Go购电子商城的首页中，用户不但可以在第1时间内掌握商城推出的特价商品、上架新品、最新公告等，还可以查看销售排行、搜索指定商品、商品分类查询等。Go购电子商城前台首页的运行结果如图4所示。1234567891011图4 网站前台首页的运行结果下面以列表形式给出前台页面各部分的说明信息，如表1所示。表1 前台页面说明区域名称说明对应文件1网站导航主要展示网站的旗帜广告和站内导航条navigation.jsp2用户登录主要用于会员登录和提供会员注册的入口left.jsp3商品搜索主要用于按商品的大分类模糊查询商品信息search.jsp4商城公告主要用于显示网站最新公告left.jsp5特价商品用于显示最新的两条特价商品的信息index.jsp6商品分类按类别展示商品信息right.jsp7销售排行显示商城中销售量最好的10种商品left.jsp8商品上架主要用于显示最新上架的4种商品信息index.jsp9广告招商位用于显示网站的广告招商信息right.jsp10后台登录入口网站后台登录入口copyright.jsp11版权信息显示网站版权信息copyright.jsp5.3 特价商品模块设计特价商品模块共有两个入口，一个是网站导航条中的【特价商品】导航按钮，另一个是网站前台的居中位置，分栏列出了商城中特价商品中最新的两条特价商品信息，单击特价商品展区中的“More”超链接可以进入到特价商品页面，在该页面中将列出商城中的全部特价商品。主要包括商品图片、名称、原价、现价等信息。同时设置了【购买】按钮和【详细信息】按钮，分别用于将商品信息添加至购物车和查看商品详细信息。特价商品模块在网站首页的设计效果如图5所示。图5 特价商品模块在网站首页的设计效果（1）查询数据表中的特价商品。特价商品信息同商品基本信息同时保存在商品信息表tb_goods中，以字段sale标识，当sale字段的值为1时，代表该商品为特价商品。在网站首页中查询特价商品的代码如下：特价商品页面sale.jsp中查询特价商品的代码如下：%connDB conn=new connDB();ResultSet rs=conn.executeQuery(select ID,GoodsName,Introduce,price,nowprice,picture from tb_goods where sale=1 order by GoodsName);（2）制作显示特价商品信息部分。在网站首页中显示特价商品信息采用了分栏技术，也就是应用if语句结合求模运算符实现在一个单元格中同时显示两列数据。关键代码如下： /此处省略显示商品信息的代码 /此处省略显示商品信息的代码5.4 新品上架模块设计新品上架模块也有两个入口，一个是网站导航条中的【新品上架】导航按钮，另一个是网站前台的居中位置，列出了商城中上架新品中的最新上市的4条商品信息，单击新品上架展区中的“More”超链接可以进入到新品上架页面，在该页面中将列出商城中的全部上架新品。主要包括商品图片、名称、现价等信息。同时设置了【购买】按钮和【查看详细信息】按钮，分别用于将商品信息添加至购物车和查看商品详细信息。下面只以首页中的新品上架为例进行介绍。新品上架模块在网站首页中的设计效果如图6所示。图6 新品上架模块在网站首页中的设计效果新品上架信息同商品基本信息同时保存在商品信息表tb_goods中，以字段newGoods标识，当newGoods字段的值为1时，代表该商品为上架新品。在网站首页中查询新上架商品的代码如下：5.5 商品分类模块设计为了方便用户查询所需商品信息，在网站中设置了商品分类显示模块。在网站首页的右侧以树状菜单的形式列出了商品的大、小分类信息，用户单击大类别结点可以显示出该类的所有小类信息，单击小类结点可以进入到分类商品显示页面查看该类别的全部商品信息，在分类商品显示页面中，单击商品名称可以查看相应商品的详细信息。如果用户已经登录，还可以直接将商品信息添加至购物车中。商品分类模块的页面设计效果如图7所示。图7 商品分类模块的页面设计效果实现以树状菜单的形式显示商品的大、小分类信息的关键是获取商品的大分类信息，并分别查询出每个大类所对应的小分类信息，再通过标记和JavaScript自定义函数实现结点的显示和隐藏，关键代码如下： /此处省略了部分HTML代码 %if(subType_RC  a href=Javascript:ShowTR(img,OpenRep)img src=images/jia.gif border=0 alt=展开 id=imga href=Javascript:ShowTR(img,OpenRep) 0)% tr id=OpenRep style=display:none; /此处省略了页面布局的HTML代码 ShowTR(img1,OpenRep1) /设置第1个结点为展开状态function ShowTR(objImg,objTr) /编写自定义函数控制结点的显示或隐藏if(objTr.style.display = )objTr.style.display = none; /显示结点objImg.src = images/jia.gif;objImg.alt = 展开;elseobjTr.style.display = ; /隐藏结点objImg.src = images/jian.gif;objImg.alt = 折叠; 5.6 会员管理模块设计在前台的会员管理模块中主要包括会员注册、会员登录、会员资料修改3部分。由于会员资料修改同会员注册的实现方法类似，只是调用的SQL语句不同，所以此处只给出会员注册和会员登录进行介绍。1会员注册会员注册的入口位于网站首页的左侧。用户单击【注册】按钮即可进入到会员注册页面，该页面的设计效果如图8所示。图8 会员注册页面设计效果会员注册模块由两个页面组成，一个是用于收集用户输入的注册信息的会员注册页面，另一个用于将会员注册信息保存到数据表中的处理页。会员注册页面主要由表单元素组成，比较简单。将会员注册信息保存到数据表中，首先使用JavaBean中的member类保存客户端输入的会员信息，再通过调用memberDaoImpl中的insert方法将会员信息保存到会员信息表中。在保存会员信息时，还需要判断会员名是否存在，必须保证会员名称的惟一性。保存会员信息的完整代码如下： /一次性为JavaBean的所有属性赋值%connDB conn=new connDB();request.setCharacterEncoding(gb2312); /编码转换String username=member.getUsername();ResultSet rs=conn.executeQuery(select * from tb_Member where username=+username+);if (rs.next()out.println(alert(该用户名已经存在，请重新注册！);window.location.href=register.jsp;);elseint ret=0; MemberDaoImpl ins_member=new MemberDaoImpl(); /创建GoodsDaoImpl对象的实例并实例化该对象 ret=ins_member.insert(member); /执行JavaBean“GoodsDaoImpl”中的方法添加商品信息if (ret!=0) out.println(alert(用户注册成功！);window.location.href=index.jsp;); else out.println(alert(用户注册失败！);window.location.href=register.jsp;); %2会员登录会员登录用于网站会员登录本网站进行购物或查看订单情况。会员登录入口位于网站首页的左侧，页面运行结果如图4所示。下面给出会员登录页面的设计效果图和会员登录后的会员登录页面的运行结果，分别如图9、图10所示。 图9 会员登录页面的设计效果 图10 会员登录后的会员登录页面的运行结果当用户在登录窗口中输入用户名和密码后，单击【登录】按钮，系统将对输入的用户名和密码进行验证，如果用户输入的用户名存在并且冻结字段的值不为1，则判断用户输入的密码是否正确，如果密码正确，则重新进入网站首页，显示登录用户的用户名、【修改资料】按钮、【退出登录】按钮，否则提示登录失败。会员登录页面的关键代码如下：%connDB conn=new connDB(); /创建并实例化connDB的一个对象chStr chStr=new chStr(); /创建并实例化chStr的一个对象String username=chStr.chStr(request.getParameter(username);/此处必须进行编码转换，否则输入中文用户名时将出现乱码tryResultSet rs=conn.executeQuery(select * from tb_Member where username=+username+ and freeze=0);if(rs.next()String PWD=request.getParameter(PWD);if(PWD.equals(rs.getString(password) /判断用户输入的密码是否正确session.setAttribute(username,username); /为session变量username赋值response.sendRedirect(index.jsp); /将页面重定向到index.jsp页面elseout.println(alert(您输入的用户名或密码错误，请与管理员联系!);window.location.href=index.jsp;);elseout.println(alert(您输入的用户名或密码错误，或您的账户已经被冻结，请与管理员联系!);window.location.href=index.jsp;);catch(Exception e)out.p