Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
umi 后台管理demo
umi 后台管理demo umi react ts dva antd egg 有待优化 简单的前后端管理demo 接口提供增删查改 前端也有相应功能 github代码 https github com huiBuiling ql admin
umi
React
egg
【Umi+Antd+Ts实战】新增商品弹框组件【V1.0】
新增商品弹框组件 先看效果 1 点击 符号 弹出新增商品组件 路由配置可以参考下面博客 https blog csdn net weixin 43352901 article details 108536112 2 新增商品弹框内容 文件目
umi
antd
TS
组件实现
利用umi实现前端自定义打包
背景 目前项目有这么一个需求 一套前端代码里面有两个项目 这两个项目一个是设备页面 一个是平台页面 因为这两个项目有共同的页面和代码 所有就写在一个仓库里面 出现的问题是 打包项目A并且也会随带的项目B的代码 这就会造成打包体积的增大 打包
umi
前端
javascript
开发语言
前端框架
Web启动项目走Https协议(Webpack版,Umi版和Host代理版)
需求 Web项目的启动 一般是默认的http协议 在某些业务需求时 需要走https来调试 Webpack版本 只需在webpack的devServer中配置就可以了 devServer host 0 0 0 0 port 8080 htt
umi
web前端
tool
https
javascript
记一次umi开发后台管理系统的基础使用
先介绍一个umi 阿里开源的一个企业级可插拔的react脚手架 umi相对比react官方推荐的脚手架更加的简单 更贴近vue cli的使用感受 而本文仅仅介绍基础使用方法 高手请绕行 开发展示 仿叮咚买菜后台管理系统预览 http din
React
umi
redux
ReactJS
umijs中开启hd后配置的px2rem设置哪些样式转换为rem单位
开启高清hd即使用rem单位 会自动把项目中的所有px单位转换为rem单位 并且根据屏幕大小自动调节html的基础font size 这样的好处一个网站不同大小分辨率效果基本一样 先贴一份umi的配置 config config js内容如
react笔记
记录
umi
React
hd
antd pro(ProLayout) mix混合菜单不生效
一 问题描述 antd pro的混合菜单模式 算是一种比较新的导航菜单模式 可以让顶部全局导航 侧边导航混合模式同时出现 满足一些特别的需求 ProLayout高级布局组件的API里有一个layout参数 可以设置layout的菜单模式 我
ant design pro
React
umi
umi request和mock(mock文件夹下的js文件)请求传递和接收参数
目录 utils request js services test js mock test js 拓展 utils request js const fetch require dva fetch const checkStatus re
React
umi
umi3.5新特性之提速方案mfsu
前几天 umi 插件化的企业级前端应用框架 正式发布了3 5版本 此次更新带来了一个全新的功能 mfsu 一 mfsu是什么 mfsu是一种基于webpack5新特性Module Federation 模块联邦 的打包提速方案 开启mfsu
ant design pro
umi
前端
umi4学习 路由跳转 history useNavigate 的使用
umi4 history 已经不用query传参了 接下来就来讲讲如何传参吧 第一种 适用于只跳转路径 不携带参数 import history from umi history push user 第二种 用于携带参数 并且参数很多的情况
React
umi
学习
javascript
前端
UMI多环境配置
一般来说项目不止有dev和prod两个环境 umi可以通过环境变量 UMI ENV 区分不同环境来指定配置 需求 三套环境 gt 本地测试环境local 测试发布环境testbuild 正式环境probuild 1 在根目录新建 umirc
umi
前端
umi脚手架环境下 实现H5页面路由转场动画
目录 环境介绍 核心思路 核心代码所在目录中位置 核心代码的讲解 效果图 gitHub 地址 umi3 demo 环境介绍 umi 是一个可插拔的企业级 react 应用框架 我们使用 react transition group 动画库来
React
umi
reacttransitiongroup
转场动画
@umijs/plugin-locale使用
介绍 plugin locale是一个国际化的插件 用于解决i18n问题 约定式的多语言支持 可以进行多个国际语言的切换 启用方式 在umirc ts文件中配置locale 开启 使用 在src下创建一个locales文件夹 在文件夹下配置
umi
javascript
开发语言
ECMAScript
React Hooks + Umi Hooks + Ant Design Pro -------- 实时请求数据,监测到数据改变就局部刷新表格
1 前期准备 必要条件1 首先得有一个高级表格 没有自己就去官方文档找一个 必要条件2 高级表格获取数据源方式为request 必要条件3 有umi的包 能用useRequest setTimeout应该也可以但操作应该不一样 原因 我用的
React Hook
umi
React
react+umi+antdesign+typescript从零构建后台系统
确保电脑有node 查看方式 node v 2 确保电脑有umi 查看方式 umi v 没有umi的安装方式 npm install g umi 3 执行以下代码 npm create umi 文件名 或者 yarn create umi
React
ReactJS
typescript
umi
umi 导航菜单的空白页问题
主思路 routes里的上级菜单必须设定path 否则下一个二级菜单会出现空白页 详情 umi的导航菜单是在 config routes ts 里设定的 比如 export default name home path home compo
antd
umi
ReactJS
umi Mock数据
1 在mock文件夹下创建文件 export default GET api users users 1 2 api users 1 id 1 GET可忽略 POST api users create req res gt 和express
UmiJS
umi
【避坑指“难”】react+umi权限控制一网打尽(路由权限and按钮权限)
权限控制是业务中最最最最最常见的 通常B端需要对不同的用户配置不同的权限 相应的按钮也仅开放给部分用户可见 下面是权限控制的实现方式 一 菜单权限及路由权限 1 config routes tsx 添加access权限控制标识 path u
React
umi
超级避坑指难
ReactJS
javascript
基于UmiJs开发移动端的自适应配置方案
在移动端开发过程中 响应式布局是必须要考虑的一个问题 基于UmiJs开发时 使用的组件库是antd mobile 通过在 umirc js中添加配置项 及可以通过对于的postCss插件postcss px to viewport解决响应式
React
umi
dva
使用umi快速搭建项目
1 首先安装umi npm install umi g 2 创建一个文件夹 注意不能是中文 在vscode 中进入文件夹 执行命令生成package json文件 npm init 3 修改配置项 scripts start umi dev
React
umi
typescript
javascript
前端
1
2
»