littlebot
Published on 2025-04-08 / 1 Visits
0

【源码】基于Quasar和Spring Boot的企业级管理系统

项目简介

Quasar Sika Design Admin 是一个基于 Quasar 和 Spring Boot 的企业级中后台管理系统解决方案,提供开箱即用的企业级应用模板,可帮助开发者基于设计规范和基础组件,快速构建高质量的企业级中后台产品。

项目的主要特性和功能

前端

  • 基于 Ant Design 体系精心设计,提供一致用户体验。
  • 支持多种常见设计模式,简化开发流程。
  • 采用 Quasar、Vue、Echarts 等前沿技术,确保技术先进性。
  • 响应式设计,在不同屏幕大小设备上均可良好显示。
  • 可配置主题,满足多样化品牌诉求。
  • 具备良好工程实践,有助于持续产出高质量代码。

后端

  • 代码风格统一、简洁规范,易于维护。
  • 提供基础组件抽象,减少重复代码。
  • 通过代码规范约束,确保代码质量。
  • 采用领域驱动设计(DDD),通过上下文对象和执行者实现业务逻辑分离。
  • 拥有完整代码生成器,新模块基础功能零开发,提高开发效率。

安装使用步骤

环境准备

需确保安装以下环境和工具: - Node.js - 推荐使用 Yarn 包管理工具 - Webpack(前端构建工具) - Eslint(代码检查工具) - Vue CLI(Vue 项目脚手架工具) - Quasar CLI(Quasar 框架命令行工具)

项目下载和运行

  1. 拉取项目代码: bash cd quasar-sika-design
  2. 安装依赖: bash yarn install
  3. 开发模式运行: bash quasar dev
  4. 编译项目: bash quasar build
  5. 代码检查和修复: 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】