# 新增页面
查看 @/page/home (opens new window) 首页样例代码，其目录格式如下：
pages # 页面组件目录(所有页面放在这里)
└── home # 页面-首页(这里作为说明样例)
├── components # 当前页面组件目录(可选)
├── hooks # 当前页面React hooks(可选)
├── locales # 当前页面国际化目录(可选)
├── data.d.ts # TS 接口类型定义文件(可选)
├── index.tsx # 当前页面入口
├── model.ts # 当前页面数据模型文件(可选)
├── service.ts # 当前页面数据接口文件(可选)
└── style.less # 当前页面CSS样式文件(可选)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
重点
根据以上可以看出，每个页面以模块的方式存在，其内容包括 tsx、style、model、service、locales、page components，方便统一维护与复用。
# 绑定路由
页面组件创建完成后，需要进行路由绑定才能进行展示，方法请参照：布局/配置路由导航。