Skip to content

jeelowcode/jeelowcode-ui-admin-vue3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo

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

Downloads Downloads Downloads Downloads Downloads Downloads Downloads Downloads

💻 低代码演示:demo.jeelowcode.com | 💦️ 自研工作流:flow.jeelowcode.com | ☕️ 技术社区:doc.jeelowcode.com

📱 项目简介

JeeLowCode 是一款基于SpringBoot专为企业打造的低代码开发框架,以低代码为核心,实现快速开发。提供可视化界面,拖拽组件即可搭建应用,无需复杂代码编写,极大提升开发效率。企业可免费使用,灵活适配业务需求,助力高效数字化转型,是企业降本增效的利器。

Downloads

分支 简介
master 使用jdk8 + SpringBoot2.7.18
master_jdk17 使用jdk17 + SpringBoot3.3.1

💻 代码架构

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

👥 项目关系

项目 Star 简介
JeeLowCode Gitee star GitHub stars star 基于 Spring Boot 多模块架构
jeelowcode-ui-admin-vue3 Gitee star GitHub stars star 基于 Vue3 + Element Plus + Avue 实现的后台管理

🖼️ 系统架构图

🐛 Hello World入门

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

💻 演示效果图

1. 手机端效果图:

2. 电脑端效果图:

3. 动态效果图:

🌟 框架核心亮点

1. 首页:

2. 在线表构建:

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

3. 在线统计报表:

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

4. 在线多表关联:

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

5. 在线格式化字段显示:

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

6. 在线排序设置:

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

7. 在线租户数据权限配置:

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

8. 广泛数据库兼容:

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

9. 在线表单设计:

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

10. 丰富完善的示例:

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

11. 100+常用模板:

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

📥 启动步骤

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

1. 后台JAVA代码运行步骤

环境配置

运行环境:JDK1.8

开发工具: Idea、Maven

默认已启动中间件:(推荐使用宝塔)Mysql8.0RedisMinio

第一步:下载JeelowCode项目并导入IDEA中
第二步:导入数据库文件到mysql中,并修改项目的数据库以及redis配置
第三步:根据示例配置好对应数据库,刷新Maven,再进行Complie编译,启动项目

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

访问地址

👏 微信交流群/合作

微信交流群(添加时备注:进群) 官方公众号

📋 提交规范

[init] 初始化  
[feat] 增加新功能  
[fix] 修复问题/BUG  
[perf] 优化/性能提升  
[refactor] 重构  
[revert] 撤销修改  
[style] 代码风格相关无影响运行结果的  
[update] 其他修改  
[upgrade] 升级版本

🔗 文章收录

About

JeeLowCode前端模块,基于 Vue3 + Element Plus + Avue 实现

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •