React_DvaJS构建后台管理系统（二）项目结构调整
程序员文章站
2022-04-28 23:44:43
...
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
上一篇： Hive Join的实现原理