架构设计文档

docs/pages/666/01-架构方案设计文档.md

@@ -0,0 +1,72 @@
+# 架构设计v1.0
+## 1.需求
+[需求文档](https://www.yuque.com/books/share/af79538c-09eb-4ddd-bfb7-599816c233bf)
+## 2.模块设计
+
+### 编辑器C端
+**使用者**: 公司运营人员
+
+**主要功能**: 作品制作及管理,模板制作及管理,账户注册及登录等等
+
+### 编辑器B端
+**使用者**: 作品受众
+
+**主要功能**: 作品浏览,作品分享,数据收集等
+
+### 管理后台
+**使用者**: 管理员
+**主要功能**: 作品管理,模块管理,用户管理,数据统计分析等等
+
+### 组件库
+**使用者**: 开发人员
+**主要功能**: 组件开发及维护
+
+### 示意图
+![](.\images\01.png)
+
+## 3.数据结构
+- 数据应使用vnode结构
+- vuex store数据结构
+```js
+{
+    work: {
+        title: {},
+        setting: {},
+        components: [
+            {
+                id: 1,
+                name: '',
+                tag: 'text',
+                attrs: {},
+                content: '',
+                children: []
+            }
+        ],
+        activeComponentId: 1
+    }
+}
+```
+- 通过计算属性计算当前图层
+```js
+{
+    layers() => {
+        return  store.work.components.map(item => {
+            {
+                id: item.id,
+                name: item.name
+            }
+        })
+    }
+}
+```
+## 4.扩展
+- 扩展组件
+- 扩展编辑器功能
+- 扩展页面功能
+- 扩展数据库表
+## 5.开发提效
+- 脚手架: 创建,发布组件
+- 组件平台 维护基本构建单元,减少重复代码编写
+## 6.运维保障
+- 监控和报警
+- 安全性