亲手撸了一个SpringBoot+Vue的企业级项目(附源码)

点击上方[全栈开发者社区]右上角[...][设为星标⭐]

简介

SpringBootVue,前后端分离,我们开源一套漂亮的代码和一套整洁的代码规范,让大家在这浮躁的代码世界里感受到一股把代码写好的清流!同时又让开发者节省大量的时间,减少加班,快乐工作,热爱生活。SmartAdmin 让你从认识到忘不了,绝对是你最想要的!

技术体系

  • 前端:Vue + Vue-Router + Vuex + ViewUI + vue-enum

  • 后端:SpringBoot2 + Mybatis-plus + jwt + druid + mysql

  • 前端代码规范smart-front-standard -guide

  • 基于阿里规范之上的后端规范smart-backend-standard-guide

演示图

前端特点

  • 高质量的代码、代码结构、和代码注释

  • 漂亮的UI,菜单栏、标签页,体验、交互更好用的员工、部门、角色、菜单管理等等

  • 优化基于Keepalive的标签页,做到标签页该缓存的时候缓存,比如左右切换等,不该缓存的时候不缓存,比如新建,表单提交结束等

  • 前端常量维护: vue-enum,拒绝出现魔法数字,代码不可维护的现象

  • 全新的基于前端的权限设计(忘掉传统的权限设计吧,已经不适合这个前端时代)

  • 基于websocket的在线人数

  • 支持一级、二级、三级菜单,四级菜单以及搜索功能

  • 其他功能:邮件、富文本、消息、系统配置等等

  • 写不完了,太多好的细节需要你的发现......

后端特点

  • 高质量的Java代码、分包结构、和代码注释

  • 业内独创的请求返回码维护,非常值得一看

  • 基于一个注解和controller的权限设计放弃更复杂的shiro,以及一套数据权限支持

  • 四层架构(controller, service, manager, dao)

  • 代码阅读性强、扩展性极高的员工、部门、角色、菜单管理

  • 基于LRU策略的内存级权限缓存

  • 配合前端vue-enum的swagger文档注解

  • 心跳服务,让你发现有哪些机器再跑,哪些人在偷偷的跑你的Job

  • 自定义的quartz job添加和修改,方便测试人员测试

  • smart-reload,为系统预留钩子,动态加载,在不重启程序前提下执行一些代码,你懂的

  • 以上只是一些举例,更多灿若繁星的惊喜和细节,等待着你的发现!

前端代码规范

  • 文件、文件夹、目录结构、组建、变量等等怎么命名

  • html、css、less等如何规范

  • vue项目目录结构如何划分

  • router和store该怎么划分扩展性更好

  • vue组件规范该选择哪些

  • 以及更多,数不胜数让你觉得实用,同时身心愉悦的规范

后端代码规范

  • 四层架构(controller, service, manager, dao) 是什么,为什么要有四层

  • 各个层的代码该怎么写才能让团队配合默契,高度一致

  • vo, bo, dto, entity ,各种javabean 怎么区分和使用

  • spring的 @Transactional 你用对了吗

  • 方法参数个数、注释、todo这些也要有规范,你遵守过吗

  • 以上举例,只是沧海一粟,更多的细节等待你的发现!

源码

https://gitee.com/lab1024/smart-admin

小结

最后感谢撸主贡献出了这么优秀的前后端分离架构的中后台项目,大家可以阅读原文支持一下,如果觉得不错可以顺手给个小星星。

觉得本文对你有帮助?请分享给更多人

关注「全栈开发者社区」加星标,提升全栈技能
本公众号会不定期给大家发福利,包括送书、学习资源等,敬请期待吧!
如果感觉推送内容不错,不妨右下角点个在看转发朋友圈或收藏,感谢支持。
好文章,我在看❤️
展开阅读全文
©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读