3.2-iuap应用平台前端培训_开发框架（创建业务模块和页面）.md

创建业务模块和页面

1、业务模块创建

$ cd src/modules                        # 进入业务模块目录
$ mkdir home && cd home                 # 创建并进入到 home
$ touch router.js                       # 新建业务模块对应的路由组件

<!-- ./src/modules/home/router.js -->

import React from 'react'
import { Route } from 'mirrorx'

import Dashboard from './dashboard/containers'

export default (routeInfo) => {
    const { match, history, location } = routeInfo;

    return (
        <div>
            <Route exact path={`${match.url}/register`} component={Dashboard} />
        </div>
    )
}

<!-- ./src/routes/index.jsx -->

import React from 'react'
import { Route } from 'mirrorx'

import Dashboard from './dashboard/containers'

export default (routeInfo) => {
    const { match, history, location } = routeInfo;

    return (
        <div>
            <Route exact path={`${match.url}/register`} component={Dashboard} />
        </div>
    )
}

2、新建业务页面

$ mkdir dashboard && cd dashboard           # 创建 dashboard 页面目录
$ touch containers.js models.js services.js # 新增业务所需的三个文件
$ mkdir components && cd components         # 创建页面的子组件目录