419 lines
13 KiB
Markdown
419 lines
13 KiB
Markdown
|
||
**【重要】 项目在等待软件著作权，软著下来后会全部开源，敬请关注Jeelowcode公众号，公众号搜索Jeelowcode关注！！！**
|
||
|
||
<p align="center">
|
||
<img alt="logo" width=200" src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/logo.png">
|
||
</p>
|
||
<h4 align="center">在线轻松驾驭99.99%编程挑战</h4>
|
||
<p align="center">
|
||
<img src="https://img.shields.io/badge/JeeLowCode-1.0.0-red.svg" alt="Downloads">
|
||
<img src="https://img.shields.io/badge/Spring%20Boot-2.7.18-yellow.svg" alt="Downloads">
|
||
<img src="https://img.shields.io/badge/Vue-3.2-blue.svg" alt="Downloads">
|
||
<img src="https://img.shields.io/badge/license-Apache 2.0-green.svg" alt="Downloads">
|
||
<img src="https://img.shields.io/badge/可商用-免费-purple.svg" alt="Downloads">
|
||
</p>
|
||
|
||
## 1.项目简介
|
||
|
||
**JeeLowCode** 是一款基于芋道源码（ruoyi-vue-pro）精心二次封装的企业级低代码开发框架。在探索市场上众多低代码平台时，我们发现它们不仅价格昂贵，而且功能上往往不尽人意，难以仅通过简单的界面配置就满足我们的开发需求。在这样的背景下，寻找一款既免费又稳定，同时易于使用的全开源低代码开发平台变得尤为困难。JeeLowCode 正是为了填补这一市场空缺而诞生的。
|
||
|
||
## 2.在线体验
|
||
|
||
[体验地址：http://demo.jeelowcode.com:8088](http://demo.jeelowcode.com:8088)
|
||
|
||
[社区地址：http://doc.jeelowcode.com](http://doc.jeelowcode.com/)
|
||
|
||
[启动文档：http://doc.jeelowcode.com/doc/1-5](http://doc.jeelowcode.com/doc/1-5)
|
||
|
||
[视频教程：http://doc.jeelowcode.com/doc/1-6](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-sqlformat // SQL核心模块
|
||
│ └── jeelowcode-tenant // 租户模块
|
||
│ └── jeelowcode-utils // 工具类模块
|
||
├── jeelowcode-module // 个人业务相关
|
||
│ └── jeelowcode-module-api // 个人业务模块API
|
||
│ └── jeelowcode-module-biz // 个人业务业务
|
||
├── jeelowcode-service // 框架基础服务
|
||
├── jeelowcode-tool // 框架公共模块
|
||
```
|
||
|
||
## 5.系统架构图
|
||
<img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/jsjg2.png"/>
|
||
|
||
|
||
## 6.Hello Word入门
|
||
只需要**4步**带你了解低代码JeeLowCode
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/hello1.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/hello2.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/hello3.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/hello4.png"/></td>
|
||
</tr>
|
||
</table>
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/hello5.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
## 7.演示效果图
|
||
|
||
### 7.1 手机端效果图：
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/app1.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/app2.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/app3.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/app5.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/app6.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/app7.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 7.2 电脑端效果图：
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/pc1.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/pc2.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/pc3.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/pc4.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/pc5.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/pc6.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 7.3 动态效果图：
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/gif1.gif"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/gif2.gif"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
## 8.框架核心亮点
|
||
|
||
### 8.1 首页：
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/jeelowcode-sy.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 8.2 在线表构建：
|
||
|
||
通过图形用户界面直观地创建数据表，一旦创建完成，即刻享有增、删、改、查、数据导入和导出的全面功能，操作简便，效率倍增。
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/bcj1.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/bcj2.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 8.3 在线统计报表：
|
||
|
||
只需配置简单的SQL语句，即可迅速生成包括柱状图、折线图、饼图以及卡片视图在内的多样化统计报表，直观展现数据分析结果。
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/jeelowcode-tj-pz.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/jeelowcode-tj.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 8.4 在线多表关联：
|
||
|
||
利用界面化的灵活配置，实现多表关联的直观展示，确保所见即所得的数据处理体验。
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/duobiao1.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/duobiao2.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/duobiao3.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 8.5 在线格式化字段显示：
|
||
|
||
为满足界面字段合并显示需求，提供三种简捷处理方法：数据库层面的SQL函数拼接，查询时的SQL字符串合并，以及应用层的Java代码处理。选择适合的方法以优化性能和灵活性。
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/zdgshxs1.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/zdgshxs2.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 8.6 在线排序设置：
|
||
|
||
通过拖放操作，用户可以直观地设置初始化数据的排序规则。
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/zdpx1.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 8.7 在线租户数据权限配置：
|
||
|
||
提供在线配置工具，轻松实现租户级别的数据权限设定，确保数据访问的安全性和合规性，提升**多租户**场景下的应用灵活性。**JeeLowCode**以其卓越的灵活性、高效性和易用性，成为加速数字化转型、驱动业务创新的理想选择。
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/8.jpeg"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 8.8 广泛数据库兼容：
|
||
|
||
<table>
|
||
<tr>
|
||
<th >数据库</th>
|
||
<th width="80%">是否支持</th>
|
||
</tr>
|
||
<tr>
|
||
<td >MySql</td>
|
||
<td >支持</td>
|
||
</tr>
|
||
<tr>
|
||
<td >Oracle11g</td>
|
||
<td >支持</td>
|
||
</tr>
|
||
<tr>
|
||
<td >PostgreSQL</td>
|
||
<td >支持</td>
|
||
</tr>
|
||
<tr>
|
||
<td >达梦</td>
|
||
<td >支持</td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 8.9 在线表单设计：
|
||
|
||
提供丰富多样的控件，全面支持各类页面的开发需求。
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/zxbd1.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 8.10 丰富完善的示例：
|
||
|
||
丰富完善的示例，便于用户快速学习和上手
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/lizi1.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/lizi2.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/lizi3.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/lizi4.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/lizi5.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/lizi6.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 8.11 100+常用模板：
|
||
|
||
提供了丰富多样的常用页面模板，以便开发者能够迅速采纳和应用。
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/mb-sy1.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/mb-sy2.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/mb-ty1.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/mb-ty2.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/mb-ty3.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/mb-ty4.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
## 9.启动步骤
|
||
**温馨提示：** JDK、Maven、Node等可以从网盘下载<br>
|
||
[百度网盘地址：https://pan.baidu.com/s/1ICmHRlrRYzBkx87zoRuqvQ?pwd=1234](https://pan.baidu.com/s/1ICmHRlrRYzBkx87zoRuqvQ?pwd=1234)
|
||
<br>
|
||
[阿里云盘地址：https://www.alipan.com/s/X4kF7Hshuc2](https://www.alipan.com/s/X4kF7Hshuc2)
|
||
<br>
|
||
### 9.1 后台JAVA代码运行步骤
|
||
|
||
**环境配置**
|
||
|
||
**运行环境**：JDK1.8
|
||
|
||
**开发工具：** Idea、Maven
|
||
|
||
**默认已启动中间件：（推荐使用宝塔）**[Mysql8.0](http://mysql.p2hp.com/)、[Redis](https://redis.io/)、[Minio](http://www.minio.org.cn/)
|
||
|
||
|
||
<table>
|
||
<tr>
|
||
<td>第一步：下载JeelowCode项目并导入IDEA中</td>
|
||
</tr>
|
||
<tr>
|
||
<td>第二步：导入数据库文件到mysql中，并修改项目的数据库以及redis配置</td>
|
||
</tr>
|
||
<tr>
|
||
<td>第三步：根据示例配置好对应数据库，刷新Maven,再进行Complie编译,启动项目</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/bz1.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/bz2.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/bz3.png"/></td>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/bz4.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### 9.2 前端VUE代码运行步骤：
|
||
|
||
**后台运行环境：** node18.0.0
|
||
|
||
**开发工具：** VsCode
|
||
|
||
<table>
|
||
<tr>
|
||
<td>第一步：检查本地Node环境</td>
|
||
</tr>
|
||
<tr>
|
||
<td>第二步：安装PNPM</td>
|
||
</tr>
|
||
<tr>
|
||
<td>第三步：使用PNPM安装项目依赖</td>
|
||
</tr>
|
||
<tr>
|
||
<td>第四步：配置项目后台地址</td>
|
||
</tr>
|
||
<tr>
|
||
<td>第五步：启动项目</td>
|
||
</tr>
|
||
</table>
|
||
|
||
|
||
**第一步：检查本地环境：Node.js: 18.12.0**
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/13.jpg"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
**第二步：安装PNPM，提升依赖的安装速度**
|
||
|
||
1.先配置NPM仓库
|
||
|
||
```
|
||
npm config set registry https://registry.npmmirror.com
|
||
```
|
||
|
||
2.安装PNPM
|
||
|
||
```
|
||
npm install -g pnpm
|
||
```
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/14.jpg"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
**第三步：安装依赖**
|
||
|
||
进 入项目目录，执行
|
||
|
||
```
|
||
pnpm install
|
||
```
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/15.jpg"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
**第四步：配置后台地址**
|
||
|
||
修改项目根目录下文件.env.dev中的请求路径为本地后台地址
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/16.jpg"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
```
|
||
VITE_BASE_URL='http://127.0.0.1:48080'
|
||
```
|
||
|
||
**第五步:启动项目**
|
||
|
||
```
|
||
pnpm run dev-server
|
||
```
|
||
|
||
**访问地址**
|
||
|
||
<table>
|
||
<tr>
|
||
<td ><img src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/18.jpg"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
|
||
|
||
|
||
## 技术交流（广告勿扰）：
|
||
|
||
<table>
|
||
<tr>
|
||
<td >JeeLowCode客服（添加时备注：进群）</td>
|
||
<td >JeeLowCode公众号</td>
|
||
</tr>
|
||
<tr>
|
||
<td ><img height="320" width="250" src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/jeelowcode-kf.png"/></td>
|
||
<td ><img height="250" width="250" src="https://ai.oss.mj.ink/chatgpt/jeelowcode/gitee/wxgzh.jpg"/></td>
|
||
</tr>
|
||
</table> |