react+umi+dva框架
前言
【react+umi+dva框架】在antd-pro基础上修改,根据公司项目内容搭建新的框架,用于项目初期快速上手,避免重复造轮子。
必备技能
react(https://react.docschina.org/)
umi--路由配置(https://umijs.org/)
dva--数据流方案(https://dvajs.com/guide/)
环境安装
npm:使用npm命令管理node包。在node.js官网(https://nodejs.org/zh-cn/)下载node包并进行安装,命令:node -v 即可查看node版本。
yarn:推荐使用 yarn 管理 npm 依赖,命令:npm i yarn tyarn -g
项目介绍
项目框架
1.config:配置,config->router.fonfig为路由配置文件
2.src:页面内容文件,
src->component:相关组件
src-layouts:布局文件
src->models:model,并不是对象的相关属性定义,而是对象的相关操作,例如登陆,退出操作
src->pages:模块界面文件
src->services:接口文件,定义相关接口
src->utils:工具文件
src->utils->request:网络请求封装
3.defaultSettings.js: 默认配置文件,baseUrl便放在这里
相关操作
1.新建界面
在pages下新建模块或者在已有模块下新建页面
2.给新建页面添加路由
在config->router.config.js中,已经配好了目前的界面路由,包括user和app两部分,各自拥有自己的layout,如果需要添加新的layout,可以按照样式自己添加。参数查看代码注释或者umi文档
3.根据需求添加model
4.根据需求添加相关接口api
推荐阅读
- android第三方框架(五)ButterKnife
- 由浅入深理解AOP
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- android|android studio中ndk的使用
- 斐讯K2|斐讯K2 固件搜集
- 植物能治病的奥秘——植物精气
- 11-代码注入
- Spring|Spring 框架之 AOP 原理剖析已经出炉!!!预定的童鞋可以识别下发二维码去看了
- linux定时任务contab
- neo4j|neo4j cql语句 快速查询手册