VTJ.PRO 在线应用开发平台概览
VTJ.PRO 平台概览目的与范围VTJ.PRO 是一个 AI 驱动的低代码应用开发平台在浏览器中提供功能完整的在线集成开发环境 (IDE)。它将可视化设计、AI 辅助代码生成和多平台输出Web、H5、UniApp统一到一个基于 Vue 3、TypeScript 和 NestJS 构建的单仓库中。本页提供了平台结构、能力和关键代码入口点的高级地图。有关设置说明请参阅开始使用与项目初始化。有关生产部署请参阅部署与运维。有关许可细节请参阅许可与商业模型。单仓库结构仓库组织为三个顶级目录加上支持性基础设施目录目的关键技术backend/NestJS API 服务器 — 身份验证、RBAC、DSL 存储、AI 代理、订单系统NestJS, TypeORM, MySQL, CASL, OpenAI SDKfrontend/Vue 3 多入口 SPA — 管理面板、工作台、可视化设计器、平台运行时Vue 3, Vite, Element Plus, vtj/protemplates/用于代码生成输出的脚手架项目web, h5, uniappVue 3, Vite, vtj/rendererscripts/构建、清理、发布打包和模板打包脚本Node.js (ESM)_docs/文档开始使用、部署、许可、维基、迁移指南、AI 提示词Markdown单仓库结构图v关键能力可视化设计与 DSL 管道平台围绕一个DSL领域特定语言展开该语言将 UI 组件、页面和块描述为 JSON 结构。可视化设计器vtj/pro生成 DSL通过前端的DevService和后端的DslModule进行存储。在运行时vtj/renderer将 DSL 解释为实时的 Vue 组件无需构建步骤。AI 代码生成集成的AI 代理系统backend/src/business/agent/连接到可配置的 LLM 模型backend/src/core/llm/提供对话式代码生成。_docs/prompts/中的提示词模板指导 AI 使用结构化的 SEARCH/REPLACE 差异格式生成 Vue SFC 代码和 DSL 修改。多平台输出出码代码生成管道backend/src/business/dsl/generator.ts将存储的 DSL 转换为独立的 Vue 项目针对三个平台Web、H5移动 Web和UniApp跨平台原生。templates/中的项目脚手架为每个目标提供构建基础设施。核心管道设计 → DSL → 运行时 / 代码生成高层架构系统遵循三层架构作为静态资源提供的 Vue 3 前端、暴露 REST API 的 NestJS 后端以及通过 TypeORM 管理的 MySQL 数据库。三层架构图后端模块映射后端组织为核心模块身份验证、授权、系统配置和业务模块低代码应用、DSL、模板、AI 代理、订单。层模块主要职责核心UserModule用户 CRUD、JWT 身份验证、OAuth核心PermissionModule通过 CASL 实现 RBAC核心RoleModule角色管理核心DictionaryModule系统字典核心SettingModule平台设置核心LlmModelModuleLLM 提供商配置与缓存核心OssModule文件上传阿里 OSS / 本地核心ConfigurationModule环境与数据库配置核心CacheModule应用级缓存核心EmailModule邮件验证业务LowcodeAppModule应用 CRUD 与版本管理业务DslModuleDSL 存储、开发/生产环境、代码生成业务TemplateModule模板管理与版本管理业务AgentModuleAI 主题、聊天、提示词业务OpenModule公共 API 端点业务OrderModule订单处理业务ProductModule产品定义Tokens, Plus, Pro业务SkillModule可扩展的 AI 技能系统业务ReportModule,DailyModule分析和日常任务前端入口点与平台前端使用 Vite 的多页面构建产生六个不同的入口点每个服务于不同的用户上下文入口点HTML 文件目的mainindex.html管理面板 用户工作台authauth.html登录、注册、密码重置devdev.html可视化设计器AppDesigner,TemplateDesignerwebweb.htmlWeb 平台运行时DSL → 实时应用h5h5.html移动 H5 平台运行时uniapp—UniApp 跨平台运行时每个平台运行时frontend/src/platform/web/、frontend/src/platform/h5/、frontend/src/platform/uniapp/包含一个adapter.ts用于配置平台特定行为并连接到vtj/renderer进行 DSL 解释。前端入口点到后端 API 流程数据与基础设施平台使用MySQL作为主数据存储通过TypeORM实体访问。种子系统backend/src/database/seeding/使用基于 JSON 的种子数据初始化数据库包括字典、权限、角色、设置、LLM 模型和技能。迁移系统backend/src/database/migration/通过每个实体的迁移任务和回滚支持处理模式演变。文件上传由OssModule处理根据配置支持阿里云 OSS和本地文件存储。有关数据库实体、种子和迁移的详细信息请参阅系统架构下的子页面。构建与发布系统scripts/目录包含三个关键的构建工具脚本目的scripts/clean.mjs清理构建产物scripts/publish.mjs将发布 ZIP 包vtj-pro-full、vtj-pro-cloud打包到_releases/scripts/template.mjs将项目模板打包为 ZIP 文件用于代码生成构建支持多个环境local、sit、live以及相应的.env文件。有关详细信息请参阅 部署与运维。文档与指南文档路径内容开始使用_docs/1_开始.md克隆、依赖、初始设置项目初始化_docs/2_项目初始化.md数据库设置、种子数据、开发服务器部署与运维_docs/3_部署运维.mdNginx、PM2、生产构建授权协议_docs/4_授权协议.md商业许可条款AI 提示词_docs/prompts/编码器、图像、JSON 提示词模板维基_docs/wiki/带图表的架构文档迁移_docs/migration/SQL 迁移脚本和指南子页面开始使用与项目初始化— 设置说明克隆仓库、使用pnpm安装依赖、配置.env文件、数据库设置、运行开发服务器和初始种子数据。部署与运维— 生产部署使用 nginx、PM2 进程管理、环境特定构建sit/prod以及发布打包系统。许可与商业模型— 商业许可协议、产品类型Tokens, Plus, Pro、订单系统和平台运营模式免费、邀请、订阅。参考资料官方文档https://vtj.pro/在线平台https://app.vtj.pro/开源仓库https://gitee.com/newgateway/vtj