基于Vue和Quasar的前端SPA项目模块管理
#回顾

通过上一篇文章对基于Vue和Quasar的前端SPA项目动态表单的介绍,可以通过配置零代码实现表单管理功能。但是并不是所有的表格都是分类的,表格多了就不方便找了。因此,本文主要介绍表单模块管理的相关内容。
#简介
属于同一类型的表单可以添加到同一模块中。例如,字典相关表创建“字典”模块,用户相关表创建“用户管理”模块。该模块直接显示在主页上,用户可以快速操作相应的表单。
#UI界面
显示主页模块和表单链接。
#表单配置

通过数据库的逆向方式,以动态形式管理物理元数据表ca_meta_table。可以使用动态表单的功能查询数据,但是不能修改。为了避免误操作,该属性被设置为只读。
模块行和模块之间是一对多的关系,模块行和表之间是多对一的关系。
#模块配置
字典增加了三个省、市、区的三表。
#核心代码

#描述
表单配置完成后,自动生成api,直接通过模块api获取后台数据。首页显示模块,每个模块都可以折叠。
#代码
async load data { try { const modules = await table service . list;对于{模块[i]。expanded = true} this.modules =模块;} catch { console.error}}
获取模块数据
业务数据
{{item.name}}


