2024年最全商城系统需求分析_商城系统数据流图(1)，前端web启动速度优化

前端资料汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点：和什么人、做什么事、给多少钱，要给这三者在自己的心里划分一个比例。
最后，祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。

文章目录

• 一、引言
• • 1.1项目背景
    • 1.2 前期工作
• 二、技术概述
• 三、功能需求
• • 3.1 功能块划分
    • 3.2 功能块描述
    • • 3.2.1 面向用户部分功能：
        • 3.2.2 后台管理部分功能：
• 四、性能需求
• • 4.1 数据精确度
    • 4.2 适应性
• 五、系统流程图
• • 5.1 顾客与管理员流程图如下
    • 5.2 订单处理流程说明
• 六、数据流图
• • 6.1数据流图如下
• 七、需求分析图

一、引言

1.1项目背景

网上购物在线网站致力于提供产品展示及订购为核心的网上购物服务宣传自己商店的产品并将自己的产品展现给客户，让客户通过网站便能对自由的选择地购买产品。

分为两个系统模块：

• 用户前台系统

该网站是通过用户注册、登录、浏览商品、按分类搜索、关键字搜索、购买、确定购买、购买等实现用户模块功能。

• 商家后台系统

1. 商品管理：品牌管理、平台属性管理、sku管理、分类管理、spu管理
2. 权限管理：用户管理、角色管理、菜单管理
3. 娱乐功能：贪吃蛇、扫雷等
4. 数据可视化功能：即收集营业额情况，门店销售情况等

1.2 前期工作

我们在编写该需求前，首先是对各大网上销售网站进行了调查，其中包括：网页排版、顾客消费流程、以及后台商家需要进行哪些操作可以更简便的操作商品，这三大块进行了调查。并总结出了有自己特色的设计思路。

二、技术概述

前端技术：将Vue2、ElementUI、html、javaScript、css、echarts等结合起来使用。

后端技术：Node.js，javaScript，SQL，npm的各种包

前后端交互：前端用axios发送请求获取后端数据，

远程代码仓库：Github、gitee

三、功能需求

3.1 功能块划分

网上商城共分两个部分，一部分是面向用户的部分，包括：顾客在线注册、购物、提交订单、付款等操作；另外一部分是商城管理部分，这部分的内容包括：产品的添加、删除、查询、订单的管理、操作员的管理、注册用户的管理等。

3.2 功能块描述

3.2.1 面向用户部分功能：

1. 进入首页

• 用户通过输入首页网址进入首页。（操作手册中要提供首页网）
• .在首页右上显示会员中心、登录、退出
• 在首页中分页显示所有商品信息、每一项商品下面都有商品详情
  和购买两个功能按钮（或链接）。（提供商品信息数据20条以上）
• 在首页左侧显示购物车简要信息和以树状图的方式商品类别
• 后台登录的用户不能进入前台

2. 商品搜索

• 进入首页后，默认分页显示所有商品。
• 用户可根据商品大类、商品小类和关键字（即商品名称）三项或组合
  查询商品。关键字模糊匹配商品名称，如果没有商品则显示“查无
  商品”。
• 查询后，保留上次查询条件。如选择了大类中的电脑，小类中的笔
  记本，输入关键字是lenovo进行查询后，条件依然存在。
• 查得商品分页显示。每一项商品下面都有详细信息和购买两个功能
  按钮（或链接）。

3. 购买商品

• 进入首页后，输入相应条件进行商品查询查得所要商品；
• 在商品列表或者商品详细信息页上点击“购买”进行购买，（如果缺
  货不能购买，总购买数量不能大于该商品的库存)。

4. 商品类别显示

• 进入首页后，在首页左侧显示商品类别：
  商品类别列表以树状图的方式显示。
• 点击树状图中类别名，可根据商品类别查询商品。

5. 显示购物车简要信息

• 进入首页后，在首页左侧显示购物车简要信息；
  简要信息可包括：购物中商品总个数，商品种类总数，总金额等：
  2用户可点“进入购物车”链接，直接进入购物车管理页：

6. 前台注册

• 在首页点击“注册”进入用户注册页。
• 在用户注册页面输入用户名、密码、确认密码、真实姓名、性别、出
  生日期、电子邮箱、电话号码、地址、邮编等信息后，点提交按钮，
  进行客户端验证，验证通过后进行注册，如注册失败提示失败原因及
  重新提交；

7. 前台用户登录

• 在首页单击登录进入登录页面。
• 输入用户名、密码、验证码后单击登录按钮，首先进行客户验证，验
  证通过后进行登录；如登录失败进行相应提示并重新登录；
• 不管登录成功与否，都记住登录的用户名，下次登录自动输入用户名。

8. 前台用户退出

• 已登录的用户在首页上单击“退出”实现登录用户的安全退出。
  只有用户登录后在网页的菜单栏才显示“退出”。
• 安全退出后，进入首页

9. 购物车管理

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。