finish login and register page

config/config.js

@@ -24,6 +24,19 @@ export default {
 
   // 路由配置
   routes: [
+    // user
+    {
+      path: '/user',
+      component: './layouts/UserLayout',
+      routes: [
+        { path: '/user', redirect: '/user/login' },
+        { path: '/user/login', component: '/User/Login' },
+        { path: '/user/register', component: './User/Register' },
+        { path: '/user/register-result', component: './User/RegisterResult' },
+      ],
+    },
+
+    // app
     {
       path: '/',
       component: './layouts/LoadingPage',
@@ -102,8 +115,6 @@ export default {
             },
           ],
         },
-
-        // user
       ],
     },
   ],

src/pages/User/Register.js

@@ -40,7 +40,7 @@ export default class Register extends Component {
     if (register.status === 'ok') {
       dispatch(
         routerRedux.push({
-          pathname: '/User/RegisterResult',
+          pathname: '/user/register-result',
           state: {
             account,
           },

src/pages/User/_layout.js

-import React from 'react';
-import { getRouterData } from 'common/router';
-import { getMenuData } from 'common/menu';
-import UserLayout from '../layouts/UserLayout';
-
-export default props => {
-  const { children, location } = props;
-  const routerData = getRouterData({});
-  const menuData = getMenuData({});
-  return (
-    <UserLayout routerData={routerData} menuData={menuData} location={location} {...props}>
-      {children}
-    </UserLayout>
-  );
-};

src/pages/layouts/UserLayout.js

 import React, { Fragment } from 'react';
 import { Link } from 'dva/router';
-import DocumentTitle from 'react-document-title';
+// import DocumentTitle from 'react-document-title';
 import { Icon } from 'antd';
-import GlobalFooter from '../components/GlobalFooter';
+import GlobalFooter from '../../components/GlobalFooter';
 import styles from './UserLayout.less';
-import logo from '../assets/logo.svg';
+import logo from '../../assets/logo.svg';
 
 // TODO:remove
 // import { getRoutes, getPageQuery, getQueryPath } from '../utils/utils';
@@ -42,20 +42,21 @@ const copyright = (
 // }
 
 class UserLayout extends React.PureComponent {
-  getPageTitle() {
-    const { routerData, location } = this.props;
-    const { pathname } = location;
-    let title = 'Ant Design Pro';
-    if (routerData[pathname] && routerData[pathname].name) {
-      title = `${routerData[pathname].name} - Ant Design Pro`;
-    }
-    return title;
-  }
+  // TODO title
+  // getPageTitle() {
+  //   const { routerData, location } = this.props;
+  //   const { pathname } = location;
+  //   let title = 'Ant Design Pro';
+  //   if (routerData[pathname] && routerData[pathname].name) {
+  //     title = `${routerData[pathname].name} - Ant Design Pro`;
+  //   }
+  //   return title;
+  // }
 
   render() {
     const { children } = this.props;
     return (
-      <DocumentTitle title={this.getPageTitle()}>
+      // TODO <DocumentTitle title={this.getPageTitle()}>
       <div className={styles.container}>
         <div className={styles.content}>
           <div className={styles.top}>
@@ -82,7 +83,7 @@ class UserLayout extends React.PureComponent {
         </div>
         <GlobalFooter links={links} copyright={copyright} />
       </div>
-      </DocumentTitle>
+      // </DocumentTitle>
     );
   }
 }