【Spring + Vue前后端分离】可商用的开源后台管理框架软件eladmin剖析

【Spring + Vue】开源后台管理框架软件eladmin剖析

  • 一、背景介绍
  • 二、项目介绍
  • 三、项目结构
    • 3.1 后端目录结构
    • 3.2 前端目录结构
  • 四、开发一个新的模块
  • 五、几点思考
  • 六、番外篇
    • 6.1 JPA
      • 6.1.1 JPA是啥
      • 6.1.2 JPA能干啥
      • 6.1.3 JPA注意点

一、背景介绍

前面做过一个类似的项目,使用组件进行前端页面的开发,整个项目前后端没有解耦。这次想换个开发方式,将前后端进行分离开发。期间学习了,扩充了技术栈,形成了后端 + 前端的一个技术能力。有了技术能力后,就需要进行历练,毕竟学而不思则罔,方法就是通过开发一个后台管理系统来丰富自己做项目的经验,提升技术能力。

开发的后台管理系统是基于某个行业进行数字化、信息化。管理系统分为通用模块和特色模块,通用模块指的是系统的一些管理功能,如菜单管理、用户管理、角色管理等,这些通用的模块属于重复造轮子的工作。特色模块就是系统本身要满足的业务需求,即在某个行业的某个方向上的功能。

当然,既然有重复的内容,工作就不会从零开始,而是将大多数时间用在业务模块的开发上。因此可以依托一个开源的后台管理模块作为基础,进行二次开发。

因此在GitHub上搜索关键词 ,通过检索星最多的项目,就找到了该项目。

【Spring + Vue前后端分离】可商用的开源后台管理框架软件eladmin剖析
该图的打开方式是:system文件夹 -> 右键点击Maven -> Show Diagram -> Project Modules。快捷键是 。
布局根据自己喜好来定,笔者选择的是继承组布局。
【Spring + Vue前后端分离】可商用的开源后台管理框架软件eladmin剖析

四、开发一个新的模块

笔者在根目录下新建一个名为的maven模块,通过该软件提供的代码生成功能生成一个测试界面,并在菜单中显示。效果如下图所示。

【Spring + Vue前后端分离】可商用的开源后台管理框架软件eladmin剖析
具体开发步骤参见eladmin官方文档——代码生成。

五、几点思考

  1. 知识需要补充,框架原理至少搞懂,应用多看项目里的例子;
  2. 前端 组件学习,和蚂蚁组件相似,组件都差不多;
  3. 软件设计一定讲究解耦、模块化,方便扩展、管理。

六、番外篇

6.1 JPA

6.1.1 JPA是啥

是JPA的中心抽象对象。模型类domain class和序号ID是其类型参数。以接口C为例,6个简单的函数能够看出JPA的强大,不需要写任何SQL即可完成复杂的数据操作功能。大家有兴趣地去官网看看介绍文档,写的很容易理解。

这玩意说简单点就是通过接口中的方法名自动生成底层SQL语句完成对数据库的操作。当然,你必须按照他的命名规范进行写方法名。

改造数据表ID变化策略为UUID,做到全局唯一。

一对一、一对多、多对多,三种关系表的处理。

6.1.2 JPA能干啥

不需要写SQL语句,直接通过操作Bean对象,完成对数据库的操作。
JPA换库很简单,直接换源就可以完成换库,不需要重写SQL。

6.1.3 JPA注意点

  1. 命名
    对数据库表和字段的命名使用下划线_进行分割,框架会根据实体驼峰属性自动转换到数据库表带下划线_的字段。

文章知识点与官方知识档案匹配,可进一步学习相关知识Java技能树首页概览92081 人正在系统学习中 进可攻前端,退可守后端。

【Spring + Vue前后端分离】可商用的开源后台管理框架软件eladmin剖析 微信名片 【Spring + Vue前后端分离】可商用的开源后台管理框架软件eladmin剖析

来源:追寻上飞

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年6月8日
下一篇 2022年6月8日

相关推荐