Zealsay Front

介绍

🚀 zealsay是一套前后端分离的快速开发脚手架,抽取一些常用的解决方案,以快,轻为主,打造出一个开箱即用的轻应用脚手架。
🍰 后台基于Spring Boot,主体采用Spring Security和Mybatis-Plus。
🧀 前端采用基于Vue的服务端渲染解决方案Nuxt,样式风格基于Vuetify这款优秀的MD风格样式库。

开发指南

• zealsay轻应用开发文档 🚀 🚀 🚀 正在快马加鞭完善中...

📖 文档的项目在 zealsay_docs ，暂时放到国内的gitee,大家有更完善的文档或建议可以 Pull Request 或 Issues 给我。

在线体验

• 后台管理体验 管理员账号:admin 密码：abc123
• 接口文档管理 授权用户名：zealsay 密码: api123456

技术选型

Core

1. Framework

• node 14.5
• npm 6.14.5

2. 主框架

• Nuxt 2.12.2
• Vuetify 2.x

3. 核心模块

• nuxt-auth nuxt授权认证
• vuex全局对象管理
• nuxtjs/axios 服务请求

扩展

4. 组件

• mavon-editor 一款优秀的markdown编辑器
• sweetalert2 优秀弹窗插件
• vue-cropper图片裁剪插件
• vue-perfect-scrollbar 滚动条样式美化
• vue-scroll-reveal 内容过渡动画
• vue-typed-js 打字机效果插件
• vue-chartist 漂亮图表插件
• vue-concise-slider 轮播插件
• vue-count-to 数字增长特效
• xss 防xss攻击
• material-design-icons-iconfont mdi图标库

devops示意图

内置功能

• 用户登录注册
• 博客端首页展示
• 友链展示
• 关于页面展示
• 分类查询分页
• 后台Dashbord
• 用户管理
• 角色管理
• 文章管理
• 图片上传和头像裁剪上传
• 标签云管理
• 数据字典配置
• 站点信息配置

更多细节功能可以前往在线体验站点体验,更多功能正在火速🔥🔥🔥开发中...

开源协议

• 📚 本项目遵循MIT开源协议，完全免费，可以学习，可以商用，可以二次开发。

关于

• 🍓 欢迎关注作者 博客，也是基于zealsay开发的,后期会分享一些开发心得。
• 🍉 作者是一名后台开发者，接触前端时间并不长，项目有不足之处和不合理的地方欢迎交流一起学习成长。
• 关于优化和好的建议，也欢迎联系作者和提issue。同时也欢迎大家PR 👏👏👏
• 开发不易，来来回回的优化，占用了我几乎所有业余时间，希望各位大佬喜欢本项目的话，不吝顺手右上角 star 以示支持❤️❤️❤️，你们的支持是我坚持下去的最大动力。爱你们😍😍😍

交流群

• 作者学习计划一直排的挺满的并且还有自己的工作，写这个纯是业余爱好，所以可能会出现维护更新和回答不及时的情况。
• 如果回复不及时，欢迎加入zealsay交流群一起交流和学习，群号：189361484

鸣谢

• 感谢开发神器Mybatis-Plus
• 感谢dto转换工具Mapstruct
• 感谢友好的swagger ui插件knife4j
• 作为一位后台开发者,也是在坚持学习前端,挺喜欢vue的,希望各位前端大佬不吝赐教,我也学习学习写前端代码的正确姿势,使用nuxt,踩了不少坑,后面会写一些博客记录下那些年，开发nuxt踩过的坑。

部分页面预览