EasyCode-JavaScript

使用对象

CRUD过多的管理页面项目,EasyCode借助nodejs访问数据库的能力,一键让你生成code.

使用

下载

github下载使用

https://github.com/chendonmin...

编译运行使用

  1. clone

    git clone git@github.com:chendonming/easycode-javascript.git
  2. 安装依赖

    yarn
  3. 编译运行
    没有xxx的话,这一步很难成功...

    yarn electron-build

开始

连接数据库

使用快捷键ctrl+n或者通过菜单按钮connection->连接数据库
image.png

填好对应信息,勾上复选框,下次进来就不用了再填表单了。

选择CRUD信息

image.png
如图,填上数据名和表名后,会查询出该表的信息。

其中:

insert代表新增表单时的显示字段
search代表搜索查询时显示的字段
query代表Table表格显示的字段

选择模板

image.png
有预设的Ejs模板,或者也可以选择自己的Ejs模板。

生成

image.png
点击生成按钮,成功生成代码。

点击用vscode打开,可以看到代码已经生成完毕!

image.png

关于模板

如何自定义模板

在Ejs中我已经注入了一些变量:

insertList: Array<Field> // 新增字段集合
queryList: Array<Field> // 查询字段集合
searchList: Array<Field> // 搜索字段集合
suffix: string // 后缀
templateName: string // 模板地址
_: Object // lodash对象, 可以在ejs中使用lodash!!

字段信息如下:

Collation: string,
Comment: string, // 注释
Default: string, // 默认值
Field: string, // 字段名
Key: string, // 键名
Null: string, // 是否可为空
Privileges: string, // 权限
Type: string // 类型

理论上只要是可以依据数据库生成的,都能生成!

利用好原生JavaScriptlodash可以完成任何代码,不论是以后的vue3,还是reactangular,都能通过EasyCode-Javascript生成,毕竟逻辑是写在Ejs模板里的

数据是死的,模板是活的

后续工作

  • 自然Java等后端语言的自动生成后面也是会跟上的。
  • 多数据库,方言能力得加上

最后的最后

使用的过程中遇到什么不舒服的点,请一定要告诉我https://github.com/chendonmin...

希望能得到各位的意见,希望EasyCode-JavaScript能更完善


陈东民
2.1k 声望269 粉丝

坚持自我 纯粹的技术