
详细设计说明书
1. 界面设计
1.1 界面布局设计
系统主界面的布局如图 1.1 所示,其中系统图标及简介区对所有页面都一样,
使用人和功能菜单区根据登录人的不同而不同。选择功能菜单项后,在功能处
理区打开相应的处理页面。
图 1.1:系统主界面的布局
1.2 jsp 页面列表
根据系统要求的功能,系统包含的 JSP 文件及其他附属文件如表 1.1 所示。
表 1.1:系统包含的文件列表
序号 文件名 简要说明 目
录
1 index.jsp
主 页 面 , 采 用 框 架 技 术 , 包 含
fg_top.jsp , fg_down.jsp 和
fg_left.jsp
系
统
根

目
录
下
2 index.jsp
登录成功后的第一个欢迎功能界
面(修改 fg_left.jsp)
3 fg_one.jsp
找回密码,输入会员账号
4 fg_two.jsp
根据输入会员账号判断是否输入
找回密码的问题答案
5 fg_three.jsp
根据输入答案是否正确判断时候
修改密码
6 fg_for.jsp
判断修改密码是否成功
7 loginOut.jsp
退出登录的临时页面
8 connection.jsp
判断用户是否为空
9 fg-afficheSelect.jsp
前台选择公告
10 fg-checkMemberResult.jsp
用户登录结果
11 fg-goodSelectOne.jsp
选择某一商品查看详细信息
12 fg-memberRegister.jsp
注册会员
13 fg-selectBigGoods.jsp
通过大类别查询商品
14 fg-selectFreeGoods.jsp
查询特价商品
15 fg-selectNewGoods.jsp
查询新品
16 fg-selectSearchGoods.jsp
搜索需要的商品
17 fg-updateMember.jsp
会员修改自己密码
18 cart_add.jsp
增加购物车中的商品
19 cart_checkOut.jsp
收银结账
20 cart_checkOutOrder.jsp
产生订单编号
21 cart_clear.jsp
删除购物车
22 cart_detail.jsp
购物车中的详细信息
23 cart_modify.jsp
修改购物车中商品数目
24 cart_see.jsp
显示购物车的信息
25 bg-afficheContent.jsp
后台某条公告详细信息
26 bg-afficheInsert.jsp
后台添加公告
27 bg-afficheSelect.jsp
后台所有公告
28 bg-afficheUpdate.jsp
修改公告信息
29 bg-bigTypeInsert.jsp
添加大类型商品
30 bg-bigTypeSelect.jsp
所有大类商品信息
31 bg-checkMemberResult.jsp
后台登录结果
32 bg-down.jsp
后台底部,和 fg_down.jsp 一样
33 bg-goodInsert.jsp
增加商品
34 bg-goodSelectBig.jsp
通过大类别名称查询
36 bg-goodSelectContent.jsp
查看商品的详细情况
37 bg-goodSelectSmall.jsp
按小类别查询商品
38 bg-goodsFreePirce.jsp
设置特价商品
39 bg-goodsMarkSelect.jsp
按特价商品查询
40 bg-goodsResult.jsp
添加商品结果
41 bg-land.jsp
后台登录界面

42 bg-landResult.jsp
登录结果
43 bg-linkInsert.jsp
增加友情链接
44 bg-linkSelect.jsp
友情链接信息
45 bg-managerInsert.jsp
增加管理员
46 bg-managerSelect.jsp
管理员信息
47 bg-managerUpdatePassword.jsp
管理员修改密码结果
48 bg-orderContent.jsp
订单的详细信息
49 bg-orderSelect.jsp
所有订单的信息
50 bg-resultMember.jsp
对会员的修改
51 bg-resultTen.jsp
产品销售排行
52 bg-selectContent.jsp
查看会员的详细情况
53 bg-selectMember.jsp
所有会员信息的查询
54 bg-smallTypeInsert.jsp
增加小类别商品
55 bg-smallTypeSelect.jsp
所有小类别商品的查询
1.3 前台显示页面说明
1. index.jsp、fg_top.jsp、fg_down.jsp、fg_left.jsp
index.jsp 页面是系统主界面,包含显示商品的详细信息,位于右下方 。
fg_left.jsp 显示登录用户信息及功能菜单,包括登录后的欢迎信息,位于左方 。
fg_top.jsp 是 logo 以及导航条信息。打开 index.jsp 页面时,当点击需要登录才会
显示的信息时,系统提示登录。
2. fg_left.jsp
登录页面。

3. fg-memberRegister.jsp
注册用户的页面
4. fg_one.jsp
找回密码
5. fg-updateMember.jsp 会员修改自己信息。

6. cart_see.jsp
查看自己购物车信息
7. cart_checkOutOrder.jsp
在购物车收银结账。
- 1
- 2
前往页