需求背景
1.易久批商城项目官网,用于做商品展示---C端,(后期从性能的角度来讲考虑做ssr)
2.运营人员使用--商城管理系统---B端
用于官网商品信息的编辑
3.平台管理员使用的管理系统----后台
主要用于官网模块的管理以及购买和浏览数据的统计
模块设计
核心数据结构
- 每个组件尽量符合 vnode 规范
- 用数组来组织数据,有序
- 尽量使用引用关系,不要冗余
- 通过单一数据源存储所有的数据,其他的组件全部通过索引。
数据结构示例
{
shopList: {
title: '商品列表',
setting: {}, // 一些可能的配置项 扩展性保证
props: {}, // 页面的一些设置 扩展性保证
components: [
{
id: '1',
tag: 'shopComponents',
attrs: {
isShow:true,
name:'商品名字',
amount:,"商品销量",
price:"商品价格"
},
children: []
},
{
id: '2',
tag: 'shopComponents',
attrs: {
isShow:false,
name:'商品名字',
amount:,"商品销量",
price:"商品价格"
},
children: []
},
],
selectId: "xxxxxx" //选中的商品id
}
}
数据关系流转
一个核心: B端、C端和管理后台都共用一个数据库。
扩展性保证
扩展组件
扩展页面信息
研发提效
脚手架:创建、发布
组件平台:减少编写重复代码的时间,对业务组件进行抽象
运维保障
线上服务和运维服务
安全
监控和报警
服务扩展性:基于云服务,可以随时扩展机器配置。