说明
- 因为后台管理系统的页面十分的单一,大多数情况下都是一个搜索条件+一个操作栏+一个表格,因此我们完全可以通过代码生成器来生成代码,来减少我们的copy的时间。
- 这个简易版本的代码生成器是生成纯前端代码的,用于后端接口,还未开发,但是表结构跟对应的字段已经设计好的情况下使用。
- 里面所有的参数以及引入的文件名称全自定义手动根据表字段进行输入,输入完成后,直接生成对应的文件即可,后续只需要改需要改的地方以及加入对应的业务逻辑。
先看效果图
原因
其实原因很简单,就是老板一直叫我们使用他的代码生成器,但是因为我不想用他的代码生成器(因为要写模版提供给他,耗费我的开发时间)所以我就花了2个多小时的时间,迅速做了一个简易的版本,来应付他。虽然最后的最后还是使用了他的代码生成器(迫不得已),具体为什么一定要用呢,是因为嫌弃我们开发效率低下,以为使用了他的代码生成器可以减少很多bug,这是他以为的。那么问题来了,为什么我们开发效率会低下呢,我只能说总有一些fei cai 拖后腿(懂的都懂)
当初的规划
- 支持我们大家常用的UI,比如说element 、vant啊等之类的。
- 支持css、scss等样式
- 完善生成页面的UI
- 添加对应的操作按钮事件
但是现在就只有一个基本css,跟element ui ,还有好多没有实现的地方,毕竟这个是就花2个多小时赶工赶出来的,哈哈哈哈
结尾
毕竟这个是赶工赶出来的,文章页没必针对这个生成器进行过多的代码解释啥的,我相信各位大佬们肯定比我厉害,做的比我还要好,就不嫌丑了
最终,贴上的地址:
生成器:nai-lao.github.io/codeGenerat…
github:github.com/Nai-Lao/cod…
感兴趣的兄弟们,可以用用看,如果有帮助的话,那是更好不过得,也希望有大佬可以指出改进的地方,后续如果对大家有帮助,我也会花时间继续完善这个生成器,如果有好的想法可以留言,听取并采纳意见,嘻嘻嘻。
这是本人第一篇文章,如果有表达不好的地方的话,请见谅!!!