structs的网上购物系统详细设计说明书含源文件.docx
- 文档编号:27788766
- 上传时间:2023-07-05
- 格式:DOCX
- 页数:32
- 大小:303.08KB
structs的网上购物系统详细设计说明书含源文件.docx
《structs的网上购物系统详细设计说明书含源文件.docx》由会员分享,可在线阅读,更多相关《structs的网上购物系统详细设计说明书含源文件.docx(32页珍藏版)》请在冰豆网上搜索。
structs的网上购物系统详细设计说明书含源文件
基于structs的网上购物系统详细设计说明书
4.1系统数据库表的基本设计
数据库是采用Mysql数据库,该系统主要包括用户信息表(customer)、书籍信息表(book)、订单表(orderform)、订单详情表(orderline)。
根据系统需求,设计出如下数据项和数据结构:
1.客户信息表主要是存储客户的个人信息的,表4-1所示:
表4-1客户信息表结构
字段
字段名
类型
宽度
小数位
索引
排序
Nulls
1
id
自动
10
主
否
2
Name
字符型
20
否
3
Pwd
字符型
20
否
4
Zip
字符型
20
5
Address
字符型
50
6
Tel
字符型
20
否
7
字符型
30
否
2.书籍信息表主要是存储书籍信息,表4-2所示:
表4-2书籍信息表结构
字段
字段名
类型
宽度
小数位
索引
排序
Nulls
1
id
自动
10
主
否
2
Name
字符型
100
否
3
Price
浮点型
8
2
否
4
Summary
字符型
600
是
3.订单信息表主要是存储用户订单日期及发货信息,表4-3的所示:
表4-3订单信息表结构
字段
字段名
类型
宽度
小数位
索引
排序
Nulls
1
id
自动
10
主
否
2
Cost
浮点型
8
2
否
3
Orderdate
日期型
否
4
Tel
字符型
16
否
5
Address
字符型
20
否
6
Command
字符型
600
否
4.订单明细信息表主要是存储用户订购书籍的详细信息,包含于订单,表4-4所示:
表4-4订单明细信息表结构
字段
字段名
类型
宽度
小数位
索引
排序
Nulls
1
Id
自动
10
主
否
2
Num
数据型
8
否
3
Orderid
数据型
10
否
4
Bookid
数据型
10
否
4.2系统主要界面设计及实现技术
本系统设计主要分为两个大块,即前台书籍浏览订购模块和后台管理模块。
前台书籍订购模块包括用户书籍浏览模块、会员书籍订购模块、会员订单自助管理模块,后台管理主要分为以下几个部分:
书籍管理模块、会员管理模块、订单管理模块。
页面通过Struts框架提供技术进行实现,整个页面实现无JSP脚本代码的出现,全部是以Struts框架提供的标签对数据进行展现,用OGNL语言处理所获得的数据。
方便页面的优化修改。
4.3系统界面设计的具体展现
4.3.1用户登录界面设计及实现技术
系统的首页是一个登录界面(login.jsp),购书者订购时需要注册,购书者将自己的信息成功注册以后,得到自己的用户名和密码以后才可以登录,这样下次只要输入注册成功的用户名和密码即可登录。
(图4-1)
图4-1login.JSP页面
此页的功能代码如下所示:
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"%>
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<%@tagliburi="/WEB-INF/c.tld"prefix="c"%>
<%@tagliburi="/struts-tags"prefix="s"%>
iftest="${! emptyinfo}"> alert(" propertyvalue="info"/>")
if>
textname="login.title"/>
urlvalue="/js/validate.js"/>"type=text/javascript> urlvalue="/css/style1.css"/>"type=text/css rel=stylesheet> urlvalue="/css/style.css"/>"type=text/css rel=stylesheet> 学海无涯——> 会员登陆
20px"cellSpacing=0cellPadding=0 width=500align=centerborder=0> urlvalue="/images/tab01.gif"/>> 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;PADDING-TOP: 6px"vAlign=topalign=rightwidth="100%" background= urlvalue="/images/topcenter.gif"/>> urlvalue="/images/topright.gif"/>"> urlvalue="/images/centerleft.gif"/>> 5px0px"cellPadding=5align=centerborder=0> textname="login.name"/> textname="login.password"/> hand"type=submit value= textname="login.submit"/>name=Login> hand"type=reset value= textname="login.reset"/>name=reset> urlvalue="/images/centeright.gif"/>> urlvalue="/images/bottomleft.gif"/>"> urlvalue="/images/bottomcenter.gif"/>> urlvalue="/images/bottomright.gif"/>">
[
]
4.3.2购书者查阅书籍界面
学生前台答题模块是用户正常登录以后进行的一个答题模块,包括“我的成绩统计管理”模块和“进入考试模块”。
用先前已经注册好的一个用户进行登录,如输入用户名:
孙,输入密码:
123,这样成功登录后就进入了前台答题模块(listBookStore.JSP)。
点击“查询以往考试成绩”,进入“我的成绩统计”模块(my_report.JSP),这个模块的功能是记录用户的基本信息和用户的考试成绩信息。
1.“图书列表”模块的界面设计(图4-2):
图4-2listBookStore.JSP页面
此页的功能代码如下所示:
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"
%>
<%@taglibprefix="s"uri="/struts-tags"%>
<%@taglibprefix="c"uri="/WEB-INF/c.tld"%>
textname="bookStore.title"/>
urlvalue='/js/validate.js'/>'>
textname="bookStore.title"/>
actionerror/> fielderror/>
textname="bookStore.id"/>
textname="bookStore.name"/>
textname="bookStore.price"/>
textname="bookStore.quantity"/>
textname="bookStore.oper"/>
iteratorid="book"value="#session.books"> urlvalue="/member/addOrderLine.action"> url>"> propertyvalue="#book.id"/>"> propertyvalue="id"/> propertyvalue="#book.name"/> propertyvalue="#book.price"/> textname="bookStore.buy"/>">
iterator>
urlvalue="/member/listCart.jsp"> url>'"value=" textname="bookStore.listCart"/>"> urlvalue="/member/listOrder.action"> url>'"value=" textname="bookStore.listOrder"/>"> urlvalue="/member/preOrder.action"> url>'"value=" textname="bookStore.submitOrder"/>">
2.查看购物车主要界面设计(图4-3):
图4-3listCart.JSP页面
用户注册登陆后浏览书籍并进行订购,当订购后可以查看购物车中所购书籍。
其功能代码如下所示:
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"
%>
<%@taglibprefix="s"uri="/struts-tags"%>
<%@taglibprefix="c"uri="/WEB-INF/c.tld"%>
textname="shoppingCart.list"/>
textname="shoppingCart.title"/>
actionerror/> fielderror/>
bordercolor="FFDC75"cellpadding="3"cellspacing="3"> textname="bookStore.id"/> textname="bookStore.name"/> textname="bookStore.price"/> textname="bookStore.quantity"/> textname="bookStore.oper"/>
iteratorid="line"value="#session.cart.orderlines"> pushvalue="#line.book"> method="post"action=" urlvalue="/member/editOrderLine.action"> url>"> propertyvalue="id"/>"/> propertyvalue="#line.num"/>"/> propertyvalue="id"/> propertyvalue="name"/> propertyvalue="price"/> propertyvalue="#line.num"/>"size="4"maxlength="4"onblur="num.value=this.value;"> value=" textname="shoppingCart.clear"/>" onclick="document.location='/bookshop/member/delOrderLine.action? lineid= propertyvalue="id"/>'"/> textname="shoppingCart.update"/>"/> push>
iterator>
textname="shoppingCart.total"/>
color="red">RMB propertyvalue="#session.cart.cost"/>
value=" textname="shoppingCart.clearCart"/>"> urlvalue='/showAllBook.action'/>'"value=" textname="shoppingCart.continueBuy"/>"> value=" textname="shoppingCart.submitOrder"/>">
4.3.3购书者订单历史查看及提交订单界面
1.“订单历史查看”模块的界面设计(图4-4):
图4-2listOrder.JSP页面
此页面代码如下:
<%@
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- structs 网上 购物 系统 详细 设计 说明书 源文件