JeeLowCode 企业级低代码开发平台使用手册

🎯 项目概述

JeeLowCode 是一款基于SpringBoot + Vue3的企业级低代码开发平台,旨在通过可视化配置快速构建企业应用。平台支持拖拽式界面设计、流程编排、数据建模等核心功能,大幅提升开发效率。

核心特性

  • • 🚀 零代码开发:拖拽式界面设计,无需编写前端代码

  • • 🏗️ 企业级架构:基于SpringBoot + Vue3,支持微服务部署

  • • 📊 可视化建模:表单设计、流程设计、报表配置一体化

  • • 🔌 多数据库支持:MySQL、Oracle、PostgreSQL等主流数据库

  • • 🎨 响应式设计:完美适配PC端和移动端

📋 系统架构

技术栈

模块

技术选型

版本

后端框架

SpringBoot

2.7.18

前端框架

Vue3

3.2

数据库

MySQL/Oracle/PostgreSQL

8.0+

构建工具

Maven

3.6+

运行环境

JDK

1.8+

模块结构

com.jeelowcode
├── jeelowcode-admin          # 管理后台模块
├── jeelowcode-code           # 核心代码生成模块  
├── 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      # 业务模块
├── jeelowcode-service         # 服务模块
├── jeelowcode-service-bpm-api # BPM API模块
├── jeelowcode-service-infra-api # 基础设施API模块
└── jeelowcode-tool            # 工具模块

🛠️ 环境准备

1. 开发环境要求

  • • JDK: 1.8+

  • • Maven: 3.6+

  • • MySQL: 8.0+

  • • Redis: 6.0+

  • • Node.js: 16.0+

2. 数据库配置

创建MySQL数据库并执行初始化脚本:

CREATE DATABASE jeelowcode DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;

3. 后端启动

Maven配置
# 设置镜像源
npm config set registry https://registry.npmjs.org/

# 安装依赖
npm install -g pnpm
启动后端服务
# 进入后端目录
cd jeelowcode-server

# 启动开发服务器
pnpm run dev-server
环境变量配置

jeelowcode-server目录下创建.env.dev文件:

VIDE_BASE_URL='http://localhost:8080'
启动生产环境
pnpm run dev-server

4. 前端启动

# 进入前端目录
cd jeelowcode-ui-vue3

# 安装依赖
pnpm install

# 启动开发服务器
pnpm run dev

🎨 核心功能模块

1. 可视化表单设计器

支持多种表单控件:

  • • 📝 基础控件:文本框、下拉框、单选框、多选框、日期选择器

  • • 📊 高级控件:表格、树形控件、文件上传、富文本编辑器

  • • 🎨 布局控件:栅格布局、标签页、折叠面板

2. 工作流引擎

  • • 🔄 流程设计:可视化流程图设计器

  • • 📋 任务管理:待办任务、已办任务、抄送任务

  • • 📈 流程监控:实时流程跟踪和统计分析

3. 数据建模

  • • 🗃️ 实体管理:数据表结构设计

  • • 🔗 关系设计:一对一、一对多、多对多关系

  • • 📊 字段配置:字段类型、验证规则、显示格式

4. 报表设计器

  • • 📊 图表类型:柱状图、饼图、折线图、仪表盘

  • • 📈 数据源:SQL查询、API接口、Excel导入

  • • 🎨 样式配置:主题、颜色、布局自定义

🚀 快速入门

1. Hello World示例

通过拖拽控件快速创建第一个应用:

步骤1

步骤2

步骤3

步骤4

📱 选择模板

🎨 设计界面

⚙️ 配置数据

🚀 发布应用

2. 创建业务应用

  1. 1. 登录管理后台

  • • 访问:http://localhost:8080

  • • 默认账号:admin/admin

  • 2. 创建应用

    • • 进入应用管理

    • • 点击"新建应用"

    • • 填写应用基本信息

  • 3. 设计表单

    • • 进入表单设计器

    • • 拖拽所需控件

    • • 设置字段属性

  • 4. 配置流程

    • • 进入流程设计器

    • • 设计审批流程

    • • 设置节点负责人

  • 5. 发布应用

    • • 预览应用效果

    • • 发布到生产环境

    • • 分享给用户使用

    🔧 高级功能

    1. 多租户支持

    • • 🏢 租户隔离:数据完全隔离

    • • 👥 用户管理:租户级用户权限

    • • ⚙️ 配置管理:租户个性化配置

    2. 权限管理

    • • 🔐 RBAC模型:基于角色的权限控制

    • • 📋 权限点:菜单权限、操作权限、数据权限

    • • 👤 用户管理:用户组织架构管理

    3. 集成扩展

    • • 🔌 API接口:RESTful API接口

    • • 📡 消息队列:支持RabbitMQ、Kafka

    • • 📊 第三方集成:钉钉、企业微信集成

    📱 移动端适配

    响应式设计

    • • 📱 自适应布局:完美适配各种屏幕尺寸

    • • 👆 触控优化:移动端交互体验优化

    • • ⚡ 性能优化:移动端加载速度优化

    🌐 部署方案

    1. 本地部署

    # 构建后端
    mvn clean package
    
    # 构建前端
    npm run build
    
    # 启动应用
    java -jar jeelowcode-server.jar

    2. Docker部署

    FROM openjdk:8-jre-slim
    COPY jeelowcode-server.jar app.jar
    EXPOSE 8080
    ENTRYPOINT ["java","-jar","/app.jar"]

    3. Kubernetes部署

    apiVersion: apps/v1
    kind:Deployment
    metadata:
    name:jeelowcode
    spec:
    replicas:3
    selector:
        matchLabels:
          app:jeelowcode
    template:
        metadata:
          labels:
            app:jeelowcode
        spec:
          containers:
          -name:jeelowcode
            image:jeelowcode:latest
            ports:
            -containerPort: 8080

    🔍 性能优化

    1. 数据库优化

    • • 📊 索引优化:合理创建数据库索引

    • • 🗄️ 分库分表:大数据量时采用分库分表

    • • 💾 缓存策略:Redis缓存热点数据

    2. 前端优化

    • • 📦 代码分割:按需加载减少首屏时间

    • • 🗜️ 资源压缩:Gzip压缩静态资源

    • • 🎯 CDN加速:静态资源CDN分发

    🛡️ 安全特性

    1. 身份认证

    • • 🔐 JWT令牌:无状态身份认证

    • • 🔄 单点登录:支持CAS、OAuth2.0

    • • 🛡️ 会话管理:安全的会话管理机制

    2. 数据安全

    • • 🔒 数据加密:敏感数据加密存储

    • • 🛡️ SQL注入防护:参数化查询防止注入

    • • 🚫 XSS防护:前端XSS攻击防护

    📊 监控运维

    1. 系统监控

    • • 📈 性能监控:JVM、数据库、Redis性能监控

    • • 📊 业务监控:用户行为、业务指标监控

    • • 🚨 告警通知:异常情况及时通知

    2. 日志管理

    • • 📝 日志收集:集中式日志收集

    • • 🔍 日志分析:日志搜索和分析

    • • 📊 日志统计:日志统计分析

    🤝 社区支持

    联系方式

    • • 💬 微信交流群:扫码加入技术交流群

    • • 🌟 GitHub Star:支持项目持续发展

    • • 📧 问题反馈:提交Issue获取帮助

    技术文档

    • • 📖 官方文档:doc.jeelowcode.com

    • • 🎥 视频教程:B站搜索"JeeLowCode"

    • • 💻 源码仓库:GitHub

    📈 版本更新

    最新版本特性

    • • ✨ 新增功能:移动端适配、多租户支持

    • • 🐛 问题修复:已知问题修复和性能优化

    • • 🔧 技术升级:依赖库版本升级

    🎯 最佳实践

    1. 项目规划

    • • 📋 需求分析:充分了解业务需求

    • • 🎨 原型设计:先做原型再开发

    • • 📊 数据建模:合理设计数据结构

    2. 开发建议

    • • 🏗️ 模块化开发:功能模块独立开发

    • • 🧪 单元测试:编写完善的单元测试

    • • 📝 代码规范:遵循项目代码规范

    3. 部署建议

    • • 🔄 灰度发布:采用灰度发布策略

    • • 📊 监控告警:完善监控和告警机制

    • • 🔄 备份恢复:定期备份和恢复测试


    🎉 恭喜! 您已经掌握了JeeLowCode的基本使用方法。现在可以开始构建您的企业级应用了!

    如有任何问题,欢迎联系我们的技术支持团队。祝您使用愉快!🚀

更多推荐