jeelowcode ui admin vue3

前往俱乐部获取内测资格

在线轻松驾驭99.99%编程挑战

1.项目简介

JeeLowCode 是一款基于芋道源码（ruoyi-vue-pro）精心二次封装的企业级低代码开发框架。在探索市场上众多低代码平台时，我们发现它们不仅价格昂贵，而且功能上往往不尽人意，难以仅通过简单的界面配置就满足我们的开发需求。在这样的背景下，寻找一款既免费又稳定，同时易于使用的全开源低代码开发平台变得尤为困难。JeeLowCode 正是为了填补这一市场空缺而诞生的。

2.在线体验

体验地址：http://demo.jeelowcode.com

社区地址：http://doc.jeelowcode.com

启动文档：http://doc.jeelowcode.com/doc/1-5

视频教程：http://doc.jeelowcode.com/doc/1-6

3.代码架构

com.jeelowcode  
    ├── jeelowcode-admin                     // 启动模块
    ├── jeelowcode-code                      // JeelowCode核心模块
    ├── jeelowcode-dependencies              // 项目版本依赖模块
    ├── jeelowcode-framework                 // 功能模块
    │       └── jeelowcode-excel             // Excel导入导出模块
    │       └── jeelowcode-exception         // 自定义异常模块
    │       └── jeelowcode-plus              // SQL/DDL 语构建模块
    │       └── jeelowcode-tenant            // 租户模块
    │       └── jeelowcode-utils             // 工具类模块
    ├── jeelowcode-module                    // 个人业务相关
    │       └── jeelowcode-module-api        // 个人业务模块API
    │       └── jeelowcode-module-biz        // 个人业务业务
    ├── yudao-framework                      // 芋道核心模块
    ├── yudao-module                         // 芋道核心模块

4.项目关系

后端项目

项目	Star	简介
JeeLowCode		基于 Spring Boot 多模块架构

前端项目

项目	Star	简介
jeelowcode-ui-admin-vue3		基于 Vue3 + Element Plus + Avue 实现的后台管理

5.系统架构图

6.Hello World入门

只需要4步带你了解低代码JeeLowCode

7.演示效果图

7.1 手机端效果图：

7.2 电脑端效果图：

7.3 动态效果图：

8.框架核心亮点

8.1 首页：

8.2 在线表构建：

通过图形用户界面直观地创建数据表，一旦创建完成，即刻享有增、删、改、查、数据导入和导出的全面功能，操作简便，效率倍增。

8.3 在线统计报表：

只需配置简单的SQL语句，即可迅速生成包括柱状图、折线图、饼图以及卡片视图在内的多样化统计报表，直观展现数据分析结果。

8.4 在线多表关联：

利用界面化的灵活配置，实现多表关联的直观展示，确保所见即所得的数据处理体验。

8.5 在线格式化字段显示：

为满足界面字段合并显示需求，提供三种简捷处理方法：数据库层面的SQL函数拼接，查询时的SQL字符串合并，以及应用层的Java代码处理。选择适合的方法以优化性能和灵活性。

8.6 在线排序设置：

通过拖放操作，用户可以直观地设置初始化数据的排序规则。

8.7 在线租户数据权限配置：

提供在线配置工具，轻松实现租户级别的数据权限设定，确保数据访问的安全性和合规性，提升多租户场景下的应用灵活性。JeeLowCode以其卓越的灵活性、高效性和易用性，成为加速数字化转型、驱动业务创新的理想选择。

8.8 广泛数据库兼容：

数据库	是否支持
MySql	支持
Oracle11g	支持
PostgreSQL	支持
达梦	支持

8.9 在线表单设计：

提供丰富多样的控件，全面支持各类页面的开发需求。

8.10 丰富完善的示例：

丰富完善的示例，便于用户快速学习和上手

8.11 100+常用模板：

提供了丰富多样的常用页面模板，以便开发者能够迅速采纳和应用。

9.启动步骤

温馨提示： JDK、Maven、Node等可以从网盘下载
百度网盘地址：https://pan.baidu.com/s/1ICmHRlrRYzBkx87zoRuqvQ?pwd=1234
阿里云盘地址：https://www.alipan.com/s/X4kF7Hshuc2

9.1 后台JAVA代码运行步骤

环境配置

运行环境：JDK1.8

开发工具： Idea、Maven

默认已启动中间件：（推荐使用宝塔）Mysql8.0、Redis、Minio

第一步：下载JeelowCode项目并导入IDEA中

第二步：导入数据库文件到mysql中，并修改项目的数据库以及redis配置

第三步：根据示例配置好对应数据库，刷新Maven,再进行Complie编译,启动项目

9.2 前端VUE代码运行步骤：

后台运行环境： node18.0.0

开发工具： VsCode

第一步：检查本地Node环境

第二步：安装PNPM

第三步：使用PNPM安装项目依赖

第四步：配置项目后台地址

第五步：启动项目

第一步：检查本地环境：Node.js: 18.0.0

第二步：安装PNPM，提升依赖的安装速度

1.先配置NPM仓库

npm config set registry https://registry.npmmirror.com

2.安装PNPM

npm install -g pnpm

第三步：安装依赖

进 入项目目录，执行

pnpm install

第四步：配置后台地址

修改项目根目录下文件.env.dev中的请求路径为本地后台地址

VITE_BASE_URL='http://127.0.0.1:48080'

第五步:启动项目

pnpm run dev-server

访问地址

技术交流（广告勿扰）：

JeeLowCode客服（添加时备注：进群）	JeeLowCode公众号