项目简介
Quasar Sika Design Admin 是一个基于 Quasar 和 Spring Boot 的企业级中后台管理系统解决方案,提供开箱即用的企业级应用模板,可帮助开发者基于设计规范和基础组件,快速构建高质量的企业级中后台产品。
项目的主要特性和功能
前端
- 基于 Ant Design 体系精心设计,提供一致用户体验。
- 支持多种常见设计模式,简化开发流程。
- 采用 Quasar、Vue、Echarts 等前沿技术,确保技术先进性。
- 响应式设计,在不同屏幕大小设备上均可良好显示。
- 可配置主题,满足多样化品牌诉求。
- 具备良好工程实践,有助于持续产出高质量代码。
后端
- 代码风格统一、简洁规范,易于维护。
- 提供基础组件抽象,减少重复代码。
- 通过代码规范约束,确保代码质量。
- 采用领域驱动设计(DDD),通过上下文对象和执行者实现业务逻辑分离。
- 拥有完整代码生成器,新模块基础功能零开发,提高开发效率。
安装使用步骤
环境准备
需确保安装以下环境和工具: - Node.js - 推荐使用 Yarn 包管理工具 - Webpack(前端构建工具) - Eslint(代码检查工具) - Vue CLI(Vue 项目脚手架工具) - Quasar CLI(Quasar 框架命令行工具)
项目下载和运行
- 拉取项目代码:
bash cd quasar-sika-design
- 安装依赖:
bash yarn install
- 开发模式运行:
bash quasar dev
- 编译项目:
bash quasar build
- 代码检查和修复:
bash yarn run lint
启动步骤
- 启动后端服务:找到
QuasarSikaDesignServerApplication
并直接运行。 - 启动前端开发服务器:运行
quasar dev
启动前端开发服务器。
其他说明
- 项目使用的 Quasar CLI 需为新版,建议学习 Quasar CLI 官方文档。
- 若需关闭 Eslint,可移除
package.json
中的eslintConfig
节点,并将vue.config.js
中的lintOnSave
值改为false
。
浏览器兼容
支持 Chrome for Android >= 87、Firefox for Android >= 83、Android >= 81、Chrome >= 77、Edge >= 84、Firefox >= 74、iOS >= 10.3、Opera >= 68、Safari >= 11 等浏览器。
技术选型
后端技术
| 技术 | 官网 | 备注 | | --- | --- | --- | | Spring Framework | http://projects.spring.io/spring-framework/ | 容器 | | Spring Boot | https://spring.io/projects/spring-boot/ | 不解释 | | Apache Shiro | http://shiro.apache.org/ | 安全框架 | | MyBatis | http://www.mybatis.org/mybatis-3/zh/index.html | ORM框架 | | MyBatis Plus | https://mp.baomidou.com/ | ORM增强框架 | | ShardingSphere | https://shardingsphere.apache.org/ | 分库分表组件 | | Redis | https://redis.io/ | 分布式缓存数据库 | | Log4J | http://logging.apache.org/log4j/1.2/ | 日志组件 | | FastJson | https://mvnrepository.com/artifact/com.alibaba/fastjson/ | JSON序列化和反序列化组件 | | Lombok | https://www.projectlombok.org/ | 简化Java代码组件 | | Hutool | http://hutool.mydoc.io/ | 符合国人习惯的工具组件 |
前端技术
| 技术 | 官网 | 备注 | | --- | --- | --- | | Vue | https://cn.vuejs.org/ | 渐进式JavaScript 框架 | | Quasar | http://www.quasarchs.com/ | 基于Vue实现的前端UI框架 | | Echarts | https://echarts.apache.org/zh/index.html/ | 基于 JavaScript 的开源可视化图表库 | | Lodash | https://www.lodashjs.com/ | 一致性、模块化、高性能的 JavaScript 实用工具库 |
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】