Jeecgboot
项目介绍
Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。 是在 Vben-Admin 基础上研发的,适合于Jeecgboot的新版前端VUE3框架。
当前版本 :v1.0.0 | 2021-03-21 新版特性全新的VUE3技术栈,不只追赶技术潮流,更兼备大型项目优势。 提供了详细的零基础入门视频,不懂vue3的也可快速入门。 非在Vue2版上简单升级,而是完全重写,力求每行代码的精美。 源码下载
切换Vue3路由: http://vue3.jeecg.com/2671576
Github: https://github.com/Jeecgboot/Jeecgboot-vue3 https://github.com/Jeecgboot/jeecg-boot
码云:https://gitee.com/jeecg/Jeecgboot-vue3 https://gitee.com/jeecg/jeecg-boot 技术文档官方网站: http://www.jeecg.com 在线演示:http://boot3.jeecg.com 开发文档:http://vue3.jeecg.com 代码生成:http://vue3.jeecg.com/2677352 入门视频:Jeecgboot-Vue3 零基础入门视频教程_哔哩哔哩_bilibili
安装与使用Get the project code git clone https://github.com/Jeecgboot/Jeecgboot-vue3.gitInstallation dependencies cd Jeecgboot-vue3 yarn installrun yarn servebuild yarn build功能模块
Vue3版已实现了系统管理、系统监控、报表、各种组件、前端权限、GUI代码生成 等平台基础模块(Online表单、Online报表尚未发布) 首页 首页(四套首页满足不同场景需求) 工作台 系统管理 用户管理 角色管理 菜单管理 权限设置(支持按钮权限、数据权限) 表单权限(控制字段禁用、隐藏) 部门管理 我的部门(二级管理员) 字典管理 分类字典 系统公告 职务管理 通讯录 对象存储 多租户管理 系统监控 网关路由配置(gateway) 定时任务 数据源管理 系统日志 消息中心(支持短信、邮件、微信推送等等) 数据日志(记录数据快照,可对比快照,查看数据变更情况) 系统通知 SQL监控 性能监控 监控 Redis Tomcat jvm 服务器信息 请求追踪 磁盘监控 消息中心 我的消息 消息管理 模板管理 积木报表设计器 报表示例 曲线图 饼状图 柱状图 折线图 面积图 雷达图 仪表图 进度条 排名列表 等等 大屏模板 作战指挥中心大屏 物流服务中心大屏 代码生成器(GUI) 代码生成器功能(一键生成前后端代码,生成后无需修改直接用,绝对是后端开发福音) 代码生成器模板(提供4套模板,分别支持单表和一对多模型,不同风格选择) 代码生成器模板(生成代码,自带excel导入导出) 查询过滤器(查询逻辑无需编码,系统根据页面配置自动生成) 高级查询器(弹窗自动组合查询条件) Excel导入导出工具集成(支持单表,一对多 导入导出) 平台移动自适应支持 常用示例 自定义组件示例 JVxeTable示例(ERP行业复杂排版效果) 单表模型例子 一对多模型例子 打印例子 一对多内嵌示例 异步树Table 图片拖拽排序 图片翻页 图片预览 PDF预览 封装通用组件 行编辑表格JVxeTable 省略显示组件 时间控件 高级查询 (未实现) 用户选择组件 报表组件封装 字典组件 下拉多选组件 选人组件 选部门组件 通过部门选人组件 封装曲线、柱状图、饼状图、折线图等等报表的组件(经过封装,使用简单) 在线code编辑器 上传文件组件 树列表组件 表单禁用组件 等等 更多页面模板 Mock示例(子菜单很多) 页面&导航(子菜单很多) 组件&功能(子菜单很多) 高级功能 支持微前端 提供CAS单点登录 集成Websocket消息通知机制 支持第三方登录(QQ、钉钉、微信等) 系统编码规则 Online在线开发(尚未实现) Online在线表单 Online代码生成器 Online在线报表 更多功能开发中…入门必备
本项目需要一定前端基础知识,请确保掌握 Vue 的基础知识,以便能处理一些常见的问题。 建议在开发前先学一下以下内容,提前了解和学习这些知识,会对项目理解非常有帮助。Vue3 文档:「链接」
TypeScript:https://www.typescriptlang.org Vue-router:https://next.router.vuejs.org Ant-Design-Vue:Ant Design Vue
Vben文档:https://vvbin.cn/doc-next Es6:https://es6.ruanyifeng.com Vitejs:https://vitejs.dev Pinia(vuex替代方案)「链接」
Vue-RFCS:https://github.com/vuejs/rfcs Vue2迁移到3:「链接」
系统效果
浏览器支持
本地开发 推荐使用 Chrome 最新版 浏览器,不支持 Chrome 80 以下版本。
生产环境 支持现代浏览器,不支持 IE。