前台总公共模块设计毕业论文.doc

2014届毕业设计（论文）前台总公共模块设计毕业论文第一章 需求分析51.1、基本原理51.2、总体框图5第二章 前台设计62.1、前台总体设计62.2、前台公共模块设计62.3、前台核心模块设计82.4、前台注册模块设计92.5、前台会员管理模块设计102.6、前台商品管理模块设计152.7、前台登陆模块设计182.8、前台购物模块设计192.9、前台整合设计21第三章 软件设计213.1、软件总体架构设计（MVC架构）213.2、后台公共模块设计213.3、后台核心管理模块设计323.4、后台注册模块设计333.5、后台会员管理模块设计363.6、后台商品管理模块设计393. 7、后台登陆模块设计433.8、后台购物模块设计453.9、tomcat服务器简介473.10、oracle数据库简介473.11、servlet运行原理48第四章 成果演示49结 论55参考文献56致 谢5655引 言近年来，随着Internet的迅速崛起，互联网已日益成为收集提供信息的最佳渠道并逐步进入传统的流通领域，互联网的跨地域性和可交互性使其在与传统媒体行业和传统贸易行业的竞争中具不可抗拒的优势，因而发展十分迅速。在电子商务在中国逐步兴起的大环境下，建立利用互联网开拓销售渠道，帮助企业及时调整商品结构，协助经销商打开货源的信息门户成为解决信息流通不畅的有效方案。毫无疑问，电子商务有利于企业转换经营机制，建立现代企业制度，提高企业的销售水平和竞争力。目前中国的Internet已经从起步阶段进入了高速发展阶段，根据计算机行业年鉴最新的统计和预测，随着DSL技术和电缆调制解调器进入当地市场，亚洲和欧洲国家的互联网普及率将逐渐赶上美国。随着对互联网基础设施投资的加强，再加上庞大的人口数量，中国和印度的互联网用户数量到2010年将超过美国。 中国的Internet，发展速度快，潜力大。在2000年1月18日发表的中国互联网络发展状况统计报告给出的数据中，我国互联网用户到去年年底已经达到890万，国内外专家预测五年内我国互联网用户数将超过美国成为世界第一。当前中国的电子商务存在很多局限性， 例如：中国大中企业拥有网址百分率只在 35.6%，其中 90% 的网站是静态页面的， 85% 的网站半年以上才有更新内容。应该说目前我国的网络规模增长速度非常快，电子商务的兴起也为加速互联网的发展起了强大的推进作用。一般互联网的发展需经历以下两个个阶段：ICP模式。互联网内容提供商，成功范例为YAHOO，这种以媒体提供信息带动经济发展的模式，其特点是创业人大多是出于对互联网技术的个人兴趣，并非为了赚钱，访问率高就标志成功，随着网站变为媒体靠广告开始盈利 ，称为互联网媒体阶段。这一类网站需要丰富的不断更新的多层面信息吸引访问者以逐步具备盈利的基本条件，显然与鞋业行业的特点不相符，鞋业市场是有相对固定的客户和商品流通渠道的流通领域，有行业的专有信息，故互联网的媒体特性仅可作为德记鞋铺电子商务网在行业中的新型的信息传播方式。B to C时代。面向最终消费者的电子商务，成功范例为亚马逊、DELL电脑，标志着互联网的商务时代的来临。2005年中国国内的B to C的市场异常活跃，易趣淘宝的迅速崛起，告诉大家商业运作是可行的，人类社会的商业发展是从最初的易货贸易到零售再到企业的大宗交易，互联网也从零售开始，网上零售体现了互联网的互动特性，同时减少了交易的流通环节。B to C 模式的直接受益人是最终消费者，由于互联网的互动特性，任何人可以通过网络挑选商品，货比三家，讨价还价。 第一章 需求分析1.1、基本原理本设计分为前台和后台两个部分，前台通过HTML静态页面，CSS样式，JSP动态页面，JAVASCRIPT脚本和AJAX异步通讯，实现前后台的交互，获取后台数据，让后台数据直观的显示给用户，让用户可以看到这些数据，并执行相关操作。后台通过servlet技术，对前台的请求予以应答，通过逻辑业务处理之后，将将数据封装好后通过前台页面显示给用户。后台主要承担的是处理数据， 1.2、总体框图商品管理模块（显示商品信息）获得商品详细信息查看商品按照搜索获得商品搜索商品购物模块对商品不满意直接购买购买成功添加到购物车进入购物车结算继续浏览继续购物会员管理模块卖家管理买家管理查看或修改信息注销修改成功卖家登录卖家未登录注册卖家没有账号查看，修改信息或发布商品Shell模块（显示主页信息）登录模块用户未登录注册模块没有账号注册成功登录成功没有账号用户已登录第二章 前台设计2.1、前台总体设计前台设计分为前台前台公告模块设计，前台核心模块设计，前台登陆模块设计，前台注册模块设计，前台会员管理模块设计，前台商品管理模块设计和购物模块这七个模块。前台公告模块设计主要负责公告的CSS样式，javascript脚本，和公告的html页面。前台核心模块负责的是主页商品的显示和各模块导航。前台登陆模块设计主要负责前台用户的登陆和卖家的登陆。前台注册模块主要负责前台会员的注册和卖家的注册。前台会员管理模块主要负责前台会员信息的显示和修改等。前台商品管理模块主要负责的是前台商品信息的显示。前台购物模块主要负责的是用户实现购物功能。2.2、前台公共模块设计前台公告模块主要包含了公告的CSS，javascript，和网页。公共的CSS主要包括网站的头样式，网站logo的样式，对于超链接各模式的设置，和验证码的样式。公共的javascript的包含ajax对象的封装，封装的ajax对象是用来执行ajax异步通信的对象，他封装了解决浏览器兼容性问题，他的具体实现如下function MyAjax() /定义var httpRequest;/设置异步方式var asynch = true;/定义调用结果var message = ;this.getMessage = function()return message;this.setAsynch = function(newAsynch)asynch = newAsynch;/私有方法创建XMLHttpRequest对象function createXMLHttpRequest() if (window.XMLHttpRequest) /说明当前浏览器支持XMLHttpRequest对象httpRequest = new XMLHttpRequest(); else /如果不支持 说明是IE 7及以下版本/应该通过尝试法来创建此对象var names = Microsoft.XMLHTTP, MSXML2.XMLHTTP ;for ( var i = 0; i =0)rurl = url + &t=+new Date();elserurl = url + ?t=+new Date();return rurl;this.sendAjax = function(url,method,params,callBack)if(url=null | url=undefined)message = url必须要填写!;return false;url = getUrl(url);if(method=null | method =undefined)/默认get方式method = get;method = method.toLowerCase();/统一转换成小写/创建对象createXMLHttpRequest();if(httpRequest=null | httpRequest =undefined)message = XMLHttpRequest创建失败，请开启ActiveX控件再尝试!;return false;/注册回调 httpRequest.onreadystatechange = function() if(httpRequest.readyState=4 & httpRequest.status = 200) /* callBack(httpRequest.responseText); else message = 服务器返回的代码:+httpRequest.status; /打开请求 httpRequest.open(method,url,asynch); /设置一些基本参数(解决浏览器缓存数据的问题) httpRequest.setRequestHeader(Cache-Control, no-cache); httpRequest.setRequestHeader(Expires, 0); httpRequest.setRequestHeader(Pragma, no-cache); /判断 if(method=post)/如果是post请求设置头信息 httpRequest.setRequestHeader(Content-Type, application/x-www-form-urlencoded); /最好要进行参数验证 httpRequest.send(params); else /如果是get httpRequest.send(null); 。还包含了jquery的运行脚本。公共的页面包含了导航页面和网站的头部。2.3、前台核心模块设计前台核心模块负责的是主页商品的显示和各模块导航。他包含了网站的框架，头部固定，底部有变化，头部是通过jsp指令动态包含的公共的jsp页面，他的具体实现是： $empty hyglVo.yhm? 登陆 : 欢迎hyglVo.yhm 免费注册 联系客服 卖家中心 商品分类 收藏夹 购物车 我的Gogo 首页 。底部是在框架中处理后台发回的数据，动态加载商品信息。2.4、前台注册模块设计前台注册模块主要负责的会员注册和卖家注册。注册模块的验证是通过ajax异步通信的形式，让用户可以在服务器处理请求的同时操作页面。他的具体实现是：/失去焦点的时候验证用户名function yzYhm(obj)if(trim(obj.value)!=)var url = /gogo/servlet/yzyhmservlet?yhm=+$(yhm).value;var ajax = new MyAjax();ajax.sendAjax(url,get,null,clYhm);else$(yhms).innerHTML = *;/显示处理结果function cljg(rstr,id)if(rstr)var s_id = id +s;var flag = rstr.split(:)0;var msg = rstr.split(:)1;if(true=flag)$(s_id).style.color = #00FF00;$(id).style.borderColor = #00FF00; else$(s_id).style.color = #FF0000; $(id).style.borderColor = #FF0000; $(id).focus();$(id).select();$(s_id).innerHTML = msg;。上述实现中，页面通过绑定的事件来调用javascript脚本。发送ajax请求，后台处理之后发挥rstr字符串。前台通过对rstr字符串的解析来实现具体操作。2.5、前台会员管理模块设计前台会员管理模块主要负责的是前台会员信息的查询和修改。他是通过jsp页面处理请求中的数据之后动态改变页面的相关信息。主要分为会员信息处理和卖家信息处理这两块。处理会员信息的具体实现是： 设置头像 个人信息 修改个人信息 账户余额 充值 注销 用户名：$loginVo.yhm 身份证号码：$loginVo.sfzhm 真实姓名：$loginVo.zsxm 性别：$loginVo.xb 电话号码：$loginVo.dhhm 账户余额：$loginVo.zhje email：$loginVo.email 地址：$loginVo.dz 修改用户名： * 设置新密码： * 确认密码： * 修改身份证号码： 修改真实姓名： 验证码： * $msg 实现卖家信息修改的具体实现是： 卖家信息 修改卖家信息 发布商品 显示所有商品 注销 卖家名：$mjxxVo.mjyhm 商品总数：$spzs 卖家余额：$mjxxVo.mjsr 卖家名： 店铺logo： 密码： 押金： 输入商品名： 输入价格： 输入库存量： 输入款式按,号隔开: 商品类型： 请选择情侣服装情侣饰品儿童服装儿童玩具 上传商品图片： 上传商品详细图片： 显示处理的会员信息和卖家信息基本上相同，但是在卖家信息这一快，他比会员信息多了一项发布商品的业务。他通过表单元素提交的形式将商品的各种信息以及图片上传。后台接受到之后，保存到数据库中。效果图如下：2.6、前台商品管理模块设计前台商品管理模块主要负责的是前台商品信息的显示。主要包含，显示详细商品和显示分类商品。显示详细商品是通过核心模块中的商品信息拼装成url地址，发送到后台，后台对以上数据进行处理，返回应答信息，前台将得到的信息进行解析。得到显示详细商品的业务。显示分类商品是通过拼装url将类型名发送到后台，后台将所有符合条件的商品包装起来打回前台，前台处理之后，拼装成JSP的页面。他的具体实现是： 店铺：$xxspVo.mjhym $xxspVo.spm !- - $xxspVo.spid 价格：¥：$xxspVo.spjg 销售量：$xxspVo.xsl 款式: 数量：   库存（$xxspVo.kcl） !- - !- - 商家信息 $xxspVo.mjhym 销售量：$xxspVo.xsl 库存量：$xxspVo.kcl $xxspVo.spxx bbb 效果图如下：2.7、前台登陆模块设计前台登陆模块主要负责用户的登陆和卖家的登陆。他通过ajax异步通信，将表单元素发送到后台，后台处理信息之后返回的提示信息，是放在一个特定的div中的，此div一开始是隐藏的，只有当后台发回错误信息的时候才会把错误信息msg显示出来。他的具体实现是：欢迎登陆邮箱/用户名/已验证手机密码$msg忘记密码? | 注册新账号 | 意见反馈 效果图如下：2.8、前台购物模块设计前台购物模块主要负责的是用户实现购物功能。他主要负责的是购物车，和结算这两个页面。在购物车中，当用户选中商品的同时购物车底部的总金额会发生变化。这是通过ajax异步通讯的形式来完成的。他的具体实现是： 全选商品款式价格数量小计操作 卖家：$gwc.mjyhm $gwc.spm $gwc.ks $gwc.jg $gwc.sl $gwc.xj   0.00总计：¥  效果图如下：2.9、前台整合设计首先根据mvc架构，分模块处理。然后再导入公共的css，javascript和公共页面。然后根据不同的结构将前台页面各部分整合出来。同时提炼公共部分，将他写入到公共模块的CSS和javascript中。这样可以节省网站的成本，提高网站的运行速度。第三章 软件设计3.1、软件总体架构设计（MVC架构）本网站是居于MVC架构来开发的。首先有一组拦截器和监听器会工作，他们负责处理前台发送的请求，过滤出垃圾信息，和恶意攻击。MVC（Model View Controller）是一种架构设计模式，该模式主要应用于图形化用户界面(GUI)应用程序。MVC由Model（模型）、View（视图）及Controller（控制器）三部分组成。MVC是一种软件设计典范，用于组织代码用一种业务逻辑和数据显示分离的方法，这个方法的假设前提是如果业务逻辑被聚集到一个部件里面，而且界面和用户围绕数据的交互能被改进和个性化定制而不需要重新编写业务逻辑MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。后台数据是保存在Oracle数据库中。本系统分为会员表，商品表，商品类型表（是商品类型种类表的二级菜单表），商品类型种类表，卖家表，购物车表，商品详细图片表，会员头像表，省表，市表，县表。3.2、后台公共模块设计后台公共模块主要负责对公共数据的提炼和封装，得到一组公共的对象，共其他模块一起使用。他包含处理密码问题的加密业务，验证码的获取和与数据库相