| 关键词: 代码 修改 字段 下图 即可 增加 配置 GenCode 开发 生成 |
低代码开发、急速CRUD 遇到功能修改,往往只需一两行代码即可实现 一、开发环境准备1.1、克隆仓库&配置开发环境打开 根据readme安装本地开发环境 二、开始开发2.1、开始设计数据库2.2、打开后台系统,点击核心工具=》代码生成工具2.3、点击1、配置所需要环境参数2.4、配置以下参数注意: 生成代码的目录,是绝对地址。MAC是斜杠的最后一位字符也是/。 windows系统的是反斜杠的\。仓库的readme也有写 2.5、打开在GitHub上提供的代码生成核心部件下载下来 mac的运行不了的话,就要加权限 chmod +x GenCode-GfEasy 然后双击运行,出现下面截图即可成功 2.6、点击2、检测步骤1配置是否可用出现下图即成功 2.7、点击开始生成代码生成完毕后。
前端: 后端: 自定义逻辑,你找到对应的文件加上逻辑即可。 这是生成的界面,有各种筛选功能、导出功能、CRUD功能 三、进阶使用3.1、修改字段组件根据生成的代码,个性化处理下系统CRUD 完成下图的要求 对应的前端代码是 src/cool/modules/genCode/views/demoGo.vue 只要把上图的红色框框里代码,改成下图代码可实现自己的需求 首先副标题改成富文本形式,类型类型改成select形式 按照上面修改,就可达到下图效果。前端就那么简单,仅仅修改json数组就可完成 3.2、新增字段方式3.2.1、可以数据库增加字段,然后代码生成器重新生成可以参考“二、开始开发” 3.2.2、可以数据库增加字段,再代码修改代码修改也是改一两行的代码即可,简单快捷 数据库增加 testName 字段 然后在前端的 修改upsert和table,其中upsert是增加修改时表单的选项,table是表格字段显示 upsert增加个testName 如图 表格数据,如下图 3.2.3、后端修改仅仅需要修改下 后端修改完成 是不是很容易,实现功能增加,就改几行代码即可 注意:复杂的逻辑可能还要修改下service和controller 3.2.3、完成写完… 为了摸鱼 这个已经减轻了大量的代码ctr+c|v。遇到复杂逻辑的实现,你就努力的敲代码吧 |
| 本文出处: https://www.toutiao.com/a7009657980195062283/ |
|
声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系
[邮箱地址] 删除
|