电商购物网站 - 详细设计

yck 发布于2019-06-26 17:16 / 1069人阅读

摘要：用户注册模块的设计与实现注册模块功能设计介绍功能本模块主要用于新用户注册，用户通过表单提供用户名和密码信息，系统根据用户提供的注册信息对用户进行具体操作。如果身份合法，则用户可进入商品页面。

1、用户注册模块的设计与实现

注册模块功能设计介绍

功能：本模块主要用于新用户注册，用户通过表单提供用户名和密码信息，系统根据用户提供的注册信息对用户进行具体操作。

输入操作：用户名、密码、确认密码。

对应处理：

输入注册信息：在页面提供的表单处输入用户的用户名和密码信息，点击“注册”按钮提交表单数据信息。已注册用户，可点击“登录”按钮，进入登录页面。

用户注册身份验证：连接数据库，以输入的“用户名”数据为查询条件来查看输入用户名是否已存在，如果用户名未注册，则提示注册成功并转到登录页进行登录，如果用户已注册，则给出用户已存在提示并重新注册。

2、用户注册界面草图

注册界面

用户注册界面草图如下：

3、用户登录模块的设计与实现

登录模块设计与实现

功能：本模块主要用于对用户身份进行鉴别。用户通过表单提供用户名和密码信息，系统根据用户提供的登录信息对用户进行查询鉴别。如果身份合法，则用户可进入商品页面。

输入操作：用户名、密码。

对应处理：

输入用户的登录信息：在页面提供的表单处输入用户的用户名和密码信息，点击“登录”按钮提交表单数据信息。也可点击“注册”按钮，注册新用户。

用户身份进行验证：连接数据库，打开user集合，检验用户登录信息。以输入的“用户名”数据为查询条件来查看用户是否存在，如果存在，继续检验其输入密码是否正确，密码和用户名都正确，则进入商品展示页面；如果用户名不存在或密码不正确，则给出相应的提示。

4、用户登录界面草图

登录界面草图

用户登录界面草图如下：

5、商品界面介绍和草图

商品页面介绍

商品页呢，我们主要来展示商品，用户登录成功之后将会跳入商品页，可对所有商品进行查看，每个商品信息的内容包括：商品名称、商品图片、商品价格，用户可浏览也可将其加入购物车。

页面草图如下所示：

6、购物车界面介绍和草图

商品页面介绍

关于购物车页面，主要展示用户已购买的商品，包括商品的信息、价格、数量，当然用户可以对其中商品进行增加、减少、删除操作，最后，用户可选择对其中商品进行结算，选择结算后，会提示相应的付款金额。

页面草图如下所示：

服务器托管私有云电商网站设计史上最详细跨境电商erp 数据仓库详细设计电商mysql高可用设计

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/19013.html

电商系统设计之商品[番外篇]

摘要：前言这是电商系统设计系列在商品设计这块的最后一篇文章。电商系统商品相关的文章已经到了尾声如果有其他商品相关的文章需要编写可以私信联系我毕竟我也是公司员工写这些文章并不是我的工作，只是记录我的职业生涯。 showImg(https://segmentfault.com/img/bVbePdh?w=1260&h=628); 前言这是电商系统设计系列在商品设计这块的最后一篇文章。以下是其他...

crossoverJie 2019-07-01 10:26 评论0 收藏0
电商购物网站 - 需求与设计

摘要：登录之后，用户可以对相关商品进行选购并添加到购物车。结构划分项目主要分为以下几大模块注册模块，登录模块，商品模块购物车模块结算模块。购物车模块对相关商品进行增加减少删除操作。结算模块对购物车内已选择商品进行结算。 1、功能介绍用户可以完成注册、登录，登录后对商品进行浏览。登录之后，用户可以对相关商品进行选购并添加到购物车。用户可以对购物车里面的商品进行增加、减少、删除操作。用...

Anshiii 2019-06-26 17:16 评论0 收藏0
电商系统设计之用户系统

摘要：致谢感谢你们看到这里，下一篇我会讲一下关于电商系统的商品设计的部分。 showImg(https://segmentfault.com/img/bVbclTs?w=500&h=329); 电商大伙每天都在用，类似某猫，某狗等。电商系统设计看似复杂又很简单，看似简单又很复杂本章适合初级工程师及中级工程师细看，大佬请随意前言设计以以下为工具讲起 PHP为开发语言基于Laravel框...

lindroid 2019-07-01 10:08 评论0 收藏0
无线页面加速解决方案-AMP

摘要：特点是与年月推出的一个开源的，移动端页面加速解决方案。仅运行加速动画移动端动画优化主要方案。缓存缓存页面，加速文档请求相应。参考资料中文文档如何提升性能，来自的移动页面优化方案关于谷歌的，你需要知道这些浏览器渲染页面过程与页面优化 showImg(https://segmentfault.com/img/bVbfUVe?w=394&h=219); AMP在国内应该很少有人接触得到，今天...

wangxinarhat 2019-08-23 11:29 评论0 收藏0
无线页面加速解决方案-AMP

摘要：特点是与年月推出的一个开源的，移动端页面加速解决方案。仅运行加速动画移动端动画优化主要方案。缓存缓存页面，加速文档请求相应。参考资料中文文档如何提升性能，来自的移动页面优化方案关于谷歌的，你需要知道这些浏览器渲染页面过程与页面优化 showImg(https://segmentfault.com/img/bVbfUVe?w=394&h=219); AMP在国内应该很少有人接触得到，今天...

tianlai 2019-08-05 14:49 评论0 收藏0