GfEasy:一款设计完数据库就开发完成的系统,摸鱼神器

jasonLaw1015 · · 962 次点击 · · 开始浏览    

 

低代码开发、急速CRUD

降低学习成本,只要会设计数据库就可玩转本系统

遇到功能修改,往往只需一两行代码即可实现

留出更多的时间去摸鱼神器

开源、基于MIT协议

喜欢的话,欢迎给个star

 

https://github.com/jasonLaw1015/GfEasy
或者
https://gitee.com/jasonlaw1015/GfEasy

一、开发环境准备


1.1、克隆仓库&配置开发环境

 

打开
https://github.com/jasonLaw1015/GfEasy
或者
https://gitee.com/jasonlaw1015/GfEasy

 

根据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、点击开始生成代码

生成完毕后。


你会在之前配置1配置的目录下有一套这样的代码文件

前端:
src/cool/modules/genCode/views
src/cool/modules/genCode/service
src/cool/modules/genCode/dict

后端:
router
app/controller
app/model
app/service

自定义逻辑,你找到对应的文件加上逻辑即可。

 

这是生成的界面,有各种筛选功能、导出功能、CRUD功能

 

 

三、进阶使用

 

3.1、修改字段组件

根据生成的代码,个性化处理下系统CRUD

完成下图的要求

 

对应的前端代码是

src/cool/modules/genCode/views/demoGo.vue

 

只要把上图的红色框框里代码,改成下图代码可实现自己的需求

 

首先副标题改成富文本形式,类型类型改成select形式

按照上面修改,就可达到下图效果。前端就那么简单,仅仅修改json数组就可完成

 

 

3.2、新增字段方式

3.2.1、可以数据库增加字段,然后代码生成器重新生成

可以参考“二、开始开发”

 

3.2.2、可以数据库增加字段,再代码修改

 

代码修改也是改一两行的代码即可,简单快捷

数据库增加

testName 字段

然后在前端的src/cool/modules/genCode/views/demoGo.vue文件

修改upsert和table,其中upsert是增加修改时表单的选项,table是表格字段显示

upsert增加个testName

如图

表格数据,如下图

 

3.2.3、后端修改

仅仅需要修改下app/model/DemoGoModel/DemoGo.go的Entity、AddReqParams、UpdateReqParams即可

 

 

 

后端修改完成

 

是不是很容易,实现功能增加,就改几行代码即可

 

注意:复杂的逻辑可能还要修改下service和controller

 

3.2.3、完成

 

写完…

 

为了摸鱼

 

这个已经减轻了大量的代码ctr+c|v。遇到复杂逻辑的实现,你就努力的敲代码吧


有疑问加站长微信联系(非本文作者)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:701969077

962 次点击  ∙  1 赞  
加入收藏 微博
被以下专栏收入,发现更多相似内容
1 回复  |  直到 2021-09-22 10:06:05
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传