在 React 领域里，一直缺少一套靠谱、好用的移动端组件，蚂蚁的 antd mobile v2 年久失修，几乎无人维护，跟 antd 相差甚远，在设计上，也有很多也已经跟不再符合 Alipay Design[1]。激动人心的是，就在前两天，在 ant-design-mobile[2] 的 discussions 里面已经发布了 5.0（白杨）的 Roadmap[3]。在 8 月 26 号晚上也已
本篇文章是最近在公司里做项目的时候，尝试配置路由的过程。由于头尾，和路由主体，包括控制器组长都已配置好，我这里只是单纯的写一些配置单个副页面的过程。大家肯定会有看不懂的地方，后续会陆续更新完整的配置全套路由的方法。如果想看完整的配套路由方法，抱歉，让你们失望了，我也是个程序媛小白一枚~~~。 好，现在切入正题：我工作的步骤如下： 一.分别在css，js，tpls文件夹里面比照同事建立文件夹
Ant Design Pro中路由的使用一. 介绍在 Umi 应用是单页应用，页面地址的跳转都是在浏览器端完成的，不会重新请求服务端获取 html，html只在应用初始化时加载一次。所有页面由不同的组件构成，页面的切换其实就是不同组件的切换，你只需要在配置中把不同的路由路径和对应的组件关联上。1. 路由样例export default [
{
path: '/application',
转载
2024-04-15 14:08:08
147阅读
理解request，import { request } from ‘umi’;//app.ts配置
export const request: RequestConfig = {
//错误出理器
errorHandler: errorHandler,
//请求拦截器，根据需要决定是否需要
requestInterceptors: [authHeaderInterceptor],
转载
2024-07-20 16:42:34
683阅读
1.全局样式色彩色彩体系主要分为两个层面：系统色彩体系以及产品色彩体系；系统色彩体系是系统的一些基础颜色，产品级色彩体系更多的是根据产品诉求不同而使用的颜色（像品牌色，功能色之类的）色彩在使用时更多的是基于信息传递、操作引导和交互反馈等目的布局UI界面的空间布局要基于「动态、体系化」的角度出发展开，建议从以下5个方面出发统一的画板尺寸：统一设计板尺寸适配方案：判断系统是否需要适配，哪些区域是需要动
antd.pro最近更新额V5版本，于是使用了最新的版本。V5版本抛弃了dva的数据流配置方式(狗头：原因就是配置太繁琐了，你要为每个module配置module文件，并且使用generator的方式作异步请求，然后在请求service.......，)，对于刚入手antd.pro的童鞋来说十分的不友好，我在接触V4版本的时候，花了两天的时间才完全打通了所有的环节。V5就相对来说简单的多了，好处的
前端初学者的Ant Design Pro V6总结（上）前端初学者的Ant Design Pro V6总结（下） 文章目录@umi 请求相关一个能用的请求配置Service层 TS 类型规范Service层 函数定义@umi 请求代理 Proxy@umi/max 简易数据流useModel 没有类型提示？useModel 书写规范ProForm 复杂表单当外部数据发生变化，ProForm不更新？P
偶尔翻到antd_design_pro 发现管理端做的还是可以的，虽然是后端的程序员，但是也要了解一下前端的一些知识，那么首选我们看看如何
原创
2022-07-07 17:54:20
352阅读
通过Blazor使用C#开发SPA单页面应用程序(1)通过Blazor使用C#开发SPA单页面应用程序(2)通过Blazor使用C#开发SPA单页面应用程序(3) 前面学习了Blazor的特点、环境搭建及基础知识，现在我们尝试的做个实际的组件。 Ant Design是蚂蚁金服是基于Ant Design设计体系的 UI 组件库，主要用于研发企业级中后台产品。目前官方
微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码 在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法 我们两个项目都是ant-design-pro的,我这里的例
转载
2024-06-19 04:19:43
99阅读
ant design pro的model书写规范：首先定义好自己的数据类型
export interface TagType {
id: number;
history_ip: string;
history_datetime: string;
history_cpu_load: number;
history_disk_usage: number;
history_mem
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建Ant Design Pro of Vue下载安装启动步骤：一、Ant Design Pro of Vue 的介绍Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升
转载
2024-04-26 11:08:13
259阅读
1：create-react-app 项目名称 2：cd 项目名称按需引入办法 1：安装antd-mobilenpm install antd-mobile --save2：引入 react-app-rewired 并修改 package.json 里的启动配置。。由于新的 react-app-rewired@2.x 版本的关系，你需要还需要安装 customize-cra。npm install
做过后端管理系统的“猿们”都知道，后端界面的框架无非就是左右结构【左边是菜单栏，右边是具体业务的功能界面】。但是右边的功能界面，我们又能拆分出来一些公用的控件：搜索栏、操作按钮栏、列表【table、tree、treetable】等，今天小编大致说下自定义操作按钮栏控件的封装以及实现。首先，在做自定义控件之前，我们要想清楚我们封装自定义控件的目的，以目标为导向去实现。(以上内容纯属片汤话儿)1.目的
<a-input @blur="validateDomainBlur" placeholder="请输入需要绑定的域名" v-decorator="['domain', { rules: [ { required: false, message: '请输入域名' }, ], getValueFrom
转载
2020-03-11 15:27:00
1054阅读
2评论
vue是一个JavaMVVM库，是一套用于构建用户界面的渐进式框架，是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。它是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。它提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。一、安装vue1、安装node.js，安装完node.js之后，npm也会自动安
转载
2024-09-19 10:19:31
309阅读
一、React 结合 Antd 实现权限列表引入所需相关的组件和文件，如下所示：import React, { Component } from 'react'
import { Link, withRouter } from 'react-router-dom'
import { Menu, Icon } from 'antd'
import logo from '../../assets/im
转载
2024-04-19 14:31:00
169阅读
Ant Design Pro Vue不完全开发手册前言准备工作：1、安装npm2、可选安装3、安装 vue-cli 工具：4、参考文档基础开发学习：1、git项目拉取2、安装项目3、启动项目4、文件解析vue.config.jsrouter.config.jsviews（1）api.js（2）vue开发浅谈问题与解惑1、如何把父组件的值传到子组件2、父组件调如何用子组件方法3、子组件如何调用父组
介绍G2 是一套基于图形语法理论的可视化底层引擎，以数据驱动，提供图形语法与交互语法，具有高度的易用性和扩展性。使用 G2，你可以无需关注图表各种繁琐的实现细节，一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。一、安装 antV-G2通过 npm 安装npm install @antv/g2 --save成功安装完成之后，即可使用 import 或
写在前面 时间真快，转眼又是新的一年。随着前后端技术的不断更新迭代，尤其是前端，在目前前后端分离开发模式这样的一个大环境下，交互性、兼容性等传统的开发模式已经显得有些吃力。之前一直用的是react，随着后面钩子的加入更让人爱不释手，但是整个团队需要更新技术，这里选择了更容易上手的Vue（这里的容易上手并没有歧义，指的是更容易适应），也相信Vue3.0发布后
转载
2024-03-20 20:14:07
311阅读
