Jeecg-boot 开发挖坑日记01 Jeecg-Boot是个什么鬼?

这段时间公司有一个项目是用 Jeecg-Boot 开发的,管理平台部分就分配到我这边了。这段时间看了下他们官方的文档,感觉文档有点少,感觉之后大部分时间都要和这个东西杠上了。 _yogwang 2019.10.10 15:28

what is the fuxk jeecg-boot?

Jeecg-boot

Java RAD framework for enterprise web applications

基于代码生成器的 JAVA 快速开发平台,采用前后端分离架构:

  • SpringBoot 2.x
  • Ant Design&Vue
  • Mybatis
  • Shiro
  • JWT

界面截图

代码生成器让前后端代码一键生成,无需写任何代码,绝对是全栈开发福音!! (现在看来前端开发者的大坑 - yogwang/2019.10.17)

JeecgBoot 的宗旨是提高 UI 能力的同时,降低前后分离的开发成本,(后端确实是很喜欢)

获取项目

1
2
git clone https://github.com/zhangdaiscott/jeecg-boot.git
cd jeecg-boot/ant-design-jeecg-vue

前端部分

基于 Ant Design of Vue 实现的 Ant Design Pro Vue 版

开发环境和依赖

  • node
  • Ant-Design-Vue 1.x
  • Vue Cli 3.x
  • Vue 2.x
  • Vue router
  • Vuex 3.x
  • Axios
  • Vue-cropper
  • @antv/g2
  • Viser-vue
  • vue-print-nb
  • less
  • eslint
  • webpack

简而言之就是 Java 端生成前台 vue 页面(默认增删改查功能,以及弹出框和抽屉页形式的编辑页)。
然后自己把生成的页面移动到 Views 目录下,并在 UI 界面添加路由(vue-router)。

组件库使用的是 Ant-Design-Vue,我觉得最坑的部分就是这里。

Day1:卧槽这是啥?点点看。卧槽..真特么删掉了啊!!老子的测试数据….

然后 JeecgBoot 自己混入的方式抽取了共通 JS,比如生成 Vue 页面时候的增删改查,在 @/mxins 下的 JeecgListMixin.js


后边会陆陆续续更新一些开发过程中卡壳的问题,有些会很沙雕,有些可能是真的挖坑。

备注


我现在使用的 Jeecg-bot 在项目 README 文档最后,有这么一段。

@vue/cli 升级后,eslint 规则更新了。由于影响到全部 .vue 文件,需要逐个验证。既暂时关闭部分原本不验证的规则,后期维护时,在逐步修正这些 rules

也不知道什么时候会有修复,不过我应该是看不到了。

技术文档