Skip to main content
本功能为 Beta 版本,无法保证 100% 的正确性,建议在简单测试场景下使用。

功能概述

LangChat Pro 内置低代码平台,通过可视化拖拽方式快速构建表单并生成完整代码。主要功能包括:
  1. 可视化构建:拖拽组件至画布,快速搭建表单
  2. 布局定义:支持栅格布局,灵活调整表单结构
  3. 字段配置:自定义字段名称、显示标签、数据类型等
  4. 实时预览:预览表单效果,即时调整
  5. 代码生成:一键生成后端代码和 SQL 脚本,支持打包下载

拖拽构建表单

组件拖拽

将左侧组件库中的组件拖拽至右侧画布区域,构建表单结构。 选中画布中的组件后,可在右侧属性面板配置:
  • 字段名称:数据库字段名
  • 显示名称:表单标签文本
  • 字段类型:数据库字段类型配置
  • 其他属性:校验规则、默认值等
表单构建界面

栅格布局

支持栅格组件,可将多个组件放置在同一栅格内,实现多列布局。 栅格布局示例

预览表单

预览功能展示表单的最终效果,与实际页面的”新增/编辑”表单完全一致。
  • 表单右下角默认包含提交按钮,无需手动添加
  • 预览仅展示表单效果,不包含表格列表页面的预览
表单预览

生成代码

基础配置

点击右上角”生成代码”按钮,填写以下配置信息:
  • 实体名称:实体类名
  • 包名:代码包路径
  • 数据库表名:目标表名
  • API 前缀名:接口路径前缀
仅输入”数据库表名”后,其他字段将自动填充,简化配置流程。
代码配置

预览代码

确认配置后,可查看生成的所有代码文件。 代码预览

打包下载

系统按照配置的包名和类名,生成完整代码包并自动下载。 下载内容包括:
  • 后端代码
  • SQL 脚本
  • 项目结构文件
下载界面
下载后可直接解压并拷贝到对应模块使用。