分类 react 下的文章
umi项目部署在非根目录下,多路由指向的情况解决方法
本篇,只在umi项目非常熟练的情况下,如不清楚,可去umi官方文档了解。
一,需求:
1号地址:http://abc.abc.com/aaa
众所周知umi项目要部署在非根目录下,配置base必须为某个目录,即base:'/aaa/'
进入项目后,路由会自动以‘/aaa’为前缀,跳转正常,
例如:
(1)点击‘关于我们’,会路由到http://abc.abc.com/aaa/about
antd-design库iconfont字体本地化
书写此篇,主要针对您的项目是create-react-app搭建的(未eject配置的),并且用的antd-design UI库还是2.x版本之前的,本篇也许对你有极大帮助。
此时的antd已经是3.9.1版本了,早早的已经是3.x以上了,也不存在上述问题,那么您可以忽略此篇了!
react项目开发-模拟数据的增删改查(前三篇续)
今天,我们增加一下对数据的增删改查的开发,这里不涉及用后台数据,而是使用json-server这个模拟数据的工具(可自行学习,这里不做详述)来实现。
我们索性就对音乐页面做开开发吧:https://localhost:9999/music,现有截图如下:
react项目开发-布局和导航菜单(前三篇续)
关于布局,我们以偏向管理系统的风格为例,采用上左右布局,即:上放置logo,账户信息等公共数据,左放置菜单分类,多级导航等,右放置主体业务内容等。
react项目开发-路由优化(前三篇续)
目前的项目架构,大家都能看到,有路由跳转的地方都是写死的url,如<Link to={'/aaa'}>,push({pathname:'/login'}),这种方式呢,没有问题,但是这样写死不太好,不便于后期维护,
比如以后要改下路径,除了config.js中需要改一次,代码全篇幅都需要改一次,好累;name该怎么办呢?以下我们就来处理一下路由的优化!
优化思路:
react项目开发-权限布局(前三篇续)
基于create-react-app官方脚手架搭建dva模式的项目-权限布局的开发,之前的项目骨架已经可以按照你自己的业务和项目逻辑去组装汽车了。
这里依然以上项目骨架为基础,增加权限布局的开发。
权限设计思路:
基于create-react-app官方脚手架搭建dva模式的项目(三)
接上一篇:http://blog.ixiewei.com/index.php/archives/205.html
项目配置到这里之后,接下来就需要处理以下配置了:
1 国际化
2 store的数据存储结构
国际化和store数据结构的设计:
此处采用immutable数据格式(immutable一款很棒的数据操作工具,此处不做详解,有兴趣的同学可自行学习),把数据存于model,同样国际化的判断参数定为: i18n 存于app的model中,取值来源于浏览器的本地缓存localStorage用户若设置了某种语言,则存在这里,用户下次访问系统,也依然能唤起上次所选中的语言,当初次访问时,语言默认先取自浏览器,若依然取不到则默认咱们的中文。