SkillAgentSearch skills...

Jeesite

👍Java 低代码, 轻量级, Spring Boot, MyBatis, Flowable, TypeScript, Vue, Antdv, 包括核心模块如:组织机构、角色用户、权限授权、数据权限、内容管理、工作流、Spring Cloud 微服务等。

Install / Use

/learn @thinkgem/Jeesite
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

<p align="center"> <img alt="JeeSite" src="https://jeesite.com/assets/images/logo.png" width="120" height="120" style="margin-bottom: 10px;"> </p> <h3 align="center" style="margin:30px 0 30px;font-weight:bold;font-size:30px;"> JeeSite Vue3 前端源码<br> 使用 Turborepo、Monorepo、pnpm<br> 快速构建、模块化、代码复用、高效管理 </h3> <p align="center"> <a href="https://v3.cn.vuejs.org/" target="__blank"><img alt="TypeScript-Vue3" src="https://img.shields.io/badge/TypeScript-Vue3-green.svg"></a> <a href="https://www.antdv.com/" target="__blank"><img alt="Ant Design Vue-V4.x" src="https://img.shields.io/badge/Ant Design Vue-V4.x-brightgreen.svg"></a> <a href="https://jeesite.com" target="__blank"><img alt="JeeSite-V5.x" src="https://img.shields.io/badge/JeeSite-V5.x-blue.svg"></a> <a href="https://gitee.com/thinkgem/jeesite5" target="__blank"><img alt="star" src="https://gitee.com/thinkgem/jeesite5/badge/star.svg?theme=dark"></a> <a href="https://gitee.com/thinkgem/jeesite-vue" target="__blank"><img alt="star" src="https://gitee.com/thinkgem/jeesite-vue/badge/star.svg?theme=dark"></a> <a href="https://gitee.com/thinkgem/jeesite" target="__blank"><img alt="star" src="https://gitee.com/thinkgem/jeesite/badge/star.svg?theme=gvp"></a> <a href="https://gitcode.com/thinkgem/jeesite" target="__blank"><img alt="star" src="https://gitcode.com/thinkgem/jeesite/star/badge.svg"></a> </p>
<div align="center"> 如果你喜欢 JeeSite,请给她一个 ⭐️ Star,您的支持将是我们前行的动力。 </div>
  1. 单仓多包 pnpm + Turborepo 涡轮增压,提升编译速度,方便统一管理脚本任务
  2. 按功能模块进行拆分为不同的包,方便进行团队开发源码管理,可根据需要进行发包
  3. 模块之间松耦合,单依赖,公共模块,公共组件,公共工具,方便代码复用
  4. 可方便从传统架构版本,升级到 Monorepo 模块化、分包架构

技术交流

<p style="padding-left:40px">   <img alt="JeeSite微信公众号" src="https://jeesite.com/assets/images/mp.png" width="200"> </p>
  • QQ 群:1275158762093304832235077187095342757303900921373527183903863(外包)
  • 微信群:如果二维码过期,请尝试点击图片并F5刷新,或者添加客服微信 jeesitex 邀请您进群
<p style="padding-left:40px"><a href="https://jeesite.com/assets/images/wxg_cur.png" target="_blank">   <img alt="JeeSite微信群" src="https://jeesite.com/assets/images/wxg_cur.png" width="200"/></a> </p>

平台介绍

  • JeeSite 快速开发平台,低代码,轻量级,不仅仅是一个后台开发框架,它是一个企业级快速开发解决方案,后端基于经典组合 Spring Boot、Shiro、MyBatis,前端采用分离版 Vue3、Vite、Ant Design Vue、TypeScript、Vben Admin 最先进技术栈,或者 Beetl、Bootstrap、AdminLTE 经典开发模式。

  • 提供在线数据源管理、数据表建模、代码生成等功能,可自动创建业务模块代码工程和微服务模块代码工程,自动生成前端代码和后端代码;包括核心功能模块如:组织机构、用户、角色、岗位、管理员、权限审计、菜单及按钮权限、数据权限、模块管理、系统参数、字典管理、系统监控、数据监控等;扩展功能如:工作流引擎、内容管理、消息推送、单点登录、第三方登录、在线作业调度、对象存储、可视化数据大屏、报表设计器、在线文件预览、国际化、全文检索、统一认证服务等。

  • 本平台采用松耦合设计,真正的轻量级,微内核,快速部署,插件架构,模块增减便捷,支持扩展 SaaS 架构、集群部署、读写分离、分库分表、Spring Cloud 微服务架构;并内置了众多账号安全设置、密码策略、系统访问限制等安全解决方案,支持等保评测。

  • 本平台专注于为初级研发人员提供强大的支持,使他们能够高效、快速地开发出复杂的业务功能,同时为中高级人员腾出宝贵的时间,专注于更具战略性和创新性的任务。我们致力于让开发者能够全心投入业务逻辑中,而将繁琐的技术细节交由平台来封装处理。这不仅降低了技术实现的难度,还确保了系统架构的稳定性和安全性,进而帮助企业节省人力成本、缩短项目周期,并提高整体软件的安全性和质量。

  • 2013 年发布以来已被广大爱好者用到了企业、政府、医疗、金融、互联网等各个领域中,拥有:精良架构、易于扩展、大众思维的设计模式,工匠精神,用心打磨每一个细节,深入开发者的内心,并荣获开源中国《最受欢迎中国开源软件》多次奖项,期间也帮助了不少刚毕业的大学生,教师作为入门教材,快速的去实践。

  • 2019 年换代升级,我们结合了多年总结和经验,以及各方面的应用案例,对架构完成了一次全部重构,也纳入很多新的思想。不管是从开发者模式、底层架构、逻辑处理还是到用户界面,用户交互体验上都有很大的进步,在不忘学习成本、提高开发效率的情况下,安全方面也做和很多工作,包括:身份认证、密码策略、安全审计、日志收集等众多安全选项供您选择。努力为大中小微企业打造全方位企业级快速开发解决方案。

  • 2021 年终发布 Vue3 的前后分离版本,使得 JeeSite 拥有同一个后台服务 Web 来支撑分离版和全栈版两套前端技术栈。

  • 对接 OpenAPI、Ollama、DeepSeek 等热门 AI 大模型,凭借检索增强生成 RAG 技术,为企业知识库打造专属智能对话。

  • 提供大模型 Tool 本地工具调用及 MCP 服务端和客户端工具调用,助力大模型与您的业务深度融合,实现高效交互。

  • 支持国产化软件和硬件环境,如国产芯片、操作系统、数据库、中间件、国密算法等。

核心优势

  • JeeSite 非常易于二次开发,可控性强。整体架构清晰、技术栈稳定且先进,源代码规范严谨。所采用的均为业界通用、社区活跃的经典技术,经典技术会的人多、学习成本低、无论是维护还是扩展都十分便捷,系统安全性和稳定性也得到了充分保障。

  • JeeSite 功能全面,知识点非常多,也非常少。这看似矛盾,实则源于其“大道至简”的设计理念:功能模块和组件的设计,使用的都是一些通用的技术,通俗直观的设计风格,绝大多数开发者都能轻松掌握,所以只要掌握这些组件用法,即可高效完成业务系统的开发。

  • JeeSite 在架构设计、工具调用、操作体验、代码整洁、技术规范以及系统安全等方面投入了大量精力。这些往往属于“隐形投入”——虽然用户未必一眼可见,却对系统的稳定性、可维护性和长期发展至关重要。然而,许多产品更倾向于追求表面光鲜的界面和看似炫目的功能,不愿意在用户看不见的地方投入较多的研发经费,而忽视了这些深层次的基础建设。

  • JeeSite 是一个低代码开发平台,具备高度的封装性与出色的扩展能力。这里的“封装”并非限制您的自由,而是在提供开箱即用便捷性的同时,保留了充分的灵活性。当平台暂未覆盖某些特定功能时,JeeSite 会通过清晰的扩展接口和原生调用方式,让您轻松实现自定义需求。

  • 许多开发者都在使用 Spring 框架,并学习其优秀的设计理念——尤其是它强大的扩展机制。但试想一下:有多少人真正去修改过 Spring 的源码?即便有人这么做了,一旦框架升级,往往就会陷入兼容性困境,甚至导致系统难以维护。这样的例子屡见不鲜。

  • 正因如此,JeeSite 在设计之初就高度重视这一点:我们坚持“不侵入、可扩展”的原则,确保您在享受高效开发的同时,无需担心未来升级带来的麻烦。JeeSite 的扩展能力,正是为了帮您彻底摆脱这类后顾之忧。

  • 为什么说 JeeSite 比较易于学习?JeeSite 很好的把握了设计的 “度”,避免过度设计的情况。过度设计是在产品设计过程中忽略了产品和用户的实际需求,反而带来了不必要的复杂性,而忽略了系统的学习、开发和维护成本。

  • JeeSite 商业版基于社区版扩展,我们维护一套代码库,有效避免资源浪费和重复造轮子,不仅加速了功能迭代与优化、保障版本稳定性输出,还能快速反哺社区,推动创新与生态共赢,确保项目健康发展;即便您使用社区版,也无需担忧版本停滞及相关衍生问题。


  • 至今 JeeSite 平台架构已经非常稳定,我们持续升级,并不失架构的先进性。
  • JeeSite 精益求精,用心打磨每一个细节,界面 UI 操作便捷,体验性好。
  • JeeSite 是一个专业的平台,是一个可以让您,用着省心的平台。
  • 社区版基于 Apache License 2.0 开源协议,永久免费使用。

架构特点及安全方面的优势:https://jeesite.com/docs/feature/

Vue 前端简介

基于 Vue3、Vite、Ant-Design-Vue、TypeScript 和 Vue Vben Admin 等前沿技术栈构建,本软件采用最先进的技术架构, 帮助初学者快速上手并融入团队开发。内置组织机构、角色用户、菜单授权、数据权限、系统参数等核心模块,结合强大的组件封装 与数据驱动视图设计,为微小、中大型项目提供开箱即用的解决方案和丰富的示例,助力高效开发。

用户界面专为信息化管理后台量身打造,在界面设计上精益求精,每一处细节都彰显着精致,为用户带来优雅且直观的操作体验。 它提供多样化的菜单布局、智能的页签管理、高效的树表操作体验、强大的表格组件、灵活的表单组件设计,具备强大的扩展能力, 同时支持黑暗布局风格,为用户提供高效、灵活且美观的操作体验,满足各类管理后台的复杂需求。

支持 Turborepo + Monorepo 快速构建、模块化、代码复用、支持分包开发, 详见:https://gitee.com/thinkgem/jeesite-vue

前端技术特点

定义众多组件,非常贴心的组件属性及小功能,符合 JeeSite 以往的设计思想,列表和表单以数据驱动视图, 极大简化了业务功能开发, 注释分解详见【源码解析

为什么做数据驱动视图?前端向下兼容一直是最大的问题,有了一套相应的标准,会对框架升级帮助很大。 比如你可以非常小的成本,业务代码改动非常小的情况下,去升级前端;数据驱动视图可以为未来自定义拖拽表单做更好的铺垫, 数据存储结构更清晰化,更利于维护。

提示:请仔细阅读源码解析,表单视图和列表视图上的注释哦,支持复杂表单以及多表单联合使用。

学习准备

快速体验

在线演示

  1. 地址:http://vue.jeesite.com/

快速运行

  1. 环境准备:Docker
  2. 根据您的操作系统,选择以下对应命令一键拉取 Docker 镜像并启动 JeeSite:
  • Linux 或 macOS
docker pull crpi-u3zm0t8trv68xpyx.cn-qingdao.personal.cr.aliyuncs.com/thinkgem/jeesite:latest && docker run --name js5 -p 8980:8980 -d -v ~/jeesite-data:/data crpi-u3zm0t8trv68xpyx.cn-qingdao.personal.cr.aliyuncs.com/thinkgem/jeesite:latest && docker logs -f js5
  • Windows
cmd /c "docker pull crpi-u3zm0t8trv68xpyx.cn-qingdao.personal.cr.aliyuncs.com/thinkgem/jeesite:latest && docker run --name js5 -p 8980:8980 -d -v %USERPROFILE%\jeesite-data:/data crpi-u3zm0t8trv68xpyx.cn-qingdao.personal.cr.aliyuncs.com/thinkgem/jeesite:latest && docker logs -f js5"

容器启动后,系统数据将持久化保存在本地 ~/jeesite-data(Linux/macOS)或 %USERPROFILE%\jeesite-data(Windows)目录中。

  1. Vue分离版本地址:http://127.0.0.1:8980/vue/login
  2. 全栈版本地址:http://127.0.0.1:8980/a/login
  3. 初始登录账号:(管理员)system,密码:admin

本地编译运行

# 验证
node -v
# 配置国内源
npm config set registry https://registry.npmmirror.com
  • 如果没有安装 Pnpm 执行安装
npm i -g pnpm
# 验证
pnpm -v
# 配置国内源
pnpm config set registry https://registry.npmmirror.com
  • 获取源代码
git clone https://gitee.com/thinkgem/jeesite-vue.git
cd jeesite-vue

注意:不要放到中文或带空格的目录下。

  • 安装依赖
pnpm install
  • 开发环境运行访问(方式一)
pnpm dev

开发环境会加载文件较多,便于调试,请耐心等待。

  • 编译打包后运行访问(方式二)
pnpm preview

编译打包后,会整合这些文件,所以访问性能会大大提高,生产环境可以开启 gzip

  • 打包发布程序
pnpm build

打包完成后,会在根目录生成 dist 文件夹,发布 nginx。

详见文档:https://jeesite.com/docs/vue-install-deploy/#部署到正式服务器

安装后端服务

# 代理设置,可配置多个,不能换行,格式:[访问接口的根路径, 代理地址, 是否保持Host头]
# VITE_PROXY = [["/js","https://vue.jeesite.com/js",true]]
VITE_PROXY = [["/js","http://127.0.0.1:8980/js",false]]

# 访问接口的根路径(例如:https://vue.jeesite.com)建议为空
VITE_GLOB_API_URL = 

# 访问接口的前缀,在根路径之后
VITE_GLOB_API_URL_PREFIX = /js

如果您使用的 VSCode 的话,推荐安装以下插件:

常见问题

  • Vue 版本的浏览器支持情况:支持所有现代浏览器,Vue3 已不再支持 IE 浏览器。
  • 为什么使用抽屉作为表单组件,因为抽屉空间更大,可以展示更多内
View on GitHub
GitHub Stars8.0k
CategoryDevelopment
Updated13h ago
Forks5.6k

Languages

Vue

Security Score

95/100

Audited on Mar 29, 2026

No findings