# 新增页面

查看 @/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

重点

根据以上可以看出,每个页面以模块的方式存在,其内容包括 tsx、style、model、service、locales、page components,方便统一维护与复用。

# 绑定路由

页面组件创建完成后,需要进行路由绑定才能进行展示,方法请参照:布局/配置路由导航