> ## Documentation Index
> Fetch the complete documentation index at: https://docs.coze.cn/llms.txt
> Use this file to discover all available pages before exploring further.

使用用户界面编辑器搭建用户界面的第一步就是创建页面。你可以选择创建一个空白页，然后再通过拖放组件逐步搭建用户界面。你也可以选取一个预设模板来创建页面，并根据具体的业务需求进行个性化调整。单个低代码应用最多可以创建 20 个 UI 页面。
## 创建空白页面 {#c1791120}
系统默认创建一个`Home Page`页面，你可以对该页面执行重命名或删除操作。你也可以创建一个新空白页面，然后拖放组件到空白页面的画布中。
参考以下操作，创建一个空白页面。
1. 登录[扣子编程](https://code.coze.cn/home)。
2. 在页面顶部选择目标工作空间，然后在左侧导航栏中单击**新建项目**。
3. 在**低代码模式**区域，将鼠标移动到**更多**，然后单击**打开应用开发**。
   ![Image=439x231](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/539d45b71bf14a3e8e1cb75a1d781fbd~tplv-goo7wpa0wc-image.image)



4. 在**应用模板**页面，单击**空白应用**。
5. 单击**用户界面**页签，选择页面类型，然后单击**开始搭建**。
   页面类型包括网页端页面、小程序和 H5 端页面，选择页面类型后，不支持修改。
6. 在左侧面板，单击**结构**页签，然后单击页面列表右上角的 **+**，新建空白页面**。**
   每单击一次 **+**，都会新建一个新空白页面。如果需要更改页面名称，请双击页面标题，输入新名称，然后按回车键或点击页面其他区域以保存新名称。
   ![Image=539x299](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/156db7c909ff45bca9006a4e537ad6ca~tplv-goo7wpa0wc-image.image)

## 使用模板创建页面 {#4a37b40f}
用户界面编辑器提供了多种界面模板，例如导航模版、横幅模版、列表模版和卡片模版，你可以基于模板创建页面，并根据实际需求修改页面。

1. 在**用户界面**页签，单击**模板**。
2. 在模版栏，选择目标模板。
   ![Image=516x222](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/f93a2dea597a412583a16ba117968a15~tplv-goo7wpa0wc-image.image)
3. 在弹出的对话框中，单击**确认**。
   ![Image=352x154](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/d2e512dad5ec4e0fb5efb96c451eeab5~tplv-goo7wpa0wc-image.image)

## 设置页面路径 {#76b4ad79}
为了确保用户界面能够被正确引用和访问，系统为每个页面自动生成了一个路径，你可以根据实际需求修改页面路径。

1. 在**用户界面**页签，单击**导航**。
2. 在页面列表，选择需要设置路径的页面，然后单击属性面板右上角的设置图标。
   ![Image=538x232](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/0ba3749fef934786a89e76021f513576~tplv-goo7wpa0wc-image.image)
3. 设置页面的路径，然后单击**确认**。
   仅支持字母、数字、下划线，且不能以数字开头。
   ![Image=448x217](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/ed1323aea3b24f0fab1c22e7ab2fc43f~tplv-goo7wpa0wc-image.image)

## 下一步 {#3d9438f3}
[为页面添加组件](/guides/add_components)