基于主题的代码生成使用文档
项目主题的作用
为进一步提高工作效率,精准匹配用户需求,本平台新增项目主题配置功能,新增Ant Design Vue、Vant、uniapp uView、Element Plus等多种主题,这一操作可以帮助开发人员根据原型图片快速生成符合特定主题的原型代码,降低手动逐个设计和编写每个组件的工作量,同时统一风格的主题组件有利于后期的代码的维护和调试。
基于主题的代码生成操作流程
1、创建项目
在平台上创建一个开发项目,您需要执行以下步骤:
- 登录系统并进入工作台。
- 创建项目。
2、创建空页面
在项目内创建一个空页面,您需要执行以下步骤:
- 进入项目。
- 新增页面。
提示:创建页面时,必须填写页面名称和页面编码。页面编码需要按照大写驼峰体格式编辑。
3、项目主题配置
- 进入页面编辑工作台,点击左侧下方菜单按钮进入【项目配置】页面。

- 点击「项目主题」,点击启用心仪的主题,点击确定。
确认主题后,新增页面将会应用到所选主题,生成风格一致的页面及代码。

Tips:项目主题,启用后只对当前这个项目生效,不需要时可以将其禁用。
4、新建页面
确认主题后,点击页面左上角的「页面列表」的【+】号按钮,即可新增一个页面,完成页面名称与页面编码的输入后,即可上传原型图、草图或文本提示,平台将结合所选项目主题,根据用户上传内容、prompt内容,生成风格一致的代码及页面。