Skip to content

多前端支持

智码方舟支持为一个项目同时生成多个前端应用。每个前端可以独立选择框架和 UI 库。

什么是多前端

传统的前后端项目通常只有一个前端。但在实际项目中,你可能需要:

  • 一个Web 管理后台(管理员使用)
  • 一个移动端 H5 页面(普通用户使用)
  • 一个桌面端应用

智码方舟支持在同一个项目中选择多个前端,每个前端独立生成。

如何使用

创建时添加多前端

  1. 在技术栈选择面板中,选择前端框架
  2. 点击"新增前端"按钮
  3. 为每个前端配置:
    • 名称:如"管理后台"、"移动端"
    • 框架:Vue 3 / React(可以不同)
    • UI 库:每个前端独立选择

修改时添加前端

在"添加需求"功能中,也可以给已有项目新增前端应用。

预览

多前端项目每个前端都有独立的预览地址:

  • 前端1:{taskId}.thesis-preview.polars.cc
  • 前端2:{taskId}--{name}.thesis-preview.polars.cc

部署

一键部署会同时处理所有前端,每个前端独立启动开发服务器。

注意事项

  • 每个前端都会增加项目生成的页面数,影响费用
  • 所有前端共享同一个后端 API
  • 建议按需添加,不要一次创建太多前端

Released under the MIT License.