react+umi+dva框架

作者: 唯吾无忧 | 来源:发表于2019-05-30 17:06 被阅读0次

前言

在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

相关文章

  • react+umi+dva框架

    前言 在antd-pro基础上修改,根据公司项目内容搭建新的框架,用于项目初期快速上手,避免重复造轮子。 必备技能...

  • Android 中常用的框架集合

    常用框架 常用框架 常用框架 常用框架 常用框架 常用框架 常用框架 UI框架 感谢以上链接博主大佬的奉献。

  • 全脑表达笔记

    左脑逻辑 6个框架:时间框架、空间框架、支点框架、钟摆框架、变焦框架、递推框架。 右脑感性 6个力量:对比力量,视...

  • thinkphp安装

    php框架 TP3.2框架 laravel框架 Yii框架 TP5.0框架 thinkphp框架简介 免费开源 T...

  • SSM 框架快速整合实例--学生查询

    一、快速准备 SSM 框架即 Spring 框架、SpringMVC 框架、MyBatis 框架,关于这几个框架的...

  • 多媒体笔记 | 框架流程

    一、整体框架 二、MediaPlayer框架 三、相机框架 四、录像框架 五、Video Camera框架 六、O...

  • 1.Mybatis-01 框架概述,Mybatis 框架快速入门

    主要内容 框架概述 Mybatis 框架快速入门 1.1 什么是框架 1.1.1 什么是框架 框架( Framew...

  • 20170602基础知识-语法基础、运算符

    1、import引入框架, Foundation框架是基础框架 macOS框架:Foundation、AppKit...

  • iOS-基本技术总结

    1、基本框架:Foundation框架、UIKit框架 2、高级框架:Core Data 、Core Graphi...

  • 框架的入口分析

    一、如何了解框架 1、先要找到框架的入口? 框架的初始化就是框架的入口。框架是怎么开始进行初始化的,框架...

网友评论

    本文标题:react+umi+dva框架

    本文链接:https://www.haomeiwen.com/subject/ilsvtctx.html