开源项目管理

核心提示基于Vue和Quasar的前端SPA项目实战之模块管理#回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之动态表单 的介绍,通过配置的方式可以零代码实现表单管理功能,但是所有表单都没有分类,如果表单数量很多的情况下不方便查

基于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}}

 
友情链接
鄂ICP备19019357号-22