# zealsay_front **Repository Path**: prefectcodeman/zealsay_front ## Basic Information - **Project Name**: zealsay_front - **Description**: 使用vue服务端渲染nuxt.js构建的基于vuetify样式风格的快速开发脚手架前端,主要整合vuex,axios,vue-router,nuxt-auth等组件 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: https://beta.zealsay.com - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 10 - **Created**: 2020-09-03 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

Vue logo

![vue 2.x](https://img.shields.io/badge/vue-2.x-brightgreen.svg) ![nuxt 2.12.2](https://img.shields.io/badge/nuxt-2.12.2-ff69b4.svg) ![vuetify 2.3.1](https://img.shields.io/badge/vuetify-2.x-green) ![License MIT](https://img.shields.io/badge/license-MIT-green.svg) [![Build Status](https://travis-ci.com/GodLikeZeal/zealsay_front.svg?branch=master)](https://travis-ci.com/GodLikeZeal/zealsay_front) [![](https://img.shields.io/docker/stars/zealsay/zealsay_front.svg)](https://hub.docker.com/r/zealsay/zealsay_front 'DockerHub') [![](https://img.shields.io/docker/pulls/zealsay/zealsay_front.svg)](https://hub.docker.com/r/zealsay/zealsay_front 'DockerHub') [![](https://img.shields.io/github/downloads/GodLikeZeal/zealsay_front/total.svg)](https://img.shields.io/github/downloads/GodLikeZeal/zealsay_front/total 'Github')

------ ### 介绍 🚀 zealsay是一套前后端分离的快速开发脚手架,抽取一些常用的解决方案,以快,轻为主,打造出一个开箱即用的轻应用脚手架。 🍰 后台基于`Spring Boot`,主体采用`Spring Security`和`Mybatis-Plus`。 🧀 前端采用基于`Vue`的服务端渲染解决方案`Nuxt`,样式风格基于`Vuetify`这款优秀的`MD`风格样式库。 ### 开发指南 - [zealsay轻应用开发文档](https://docs.zealsay.com) 🚀 🚀 🚀 正在快马加鞭完善中... > 📖 文档的项目在 [zealsay_docs](https://gitee.com/GodLikeZeal/zealsay_docs) ,暂时放到国内的gitee,大家有更完善的文档或建议可以 Pull Request 或 Issues 给我。 ### 在线体验 - [后台管理体验](https://beta.zealsay.com/admin/dashboard) 管理员账号:admin 密码:abc123 - [接口文档管理](https://dev-api.zealsay.com/doc.html) 授权用户名: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示意图 ![devops](https://pan.zealsay.com/2020080609191416000000.png "devops") ### 内置功能 - 用户登录注册 - 博客端首页展示 - 友链展示 - 关于页面展示 - 分类查询分页 - 后台Dashbord - 用户管理 - 角色管理 - 文章管理 - 图片上传和头像裁剪上传 - 标签云管理 - 数据字典配置 - 站点信息配置 > 更多细节功能可以前往在线体验站点体验,更多功能正在火速🔥🔥🔥开发中... ### 开源协议 - 📚 本项目遵循MIT开源协议,可以学习,可以商用,可以二次开发。 - 📖 如果对本项目进行二次开源,请保留作者信息。 ### 关于 - 🍓 欢迎关注作者 [博客](https://blog.zealsay.com),也是基于`zealsay`开发的,后期会分享一些开发心得。 - 🍉 作者是一名后台开发者,接触前端时间并不长,项目有不足之处和不合理的地方还请海涵。 - 关于优化和好的建议,也欢迎联系作者和提issue。同时也欢迎大家PR 👏👏👏 - 开发不易,来来回回的优化,占用了我几乎所有业余时间,希望各位大佬喜欢本项目的话,不吝顺手右上角 star 以示支持❤️❤️❤️,你们的支持是我坚持下去的最大动力。爱你们😍😍😍 ### 交流群 - 作者学习计划一直排的挺满的并且还有自己的工作,写这个纯是业余爱好,所以可能会出现维护更新和回答不及时的情况。 - 如果回复不及时,欢迎加入zealsay交流群一起交流和学习,群号:189361484 Sample ### 鸣谢 - 感谢开发神器[Mybatis-Plus](https://mp.baomidou.com/) - 感谢dto转换工具[Mapstruct](https://github.com/mapstruct/mapstruct) - 感谢友好的swagger ui插件[knife4j](https://gitee.com/xiaoym/knife4j) - 😘😘 感谢前端妹子[jinjinyike](https://github.com/jinjinyike)的帮助。 - ❤️❤️❤️️️ 兜兜里有糖。 - 作为一位后台开发者,也是在坚持学习前端,挺喜欢vue的,希望各位前端大佬不吝赐教,我也学习学习写前端代码的正确姿势,使用nuxt,踩了不少坑,后面会写一些博客记录下那些年,开发nuxt踩过的坑。 ### 部分页面预览 ![20200706183003](https://pan.zealsay.com/mweb/2020070615940322923732.jpg) ![20200706183137](https://pan.zealsay.com/mweb/2020070615940322923766.jpg) ![20200706183301](https://pan.zealsay.com/mweb/2020070615940322923789.jpg) ![20200706183421](https://pan.zealsay.com/mweb/2020070615940322923809.jpg) ![20200706183608](https://pan.zealsay.com/mweb/2020070615940322923825.jpg) ![20200706183645](https://pan.zealsay.com/mweb/2020070615940322923835.jpg) ![20200706183725](https://pan.zealsay.com/mweb/2020070615940322923847.jpg) ![20200706184105](https://pan.zealsay.com/mweb/2020070615940322923858.jpg) ![20200706184217](https://pan.zealsay.com/mweb/2020070615940322923869.jpg) ![20200706184231](https://pan.zealsay.com/mweb/2020070615940322923881.jpg)