🎯 项目概述
🚀 核心技术栈全景解析
前端技术架构矩阵
技术领域 | 技术选型 | 核心优势 |
|---|---|---|
工程化架构 | Monorepo + Turborepo | 单仓多包管理、涡轮增压编译、统一脚本任务 |
包管理器 | pnpm | 高效的依赖管理、磁盘空间优化 |
核心框架 | Vue 3 | Composition API、TypeScript原生支持 |
构建工具 | Vite | 极速冷启动、按需编译、优化的构建性能 |
UI组件库 | Ant Design Vue | 企业级设计语言、丰富的组件生态 |
开发语言 | TypeScript | 类型安全、更好的代码维护性 |
管理模板 | Vue Vben Admin | 现代化后台管理界面、丰富的功能组件 |
后端技术架构矩阵
技术领域 | 技术选型 | 核心优势 |
|---|---|---|
核心框架 | Spring Boot | 快速开发、简化配置、丰富的生态 |
安全框架 | Shiro | 全面的安全保护、复杂的权限控制 |
数据持久化 | MyBatis | 灵活的SQL映射、高性能数据访问 |
缓存中间件 | Redis | 高性能缓存、会话管理 |
消息队列 | RabbitMQ(可选) | 异步处理、解耦系统组件 |
工作流引擎 | Flowable | 业务流程管理、可视化流程设计 |
🏗️ 架构设计深度剖析
Monorepo架构创新设计
数据驱动视图设计
<template> <BasicDrawer v-bind="$attrs" @register="registerDrawer" :title="title" width="60%"> <BasicForm @register="registerForm" /> <template #footer> <a-button type="primary" @click="submitForm">保存</a-button> </template> </BasicDrawer></template>
列表视图设计：
<template> <BasicTable @register="registerTable"> <template #toolbar> <a-button type="primary" @click="handleAdd">新增</a-button> </template> </BasicTable></template>
✨ 核心功能特性详解
1. 强大的低代码开发能力
2. 完善的权限管理系统
3. AI大模型集成能力
4. 丰富的业务功能模块
5. 国产化环境支持
🔧 安装与使用指南
环境准备
快速开始
# 安装Node.js 18+# 验证安装node -v # 配置国内源npm config set registry https://registry.npmmirror.com # 安装Pnpmnpm i -g pnpm # 验证安装pnpm -v # 配置国内源pnpm config set registry https://registry.npmmirror.com # 获取源代码git clone https://gitee.com/thinkgem/jeesite-vue.gitcd jeesite-vue # 注意：不要放到中文或带空格的目录下 # 安装依赖pnpm install # 开发环境运行访问（方式一）pnpm dev # 编译打包后运行访问（方式二）pnpm preview # 打包发布程序pnpm build
后端服务配置
# 代理设置VITE_PROXY = [["/js","http://127.0.0.1:8980/js",false]]# 访问接口的根路径VITE_GLOB_API_URL = # 访问接口的前缀VITE_GLOB_API_URL_PREFIX = /js
