参考:  图解dva: https://www.yuque.com/flying.ni/the-tower/tvzasn  分别基于React、Redux、dva的不同实现优化       dva图解: https://dvajs.com/guide/fig-show.html 快速上手  https://juejin.cn/post/6844903840404209678  推荐(有思维导图) 
转载 2021-08-24 09:54:00
224阅读
2评论
记录一下最近项目所用到的技术React + Dva + Antd + umi ,以免忘记。之前没有用过它们其中一个,也是慢慢摸索,了解数据整个流程。先了解下概念React
转载 2021-09-09 15:31:59
1142阅读
一直在使用 antd pro 简单粗暴地做前端项目,最近有个项目需要自己构建,从0做起太麻烦,我选择了dva-cli。创建项目期间也遇到不少问题,最后也都得到了解决。思前想后还是做一次记录,希望对大家创建项目有一定的帮助。如果不知道dav的,可以去官网先了解一下:https://dvajs.com/ ...
转载 2021-09-08 15:14:00
562阅读
2评论
阿里的 AntDDva、Umi等: React 16.8 开始支持 Hooks。 1、(React实践)Umi Hooks:hooks.umijs.org/ https://github.com/umijs/hooks 2、react生命周期的最新图谱:http://projects.wojte
原创 2021-07-31 09:34:34
373阅读
dva的定义dva 是基于现有应用架构 (redux + react-router + redux-saga 等)的一层轻量封装;redux 他是react当中的仓库,如果熟悉vue的话,他的功能类似于vuex。将公用的数据放在redux当中,通过reducer函数改变redux中的值(state)。注意redecer是一个纯函数,具体概念和用法可以去学习一下。react-router 就是rea
转载 2024-01-02 08:47:56
30阅读
再看本篇文章之前,本人还是建议想入坑react的童鞋可以选有create-react-app来创建react的项目,因为现在dva和roadhog还不成熟,坑相对要多一些,当然如果你已经做好跳坑的准备,那么请继续往下走; 本文适合对 ES6+webpack 有一定了解的人。没有的了解的同学可以先看看
转载 2020-05-13 11:47:00
175阅读
2评论
在开发后台管理系统中,经常会碰到合计行的需求,element有直接的属性可以使用,antdvue的需要手动去生成   如图为实现合计后的效果        1。首先给table配置column的时候,要明确哪些字段需要使用合计,如上图,只有总板数需要使用合计,那给总板数的配置加上标识符 即可,我这里为了方便辨识,直接增加了 su
1. 路由登陆后跳转到主页: router/index.js 配置 // Avoided redundant navigation to current location const originalPush = Router.prototype.push Router.prototype.push
原创 2022-09-20 11:59:40
276阅读
<template> <a-table :columns="columns" :data-source="data" :scroll="{ x: 1300,y:1500}" class="tb_list" ref="table" :pagination="{ current: table.pageN
ide
原创 2022-09-20 12:02:45
35阅读
接口请求: 安装:npm install axios --save main.js配置 import axios from 'axios'; import qs from 'qs'; Vue.prototype.$axios=axios; Vue.prototype.qs=qs; axios.def
原创 2022-09-20 12:03:41
112阅读
1.全局样式色彩色彩体系主要分为两个层面:系统色彩体系以及产品色彩体系;系统色彩体系是系统的一些基础颜色,产品级色彩体系更多的是根据产品诉求不同而使用的颜色(像品牌色,功能色之类的)色彩在使用时更多的是基于信息传递、操作引导和交互反馈等目的布局UI界面的空间布局要基于「动态、体系化」的角度出发展开,建议从以下5个方面出发统一的画板尺寸:统一设计板尺寸适配方案:判断系统是否需要适配,哪些区域是需要动
醉卧沙场君莫笑,古来征战几人还。 一、简介数据驱动的图形编辑引擎,以流程图展示关系流程,支持拖拽 二、基础使用所有图表示例1. 实现一个最简易的Graph⑴. 安装# npm $ npm install @antv/x6 --save # yarn $ yarn add @antv/x6 ⑵. vue代码react 的通道 -><template> <div i
转载 7月前
106阅读
效果图: <template> <div> <a-button class="editable-add-btn" @click="handleAdd"> Add </a-button> <div> <a-table :columns="columns" :data-source="data" bor
原创 2022-09-20 12:02:32
887阅读
先说下效果: 代码: <template> <div> <a-card title="form-data" :bordered="true" style="width: 40%"> <div> <a-form ref="form" layout="inline" :model="form" > <d
ico
原创 2022-09-20 12:02:51
786阅读
一.目标定位想解决什么问题?打算怎么做?简言之:dva想提供一个基于业界react&redux最佳实践的业务框架,以解决用裸redux全家桶作为前端数据层带来的种种问题编辑成本高,需要在reducer,saga,action之间来回切换不便于组织业务模型(或者叫domainmodel)。比如我们写了一个userlist之后,要写一个productlist,需要复制很多文件。saga书写太复
原创 2021-01-15 20:47:05
2456阅读
一、搭建基础环境1. 正常有两种使用vue的方式(1)第一种直接在html中引入vue脚本使用(简单的代码书写,本人就不在展示了,有兴趣的看Vue直接引入js) (2)第二种使用webpack进行构建(可以书写复杂的代码,推荐)2. 使用webpack构建环境准备(1)本人环境(2)按照下列顺序安装node.js安装教程npm使用介绍(安装后建议使用国内的淘宝镜像cnpm,当然cnpm有时安装会导
转载 2024-03-07 13:07:38
227阅读
最近开发中使用到了Antd这款世界上最受欢迎的(前段时间还是第二)React-UI框架,而这个表单(Form)我看眉清目秀的,来,让哥哥来康康······功能收集输入表单容器(input、select)内容根据校验规则进行内容校验 并 显示结果APIcreategetFieldDecoratorgetFieldValuegetFieldsValuesetFieldsValue····
一、基本概念dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,还额外内置了react-router 和 fetch,所以也可以理解为一个轻量级的应用框架。易学易用,仅有 6 个 api,对 redux 用户尤其友好,配合 umi 使用后更是降低为 0 APIelm 概念,通过 reducers, effects 和 subscriptions 组织
安装antd-vue并按需加载(详见 https://www.antdv.com/docs/vue/use-with-vue-cli-cn/ )注:antd-vue2.0+和antd-vue3.0+都是只支持vue3.0+。只有ant-vue1.0+才支持vue2.0+ 1、yarn add ant-design-vue@1.7.8 2、yarn add babel-plugin-import 3
转载 2023-08-02 15:51:33
101阅读
a-table组件中加入以下两个属性:customRow="rowClick":rowClassName="rowClassName"/*** @Author: 路博欢* @Date: 2
原创 2023-03-09 17:22:40
743阅读
  • 1
  • 2
  • 3
  • 4
  • 5