当前位置: 首页 > Web前端 > vue.js

《免费开源》基于Vue和Quasar前端SPA项目crudapi后台管理系统实战模块管理(十四)

时间:2023-03-31 23:47:49 vue.js

基于Vue和Quasar前端SPA项目实战模块管理(十四)复习通过上一篇基于Vue和Quasar的前端SPA项目实战之动态表单介绍(五)。通过配置,可以零代码实现表单管理功能,但所有表单不分类。如果表单较多,查找起来不方便,所以本文主要介绍表单模块管理相关的内容。简介属于同一类型的表单可以添加到同一模块中。比如为字典相关的表创建“字典”模块,为用户相关的表创建“用户管理”模块。模块直接显示在首页,用户可以快速操作相应的表单。UI界面首页展示模块和表单链接表单配置采用数据库反向方式,通过动态表单管理元数据物理表ca_meta_table。您可以使用动态表单功能查询数据,但不能修改数据。为了避免误操作,将这里的属性设置为只读。模块和模块行是一对多的关系,模块行和表是多对一的关系。模块配置字典模块,添加省、市、区三张表。核心代码显示,配置好表单后,自动生成api,直接通过模块api获取后台数据。首页显示模块,每个模块都可以折叠。代码asyncloadData(){try{constmodules=awaittableService.list("module",0,9999,null,null,null);for(leti=0;i业务数据{{item.name}}{{moduleLine.table.caption}}{{moduleLine.table.name}}

页面绘制小结本文主要介绍表单的模块化管理,配置用户管理、文件、以及词典等模块,优化首页布局,使用更方便快捷。crudapi介绍crudapi是crud+api的组合,即增删改查接口。它是一种零代码可配置产品。使用crudapi可以告别枯燥的代码增删改查,让您更专注于业务,节省大量成本,提高工作效率。Crudapi的目标是让数据处理变得更容易,而且它对所有人免费!无需编程,通过配置自动生成增删改查CRUD的RESTfulAPI,提供后台UI管理业务数据。基于主流开源框架,拥有自主知识产权,支持二次开发。该demo展示了crudapi是一个产品级的零代码平台。不同于自动代码生成器,它不需要生成Controller、Service、Repository、Entity等业务代码。该程序可以在运行时使用。真正的0代码可以覆盖基础的和业务无关的CRUDRESTfulAPI。官网地址:https://crudapi.cn测试地址:https://demo.crudapi.cn/crudapi/login附源码地址GitHub地址https://github.com/crudapi/crudapi-admin-webGitee地址https://gitee.com/crudapi/crudapi-admin-web由于网络原因,GitHub可能会比较慢,改成访问Gitee即可,代码会同步更新。