基于vue3完成领域模型架构建设

0 阅读1分钟

基于vue3完成领域模型架构建设

image.png

1、模板页(dashboard)

(1)通过设置mode,不同的模板类型对应不一样的模板数据结构。

其中可对模版设置:模版类型、模版名称、模版描述、模版图标、首页地址、头部菜单(menu)

(2)头部菜单(menu)

可对菜单menu设置:key(菜单唯一描述)、name(菜单名称)、menuType(菜单类型 枚举值 group/module)

(3)当menuType为group时 可设置subMenu

subMenu为子菜单可无限递归

(4)当menuType为module时,可设置 moduleType

moduleType模块类型,枚举值: sider/iframe/custom/schema

(5)当mouduleType为sider时,可填siderConfig

siderConfig为左侧菜单配置, //可递归menuItem(除了moduleType==sider)

(6)当mouduleType为iframe时,可填iframeConfig

iframeConfig: {
path: ''//iframe路径
},

(7)当mouduleType为custom时,可填customConfig

customConfig: {
path: ''//自定义路由路径
},

(8)当mouduleType为schema时,可填schemaConfig

schemaConfig包含api(数据源API(遵循RESTFUL规范))、schema(板块数据结构)、tableConfig(table相关配置)、searchConfig(search-bar相关配置)、components(动态组件相关配置createForm、editForm、detailPanel)

f1a67149cb56e23a39946f9d6a51e66.jpg

二.图解

领域模型基类的继承规则

project下面的各种子项目会继承其对应的model.js的配置,

规则如下:
因为project继承model,所以需要处理修改和新增内容的情况
project有的键值,model也有=>修改(重载)
project有的键值,model没有=>新增
model有的键值,project没有=>保留(继承)

拓展性

绿色部分能有效的自行拓展,对用常规单表可以直接使用modeuleType="schema"直接生成常规 的管理系统页面,这样能减少80% crud的工作量