# 文件组织
在 项目源码说明 中已经展示了每个模块的目录结构,下面主要说明在新增一个模块时,需要注意哪些事项。
# 模块索引文件
由于整个项目采用的是单页面多模块的结构,因此需要我们在每个模块中通过 index.js
统一导出模块内的 dataflow
(包含 dao
,models
,services
)、router
、store
等功能,然后由应用根目录 src
的相应文件分别进行整合。
代码示例:
import dao from './dao';
import services from './services';
import models from './models';
import stores from './store';
import routes from './router';
const dataflow = {
models,
dao,
services
};
export default { routes, stores, dataflow };
# 页面及组件目录
# 页面
模块内的页面统一放在 [moduleName]/pages
目录下,且每个页面都应该有自己单独的目录。
# 组件
对于某个页面独有的组件,需要放置在对应页面的组件目录下: [moduleName]/pages/[pageName]/components
;对于当前模块通用的组件,则放置在模块通用组件目录下: [moduleName]/components
。
此外还有整个应用通用的组件,可以放在 src/common/components
目录。