# 添加页面<a name="ZH-CN_TOPIC_0000001054607703"></a>

-   [创建首页面](#section16935511143715)
-   [创建详情页](#section122131729173819)

## 创建首页面<a name="section16935511143715"></a>

空气质量监测App包含两个界面（Page），工程创建完成后会生成一个名为index的Page，可以作为首页。工程目录如下图所示：

**图 1**  工程目录<a name="fig16545205773718"></a>  
![](figures/工程目录.png "工程目录")

## 创建详情页<a name="section122131729173819"></a>

新增一个Page，作为详情页，具体步骤如下：

1.  pages目录右键 ，弹出的菜单中选择New、JS Page。

    **图 2**  添加页面<a name="fig18740145216410"></a>  
    ![](figures/添加页面.png "添加页面")

2.  输入Page名称。

    **图 3**  输入页面名称<a name="fig48491266714"></a>  
    ![](figures/输入页面名称.png "输入页面名称")

3.  确认创建结果。

    详情页创建完成后应用工程目录如下图所示，每个Page包括三个文件：布局文件hml、样式文件css、业务逻辑代码js。

    **图 4**  完整工程目录<a name="fig103015177819"></a>  
    ![](figures/完整工程目录.png "完整工程目录")