网上书城项目文档

网上书城项目文档网上书城项目文档网上书城项目文档项目搭建导入原型只有前端页面，但没有后端代码的项目。即一个只有页面但没有功能的项目！导入原型：创立一个web项目，命名为goods；把原型的webroot和src两个目录copy到goods中，覆盖原有的文件夹；把goods公布到tomcat上，翻开阅读器，接见主页。前台需求剖析前台是针对会员购书，尔后台是管理员管理系统并达成售书。前台主页/使用<jsp:forward>转发到/jsps/,、中只有一个<table>，构造以下：(1)ITCAST网上书城用户名：张三

我的购物车

我的订单改正密码

退出(2)图书分类

(3)搜寻图书

高级(4)欢迎信息<table>中各个部分使用的是<iframe>达成的框架页。(1)：/jsps/；(2)：/jsps/；(3)：/jsps/；(4)：/jsps/在(1)、(2)、(3)部分都存在超链接或表单，不论点击哪个超链接（或提交表单）都会在(4)部分显示。模块区分系统分为以下模块：用户模块分类模块图书模块购物车模块订单模块前台用户模块用户模块功能有：注册激活登录改正密码退出前台分类模块分类模块功能有：显示全部分类；前台图书模块前台图书模块功能有：分页查察指定分类的图书；分页查察指命名称的图书；分页查察指定条件的图书；查察图书详尽信息。购物车模块购物车模块功能有：向车中增添条目；查察我的购物车；改正条目数目；删除条目；批量删除条目；前台订单模块前台订单模块功能有：生成订单；查察我的订单；查察订单详尽信息；撤消订单；确认收货；支付订单；后台需求剖析后台是管理员管理系统，以售书功能。后台主页(1)ITCAST网上书城后台管理管理员：张三退出分类管理图书管理订单管理(2)欢迎图片与前台主页同样，使用框架页。管理员模块管理员模块功能有：管理员登录；管理员退出；后台分类管理后台分类管理功能有：查察全部分类；增添一级分类；增添二级分类；编写一级分类；编写二级分类；删除一级分类；删除二级分类；后台图书管理(1)ITCAST网上书城后台管理用户名：张三(2)图书分类

我的购物车

我的订单改正密码增添图书

退出高级搜寻后台图书管理功能有：分页查察指定分类的图书；分页查察指定条件的图书；增添新图书；编写图书；删除图书；后台订单管理后台订单管理功能有：分页查察全部订单；分页查察指定状态的订单；查察订单详尽信息；订单发货；撤消订单；数据模型设计依据需求剖析，获得以下实体：User：会员；Category：图书分类；Book：图书；CartItem：购物车条目；Order：订单；OrderItem：订单条目；Admin：管理员。t_user表列名列种类描绘uidchar(32)主键loginnamevarchar(50)会员登录名loginpassvarchar(50)会员登录密码emailvarchar(50)邮箱地点statusboolean能否已激活activationCodechar(64)激活码t_category表列名列种类描绘cidchar(32)主键cnamevarchar(50)图书分类名称pidchar(32)外键，相对本表的cid，表示父分类id。descvarchar(100)分类描绘orderByint分类序号，用来排序。t_book表列名列种类描绘bidchar(32)主键bnamevarchar(200)图书名称authorvarchar(50)图书作者pricedecimal(8,2)订价currPricedecimal(8,2)目前价discountdecimal(3,1)折扣pressvarchar(100)第一版社editionint版次pageNumint页数wordNumint字数printtimechar(10)印刷时间booksizeint开本papervarchar(50)纸质cidchar(32)所属分类idimage_wvarchar(100)大图路径image_bvarchar(100)小图路径orderByint序号t_cartitem表列名列种类描绘cartItemIdchar(32)主键quantityint数目bidchar(32)图书iduidchar(32)目前会员idorderByint序号t_order表列名列种类描绘oidchar(32)主键ordertimechar(19)下单时间totaldecimal(10,2)共计金额statusint订单状态：1未付款、2未发货、3未收货、4交易成功、5已撤消addressvarchar(1000)收货地点uidchar(32)目前会员idt_orderitem列名列种类描绘orderItemIdchar(32)主键quantityint数目subtotaldecimal(8,2)金额小计bidchar(32)图书idbnamevarchar(200)图书名称currPricedecimal(8,2)目前价image_bvarchar(100)小图路径oidchar(32)所属订单idt_admin列名列种类描绘adminIdchar(32)主键adminnamevarchar(50)管理员登录名adminpwdvarchar(50)管理员密码项目框架导包项目所需要导什么包，要从项目所使用的工具来计算。本项目需要使用工具以下：c3p0；commons-beanutils；commons-dbutils；commons-fileupload；;javamail；Log4J；mysql-connector；itcast-tools。配置文件本项目使用了C3P0数据库连结池，因此需要在src下配置文件。模板以下：<?xmlversion=""<c3p0-config><default-config<propertyname="driverClass"<property

encoding="UTF-8"?>>name="jdbcUrl">jdbc:<property><propertyname="user">rootname="password">123</property>

</property

><propertyname="acquireIncrement">3</property><propertyname="initialPoolSize">10</property><propertyname="minPoolSize">2</property><propertyname="maxPoolSize">10</property></default-config></c3p0-config>建包包名的构造一般为：企业域名.项目名.模块名称.分层名称。本项目的包大概以下：；；；；；；；；；；；；；；；；；；；；；；；。JQuery异步恳求本项目的页面中使用JQuery来达成表单的校验，并且还使用了JQuery的AJAX。这里简单回首一下使用JQuery发送异步恳求的过程。使用JQuery发送异步恳求最为灵巧的方法是

ajax( )方法，该方法只有一个参数，

参数为一个

JSON对象，下边来看看这个对象的属性。async：默以为true，表示发送异步恳求。beforeSend：函数种类。该函数会在发送恳求前被调用，能够用来设置自定义的HTTP报头。该函数有一个参数为XMLHttpRequest种类，我们能够使用它达成基层的设置，假如该函数返回false，那么目前恳求会被撤消。

AJAXcache：默以为

true，表示能否在阅读器缓存中加载信息。当

dataType为

script

时，该属性为

plete：函数种类，不论恳求能否成功，当恳求结束时调用它。该函数有两个参数，function(XMLHttpRequest,textStatus)。contentType：默以为application/x-www-form-urlencoded，一般无需改正该属性。data：恳求参数，格式为{key1:val1,key2:val2}。假如val为数组那么会被变换为多个参数，比如{key:[val1,val2]}变换为key=val1&key=val2。dataType：可选值为xml、html、script、json、jsonp、text。表示服务器的响应数据的种类。type：默以为GET，表示恳求方式。POST和GET使用的比许多。url：恳求的服务器资源，能够是一个html、xml、jsp和Servlet

等。success：恳求成功调用的函数。函数形如fun(data,status)，此中data为经过dataType进行了变换的服务器响应数据。error：恳求失败时调用的函数。函数形如fun(XMLHttpRequest,status,errorThrown)。常用属性有6个：url：要恳求的服务器端地点?dataType：服务器返回数据的种类，我们往常用json；data：客户端发送给服务器的参数；type：恳求方法，能够是GET或POSTasync：能否为异步（假如为true，那么是用两个线程来达成，不然是一个线程）cache：客户端能否缓存数据。success：成功是调用的方法。比如：<script

type

="text/javascript"

src

="<c:urlvalue

='/js/'

/>"></

script

><script

type

="text/javascript"

>$(

function( ){$("#btn").click(function( ){varname=$("#name").val( );if(name){$.ajax({async:false,cache:false,type:"POST",dataType:"json",url:"<c:urlvalue='/AjaxServlet'/>"data:{method:"findByName"success:function(person){$("#person").text+","

,,name:name},++","

++

","

+;}});}});});</script<body>

>请输入姓名：<inputtype="text"id="name"name="name"/><inputtype="submit"value="查问"id="btn"/><divid="person"></div></body>publicclassAjaxServletextendsBaseServlet{publicStringfindByName(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{Stringname=("name");PersonDaodao=newPersonDao( );try{Personperson=(name);StringBuildersb=newStringBuilder( );("{");("\"pid\":").append("\"").append( )).append("\","("\"name\":").append("\"").append( )).append("\","("\"age\":").append("\"").append( )).append("\","("\"birthday\":").append("\"").append( )).append(("}");( ).print(sb);}catch(SQLExceptione){thrownewRuntimeException(e);

);););"\""

);}return

null

;}}页面构造目录介绍在WebRoot下有好多文件夹，下边我们对这些文件夹进行介绍：adminjsps：后台管理jsp页面；bank_img：银行图片，在线支付时，会员需要选择支付的网银，这个页面需要显示这些图片；book_img：每本书都要有大图和小图，图书的图片都在这个文件夹中；css：公共css款式文件；images：按钮图片；jquery：jquery的源代码；js：公共js脚本；jsps：前台会员购书jsp页面；menu：javascript小工具，在前台首页的左部就是使用的这个小工具来显示图书分类的。jsps目录介绍jsps目录下是前台页面：中只有一条语句，使用<jsp:forward>标签转发到/jsps/。而页面是框架页，分为上、左、高级、中三个部分。分别对应：、、、。此中book、cart、order、user目录中分别对应