推荐一个基于nuxt.js和springboot的前后端分离的脚

u=2451219885,3897029502&fm=26&gp=0.jpg

前言

第一次发帖，好紧张啊，有没有潜规则，用不用脱啊，该怎么说啊，打多少字才显的有文采啊，我写的这么好会不会太招遥，写的这么深奥别人会不会看不懂啊，好激动啊，怎么才能装成是经常发帖的样子，好紧张啊。

背景

目前有很多优秀的开源java EE开发框架，在各自的场景都发挥着很重要的作用，想当初在ssm框架横行的年代，也帮助了包括我在内的很多小白，在刚开始的时候，有一个好用的开发框架真的是事半功倍，不过java web发展至今，从jsp,servlet,ssh,ssm,以及发展到现在的spring boot和spring cloud,技术的更新换代很快，开发方式也很快，随着前后端分离的开发模式普及，前端工程师的职位也越来越重要，而市面上三大前端框架的出现，也让前端程序员涨了一波工资，现在有一个问题是，在找别人的开源java快速开发框架的时候，或多或少会遇到以下问题：

1. 框架使用的技术栈稍微老旧（相对我来讲），有些还在用ssm或ssh，甚至也有使用jsp或freemaker模板等并没有前后端分离。
2. 功能太少不能满足需求，有些功能比较遗憾，但是二次开发复杂。
3. 界面老旧不好看，我感觉可能是后台程序猿的通病，对界面没啥要求。
4. 二次开发困难，文档少或没有，代码注释少。
5. 开源协议不支持商用。
6. 不更新或者不再维护。 因此，我决定自己写一个快速开发的脚手架，整合一些常用的功能模块，封装一些常用的组件，搭配高颜值的UI，让编程不再是一件难事，让你的界面赏心悦目，让你有更多的时间去陪陪家人和孩子。 俗话说，没有最好的技术，只有最适合自己的技术。

初衷

如果以下场景能引起你的共鸣：

1. 如果你的项目追求最新的技术栈，核心框架为基于spring boot，mybatis-plus,spring sercurity等技术栈。
2. 如果你喜欢在代码中使用java 8的新特性lambda``stream还有optional等。
3. 如果你也喜欢异步编程。
4. 如果你期望脚手架功能有用户登录注册，第三方登录，角色管理，数据字典，权限配置，参数校验等。
5. 如果你前端追求的技术栈是vue,vuex,axios,nuxt的话。
6. 如果你对千篇一律的Element UI审美疲劳，而对Material Design风格情有独钟的话。
7. 如果你期望你的网站能够响应式，并且最好还支持多种设备访问。
8. 如果你想集成travis-ci来实现持续集成和自动部署的话。

那么不妨来试一试zealsay款基于springboot和vue,nuxt快速开发脚手架吧,它一定能带给你不一样的体验

选型

其实选型真是一个挺考验人的过程，抛去一些个人偏好的话，还需要理性分析具体场景最为合适的技术。

后台方面

• Spring Boot 2.1.6
• Spring Security
• Spring Validation(参数校验优雅自如)
• jwt (JSON Web Token)
• jasypt 加密（没什么卵用，主要用来加密敏感数据，避免开源时候暴露了各种access_key,access_secret之类）
• mapstruct (对象映射，各种dto和entity转化利器)
• Mybatis + Mybatis Plus (持久层开发利器)
• Swagger 以及swagger bootstrap-ui (api文档在线生成)
• Redis (用户登陆token,mybatis二级缓存)
• Hikari (高性能连接池)
• Undertow(高性能服务器容器，告别tomcat和jetty)
• Logback (日志记录)
• Junit Test (单元测试)
• 第三方SDK或服务
  • 七牛云对象云存储
  • Github第三方登录
  • Hitokoto 一言接口
  • 阿里云短信服务
  • 邮箱Email服务

前端方面

• Vue (前端炙手可热的三大框架之一)
• Nuxt (vue服务端渲染框架，封装了axios等，只需简单配置即可起步)
• nuxt-auth (nuxt权限控制组件)
• Vuetify (基于Material Design风格规范优美的主题，国内目前用的好像还挺少)
• Vuex (全局状态管理)
• Vue-Router (路由管理)
• axios (axios请求)
• eslint (格式化)
• sass (sass样式语法)
• vue-chartist (表格插件)
• vue-scroll-reveal(滚动动画)
• vue-concise-slider(vue漂亮轮播)
• mdi/font (mdi字体和图标)
• sweetalert2 (优美的弹窗)
• vue-cropper (图片裁剪)
• mavon-editor (md编辑器)
• xss（防xss攻击）

体验地址

zeasay轻应用开发脚手架 https://beta.zealsay.com 用户名：admin 密码: abc123
一个基于zealsay开发的博客系统https://blog.zealsay.com 后台体验账号:visitor 密码:abc123

项目地址

开发不易，喜欢的童靴们希望不吝给个star支持下哦！

github:

1. 后台项目：zealsay_backend
2. 前端项目: zealsay_front
   gitee:
3. 后台项目：zealsay_backend
4. 前端项目: zealsay_front

预览截图

20200706183003
20200706183137
20200706183301
20200706183421
20200706183608
20200706183645
20200706183725
20200706184105
20200706184217
20200706184231