React_DvaJS構建後臺管理系統(二)項目結構調整
原始目錄結構
項目結構內容微調
1、修改入口文件
vi public/index.html
<html lang="zh">
<title>Dva Demo</title>
2、刪除或修改相關文件
刪除 src/assets/yay.jpg
刪除 src/components/Example.js
刪除 src/services/example.js
刪除 src/utils/request.js
修改 src/routes 爲 src/pages
修改 src/models/example.js 爲 global.js 並修改內容namespace: 'example', 爲 namespace: 'global',
修改 index.js 打開Model 並修改app.model(require('./models/example').default); 爲 app.model(require('./models/global').default);
修改 router.js import IndexPage from './routes/IndexPage'; 爲 import IndexPage from './pages/IndexPage';
3、編輯IndexPage文件
vi src/pages/IndexPage.js
import React from 'react';
import { connect } from 'dva';
function IndexPage() {
return (
<div>Hello world!</div>
);
}
IndexPage.propTypes = {
};
export default connect()(IndexPage);
清空src/pages/IndexPage.css內容
4、啓動項目
npm start