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,33 +42,34 @@ 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()}>
-        <div className={styles.container}>
-          <div className={styles.content}>
-            <div className={styles.top}>
-              <div className={styles.header}>
-                <Link to="/">
-                  <img alt="logo" className={styles.logo} src={logo} />
-                  <span className={styles.title}>Ant Design</span>
-                </Link>
-              </div>
-              <div className={styles.desc}>Ant Design 是西湖区最具影响力的 Web 设计规范</div>
+      // TODO <DocumentTitle title={this.getPageTitle()}>
+      <div className={styles.container}>
+        <div className={styles.content}>
+          <div className={styles.top}>
+            <div className={styles.header}>
+              <Link to="/">
+                <img alt="logo" className={styles.logo} src={logo} />
+                <span className={styles.title}>Ant Design</span>
+              </Link>
             </div>
-            {children}
-            {/* <Switch>
+            <div className={styles.desc}>Ant Design 是西湖区最具影响力的 Web 设计规范</div>
+          </div>
+          {children}
+          {/* <Switch>
               {getRoutes(match.path, routerData).map(item => (
                 <Route
                   key={item.key}
@@ -79,10 +80,10 @@ class UserLayout extends React.PureComponent {
               ))}
               <Redirect from="/user" to={getLoginPathWithRedirectPath()} />
             </Switch> */}
-          </div>
-          <GlobalFooter links={links} copyright={copyright} />
         </div>
-      </DocumentTitle>
+        <GlobalFooter links={links} copyright={copyright} />
+      </div>
+      // </DocumentTitle>
     );
   }
 }