小记心得

目前的项目架构，大家都能看到，有路由跳转的地方都是写死的url，如<Link to={'/aaa'}>,push({pathname:'/login'}),这种方式呢，没有问题，但是这样写死不太好，不便于后期维护，比如以后要改下路径，除了config.js中需要改一次，代码全篇幅都需要改一次，好累；name该怎么办呢？以下我们就来处理一下路由的优化！

本篇，只在umi项目非常熟练的情况下，如不清楚，可去umi官方文档了解。一，需求：1号地址：http://abc.abc.com/aaa众所周知umi项目要部署在非根目录下，配置base必须为某个目录，即base:'/aaa/'进入项目后，路由会自动以‘/aaa’为前缀，跳转正常，例如：（1）点击‘关于我们’，会路由到http://abc.abc.com/aaa/about二，需...

书写此篇，主要针对您的项目是create-react-app搭建的（未eject配置的），并且用的antd-design UI库还是2.x版本之前的，本篇也许对你有极大帮助。此时的antd已经是3.9.1版本了，早早的已经是3.x以上了，也不存在上述问题，那么您可以忽略此篇了！一下本人以"antd": "^2.13.2",做分析，此项目中您就会遇到，请求中有https://at.alicdn...

今天，我们增加一下对数据的增删改查的开发，这里不涉及用后台数据，而是使用json-server这个模拟数据的工具（可自行学习，这里不做详述）来实现。我们索性就对音乐页面做开开发吧：https://localhost:9999/music，现有截图如下：好，废话不多说，下面开始：1 安装json-server，运行cnpm i json-server --save-dev；根目录下新...

基于create-react-app官方脚手架搭建dva模式的项目-权限布局的开发，之前的项目骨架已经可以按照你自己的业务和项目逻辑去组装汽车了；这里依然以上项目骨架为基础，增加权限布局的开发。

基于create-react-app官方脚手架搭建dva模式的项目（三）

接上一篇：https://blog.youkuaiyun.com/xw505501936/article/details/80621740先来看下现有项目：点击 去BBB页面 如下：点击 去CCC页面 如下：好，以上是现有项目情况。下面我们让页面稍微美观一些，引入UI库，这里依然选用阿里系的antd（具体不做介绍，有兴趣的同学可官网查阅，此UI库也有针对angular的版本，也...

思索良久，决定还是记录下心得体会：一个基于create-react-app官方脚手架，搭建起来的dva开发模式的react项目。当然现今的前端市场如此强大，你可以在网络上找到你想要的任何脚手架，并且很多可以开箱即用，不可否认它们很优秀，开发它们的人或团队更值得我们竖起大拇指，为他们点赞！比较适合国人还是阿里系的一套react开发脚手架，dva-cli，antd，Umi等，当然gitHub上也有...

最近项目中有此需求，react地图组件的开发：1 输入地址可查询出对应地图位置并标记点2 能返回经纬度，并提交服务端保存3 在地图上点击某一点，也能返回对应经纬度和地址信息4 国内，国外均可使用经过调研决定，采用谷歌地图和高德地图来封装组件，当渲染地图组件时，先试图请求谷歌map的api，若能访问则使用谷歌地图，若不能访问，则调用国内高德地图，框架环境：react+dva+antd+umiJs；其...

关于布局，我们以偏向管理系统的风格为例，采用上左右布局，即：上放置logo，账户信息等公共数据，左放置菜单分类，多级导航等，右放置主体业务内容等。1 先来改造layout/layout.js，增加主体布局，并且判断是否是登录页面，布局不同，代码如下：import {connect} from 'dva';import React from 'react';import pathToR...

此篇仅做简述，详细请见实际项目1 项目结构：（1）服务端eggjs开发（2）客户端umijs开发（3）数据库mysql数据库2 效果如下：3 备注：（1）数据库使用的在线数据库，下载后，需配置为自己的mysql数据库（2）涉及知识点，官方网站上均有，请自行学习https://eggjs.org/zh-cn/4 github地址：https://github...