JeeSite 快速开发平台
官方网站
    • 平台简介
    • 架构特点
    • 技术选型
    • 功能介绍
    • 安装部署
    • 常见问题
    • 目录结构
    • 更新日志
    • Vue 文档
    • BPM 文档
    • Cloud 文档
V4 演示
Vue 演示
💖联系
  • 我要提意见、文档纠错
  • JeeSite 代码库, 请⭐Star关注
  • JeeSite Vue 代码库, 请⭐关注
  • Spring Cloud 微服务架构
  • JeeSite 手机端/移动端
  • Flowable 中国式工作流
  • OAauth2 统一认证服务器
  • 政务内外网环境中间件
  • 访问 ThinkGem 官方博客
  • 点击进入,下拉查看动态
官方网站
    • 平台简介
    • 架构特点
    • 技术选型
    • 功能介绍
    • 安装部署
    • 常见问题
    • 目录结构
    • 更新日志
    • Vue 文档
    • BPM 文档
    • Cloud 文档
V4 演示
Vue 演示
💖联系
  • 我要提意见、文档纠错
  • JeeSite 代码库, 请⭐Star关注
  • JeeSite Vue 代码库, 请⭐关注
  • Spring Cloud 微服务架构
  • JeeSite 手机端/移动端
  • Flowable 中国式工作流
  • OAauth2 统一认证服务器
  • 政务内外网环境中间件
  • 访问 ThinkGem 官方博客
  • 点击进入,下拉查看动态
  • 快速了解

  • 开发手册

  • 前后分离

    • Vue 分离版本介绍
      • 1、介绍
      • 2、设计特点
      • 3、演示地址
      • 4、软件截图
    • 快速开始、安装部署
    • 配置参数、主题配置
    • 前端权限、按钮权限
    • 源码解析、表单列表
    • BasicForm 表单组件
    • BasicTable 表格组件
    • 常用组件库、Hooks
    • 图标 Icon Svg 组件
    • 国际化、多语言
    • Less CSS 样式库
    • 引入外部依赖
    • 分离版 ★ 常见问题 ★
  • 功能专题

  • 云服务架构

  • 技术服务与支持

JeeSite Vue 前后分离、版本介绍、设计特点

# 1、介绍

基于 Vue3、Vite、Ant-Design-Vue、TypeScript、Vue Vben Admin,最先进的技术栈,让初学者能够更快的入门并投入到团队开发中去。包括模块如:组织机构、角色用户、菜单授权、数据权限、系统参数等。强大的组件封装,数据驱动视图。为微小中大型项目的开发,提供现成的开箱解决方案及丰富的示例。

在 Vben Admin 基础上做的改进:

  • 更精致的界面细节优化改进,非常适合信息化管理后台
  • 主题风格改进,不同的布局风格,菜单及权限体验优化
  • 顶部菜单、分隔菜单、混合菜单的活动状态激活和加载优化改进
  • 树表支持异步的封装,提升展开折叠性能,支持按层次展开折叠树表
  • 树结构新增快捷刷新、动态生成树、层次独立和不独立的数据返回兼容
  • 增加左树右表功能展示,可折叠左树,树组件增加默认图标
  • 表单组件适应各种数据格式来源,特别是多选字符串到数组的互转兼容
  • 表单新增各种便捷属性和表单组件,下拉框和树选择支持标签名回显
  • 表单组件,改进折叠表单 Action 的算法,智能化布局
  • 表格组件,Action 更多,支持横向显示操作,更方便
  • 表格组件,子表编辑改进,表格列排序和重置改进优化
  • 新增字典组件,支持展示到表格列、表单组件下拉框单选框等
  • 字典标签支持 Tag、Badge、自定义 class、style 等,显示风格
  • 更方便的支持 Tab 页面的缓存,切换页签的时候不重载页面内容
  • Tab 页签界面美化、图标显示、任何标签上右键,可快速刷新等等
  • 全局 Axios 改进,兼容各种数据格式,超时消息提醒改进
  • 功能权限鉴权改进,并兼容本地路由和后台路由同时使用
  • 等等各种细节改进,体验优化,黑暗布局细节优化
  • Vue端完全开源,用上你就会爱上,实在太方便了

# 2、设计特点

定义众多组件,非常贴心的组件属性及小功能,符合 JeeSite 以往的设计思想。

列表和表单以数据驱动视图,极大简化了业务功能开发,注释分解详见【源码解析】

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

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

# 3、演示地址

  1. 地址:http://vue.jeesite.com/ (opens new window)

# 4、软件截图















进入 JeeSite 源码仓库页面,点击右上角 ⭐ Star 加星关注。

← ★ 常见问题 ★ 快速开始、安装部署→

联系我们:s.jeesite.com  |  微信号:jeesitex  |  邮箱:jeesite@163.com
© 2013-2023 济南卓源软件有限公司 版权所有 | Theme Vdoing

关注 JeeSite 公众号,了解最新动态

  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式