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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,916评论 7 110
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,258评论 0 2
  • 好多人说rn好用,一直要推荐我用,我就不信了,来安装玩一下试试效果。实践出真知!安装过程各种坑,工具太多了,太麻烦...
    AWeiLoveAndroid阅读 2,464评论 0 12
  • 一无戒365训练营极限挑战第97篇 爱她就放她走,这是谁编造出来的谎言?为什么听起来这么残忍?爱她不是应该将她放在...
    流花河阅读 882评论 1 1
  • 简书的iOS app界面简洁,字体可能是专用字体,看起来非常舒服。从形式上看,非常像全是长微博的新浪微博。目前能这...
    大白鱼阅读 203评论 0 0

友情链接更多精彩内容