2022年网上商城概要设计 .pdf

《2022年网上商城概要设计 .pdf》由会员分享，可在线阅读，更多相关《2022年网上商城概要设计 .pdf（19页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、界面设计一 “首页展示”界面高级搜索按钮：用户输入信息，点击搜索，跳转到搜索结果页面1. 登录，注册模块 : 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 19 页 - - - - - - - - - 用户输入会员信息，点击登录，跳转到登录页面；用户点击注册，跳转到注册页面2. 商品分类模块 : 用户点击不同的分类，分别跳转到不同的分类页面。3. 今日热卖模块 : 展示热卖商品的图片及基本信息。4. 名家推荐模块：名师资料总结 - - -精品资料欢迎下载 - - - -

2、 - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 19 页 - - - - - - - - - 展示名家推荐的商品及基本信息。5. 新品上市模块：展示各季新品及一些基本信息。6. 今日特价模块：展示今日的特价商品及其基本信息：7. 商城服务模块：列出基本的配送方式，特色服务，售后服务，常见问题和商城信息。8. 相关链接模块：列出一些常见的链接信息。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 19 页 -

3、 - - - - - - - - 二“用户注册”界面用户注册页面名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 19 页 - - - - - - - - - 用户中心页面1. 个人信息模块：显示个人基本信息（只读）2. 个人资料修改链接：跳转到个人资料修改页面3. 我的购物车链接：跳转到我的购物车界面4. 已购买宝贝连接：在信息显示区显示已购买到的宝贝5. 我的订单链接：在信息显示区显示用户已生成的订单名师资料总结 - - -精品资料欢迎下载 - - - - - - -

4、- - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 19 页 - - - - - - - - - 个人资料修改页面1. Id:为只读，不能修改2. 确认按钮：更改用户的个人资料3. 取消按钮：返回个人中心页面名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 19 页 - - - - - - - - - 三“商品分类搜索”界面1. 商品分类搜索下拉菜单中包括所有的商品大类2. “所有分类 /服饰”为连接，可以返回上一级分类3.

5、 “找到相关产品 10 件” ：点击搜索按钮后，查询数据酷，显示找到的相关产品数量名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 19 页 - - - - - - - - - 4. “小雷类型复选框”：显示大类下面的小磊5.“搜索按钮”：点击搜索按钮，根据所有的类别和关键字在下面的商品列表中显示相关商品的信息四 “商品展示”界面1. 商品名称，图片：添加商品的名称和图片2. 价格，分类，购买数量，颜色：添加商品的基本信息3立即购买按钮：跳转到购买页面3. 加入购物车按钮：

6、跳转到购物车页面名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 19 页 - - - - - - - - - 五 “购物车”界面1.加入购物车成功页面2.购物车页面说明：1. 若未登录而直接在首页点击进入我的购物车，则会出现提示用户未登录，请登录的提示2. 点击退出则用户名退出，进入首页界面3. 商品名称里面包括商品的图片和商品展示的链接4. 商品数量为 text格式，直接修改数量5. 点继续购物进入首页6. 点清空购物车则购物车里面所有信息清为0 7. 点去结算进入付款

7、界面。并生成订单号名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 19 页 - - - - - - - - - 六 “付款”界面1.提交订单界面从购物车结算跳转到此界面，在此界面选择/编辑收货信息，选择支付和配送方式，点击提交订单按钮，生成订单，跳到付款界面。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 19 页 - - - - - - - -

8、- 2.付款界面此界面显示订单信息，点击付款按钮完成付款。3.付款成功此界面有退出功能和继续购物。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 19 页 - - - - - - - - - 七 “商品分类管理”界面1、下图为商品类别的添加：（1）、把商品添加到已存在的合适的类别当中（2）、对已存在的类别可以进行增删改查名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - -

9、- 第 12 页，共 19 页 - - - - - - - - - 2、商品分类的插入，点击男装，进入如图所示男装商品插入页面，插入商品id 和name ，点击提交，完成信息的插入。3、点击商品分类页面中的插入链接，进入如图所示商品类别插入页面，在大类中添加新大类别 id ，在小类别中添加新的小类别id ，点击确定进行插入。插入成功后跳转到商品分类页面。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 19 页 - - - - - - - - - 4、点击商品分类页面中的

10、删除链接，进入如图所示商品类别删除页面，在大类中删除已存在大类别id ，在小类别中删除已存在小类别id ，点击提交完成删除。删除成功后跳转到商品分类页面。5、如图为类别查找页面， 选择对应的大类，则每个大类后面有不同的小类可以选择，比如选择服饰，后面有男装、女装、童装3 个小类可以查看；选择箱包，则后面有女包、男包儿童背包可供查看。点击搜索，进入商品展示页面。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 19 页 - - - - - - - - - 八 “商品管理”界

11、面1 商品增加管理：商品增加管理包括两个按钮：所属类别的下拉按钮和“提交”按钮。商品增加成功后跳转到商品列表页面。2 商品删除管理：商品删除管理直接在商品管理下的商品列表下删除，操作方面有一个复选框选择操作，按钮有“搜索”和“提交”两个按钮，删除成功后跳转到商品列表页面。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 19 页 - - - - - - - - - 3 商品修改管理：商品修改管理包括两个按钮：所属类别的下拉按钮和“提交”按钮。商品修改成功后跳转到商品列表页

12、面。九 “权限与角色管理”界面1.首先是管理员登陆成功界面：登陆成功之后可以显示管理员的基本信息。2.需要修改管理员信息的可以点击管理员信息修改按钮对管理员的基本信息进行修改，因为信息刚显示出来时是不可以修改的。修改之后可以按提交按钮将修改后的信息提交到数据库。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页，共 19 页 - - - - - - - - - 3.点按钮将跳转到商品信息管理界面。4.点按钮将打开用户角色管理页面打开。如下，如果不想让用户拥有哪些角色就将那些角色

13、选中并删除就行。如果想为用户添加哪些角色，就在全部角色列表中选中要添加的角色，把要添加的角色添加给用户。5.点按钮将跳转到角色管理界面。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 17 页，共 19 页 - - - - - - - - - 首先选择要管理的角色。选住要删除的权限，点按钮将不用的权限删除。其次，点权限添加按钮将跳转到界面然后选择将要添加的权限， 选择好之后点击添加按钮将跳转到角色管理界面，并将要添加的权限加到角色上。再次点击将跳转到角色和权限对应表页面。如下名师资料

14、总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 18 页，共 19 页 - - - - - - - - - 对角色和权限的对应关系不太了解的可以用这个界面查看。6. 点击按钮，将打开权限管理页面，如下需要添加权限时就点击添加按钮系统自动生成一行。需要删除的权限请选择好，然后点击删除按钮就行，点击提交按钮将最终结果提交给数据库。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 19 页，共 19 页 - - - - - - - - -