Skip to content

VTJ低代码开发平台概述

目的和范围

本文档全面概述了VTJ低代码开发平台(LCDP),这是一个支持快速创建和部署应用程序的多平台开发环境。平台采用Vue.js前端应用与NestJS后端API架构,支持多种部署目标,包括Web浏览器、移动H5应用和跨平台UniApp环境。

本文档涵盖平台整体架构、核心技术和系统组织。

系统架构概述

VTJ LCDP采用现代化Web应用架构,实现前端展示层、后端服务层和多平台构建系统的清晰分离。

整体架构设计

分层架构模式

平台采用分层架构设计,各层职责明确:

  1. 用户界面层:基于Vue.js的可视化开发环境
  2. 应用服务层:NestJS实现的核心业务逻辑
  3. 数据服务层:统一API网关和微服务架构
  4. 基础设施层:容器化部署和云原生支持

多平台构建系统

平台支持四个核心构建目标,每个目标针对特定部署场景优化:

构建目标环境变量输出类型主要应用场景技术实现细节
mainBUILD_TYPE=main核心应用包主Web应用部署包含完整业务逻辑,支持SSR
webBUILD_TYPE=webWeb优化包标准Web浏览器响应式设计,PC端体验优化
h5BUILD_TYPE=h5移动H5包移动Web应用触控优化,移动端适配
uniappBUILD_TYPE=uniapp跨平台包多端应用部署编译为微信小程序、Android/iOS等

构建脚本配置说明

构建系统通过npm脚本支持环境特定配置:

bash
# 开发环境 (热重载)
npm run dev  # ENV_TYPE=local,启动开发服务器

# SIT环境构建 (系统集成测试)
npm run sit:main     # ENV_TYPE=sit BUILD_TYPE=main
npm run sit:web      # ENV_TYPE=sit BUILD_TYPE=web
npm run sit:h5       # ENV_TYPE=sit BUILD_TYPE=h5
npm run sit:uniapp   # ENV_TYPE=sit BUILD_TYPE=uniapp

# 生产环境构建
npm run build:main     # ENV_TYPE=live BUILD_TYPE=main
npm run build:web      # ENV_TYPE=live BUILD_TYPE=web
npm run build:h5       # ENV_TYPE=live BUILD_TYPE=h5
npm run build:uniapp   # ENV_TYPE=live BUILD_TYPE=uniapp

核心技术与依赖项

前端核心依赖

包名称版本范围功能描述技术特性
vue~3.5.0核心Vue.js框架组合式API,响应式系统
vue-router~4.5.0客户端路由管理动态路由,导航守卫
@vtj/weblatestVTJ Web平台集成库组件库,工具函数集
@vtj/h5latestVTJ移动H5平台适配移动端组件,手势支持
@vtj/unilatestVTJ UniApp跨平台支持多端适配,原生能力封装
@dcloudio/uni-h5-vue3.0.0-4050720250324001UniApp H5环境Vue运行时H5与小程序统一运行时

开发工具链

工具名称版本功能描述技术优势
@vtj/clilatestVTJ命令行工具项目脚手架,代码生成
@vtj/prolatestVTJ专业开发工具套件可视化调试,性能分析
node-ssh~13.2.0SSH远程部署支持安全连接,自动化部署
vite^5.0.0构建工具核心快速冷启动,按需编译
typescript~5.4.0类型安全支持静态类型检查,高级类型特性

后端模块架构

后端采用模块化NestJS架构,包含以下核心功能模块:

核心模块功能说明

模块名称主要职责技术实现
应用管理应用生命周期管理微服务注册发现,健康检查
权限控制访问授权管理RBAC模型,JWT认证
数据服务数据持久化操作TypeORM,事务管理
文件存储资源管理OSS集成,分块上传
消息队列异步任务处理RabbitMQ,任务调度
监控告警系统监控Prometheus,Grafana仪表盘
日志服务集中式日志管理ELK Stack,结构化日志

开发环境配置

平台支持三种环境配置,满足不同阶段需求:

环境类型配置标识主要特点适用场景
开发环境ENV_TYPE=local热重载,源码映射本地开发,实时调试
测试环境ENV_TYPE=sit完整功能验证,集成测试预发布环境,QA测试
生产环境ENV_TYPE=live性能优化,安全加固线上部署,用户使用

构建配置关键技术

  1. 多目标支持:支持12种环境与平台组合配置,满足全场景需求
  2. TypeScript处理:通过vue-tsc实现严格类型检查和编译
  3. 环境变量注入:使用cross-env实现跨平台环境变量管理
  4. 构建优化:生产环境启用代码压缩、Tree Shaking和代码分割
  5. 增量构建:开发环境支持模块热替换(HMR),提升开发效率

VTJ低代码平台通过模块化架构和灵活的多平台构建系统,为开发者提供高效的应用开发和部署体验。

Released under the MIT License.