偶尔翻到antd_design_pro 发现管理端做的还是可以的，虽然是后端的程序员，但是也要了解一下前端的一些知识，那么首选我们看看如何
原创
2022-07-07 17:54:20
352阅读
在 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
677阅读
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
通过Blazor使用C#开发SPA单页面应用程序(1)通过Blazor使用C#开发SPA单页面应用程序(2)通过Blazor使用C#开发SPA单页面应用程序(3) 前面学习了Blazor的特点、环境搭建及基础知识，现在我们尝试的做个实际的组件。 Ant Design是蚂蚁金服是基于Ant Design设计体系的 UI 组件库，主要用于研发企业级中后台产品。目前官方
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
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
1、什么是嵌套路由嵌套路由又称子路由，在实际应用中，通常由多层嵌套的组件组合而成。同样地，URL 中各段动态路径也按某种结构对应嵌套的各层组件，例如：2、创建嵌套视图组件1）用户信息组件在 views/user目录下创建一个名为 Profile.vue的视图组件；该组件在当前章节无任何作用，主要用于展示嵌套效果；<template>
<h1>个人信息</h1&
目录1. 回顾antd pro 结构2. 用antd pro实现todolist3. 从接口获取数据，而不是页面上直接获取4. 搜索功能5. 删除功能6. 页面分页7.删除？刷新？8. 测试平台1. 回顾antd pro 结构（1）重要菜单：config菜单下routes.ts里可以设置其他相关目录的结构，添加新页面的内容。即：src/pages/下添加新文件夹，对应新页面（2）useState,
最近用 antd pro 开发了一些 web 小工具。antd pro 不仅仅是升级版的 antd 组件，更重要的是提供了全套的前端解决方案，包括前端工程的编译打包，路由配置，数据管理，样式和资源的引用，和后端的交互方式。
甚至对于网站的国际化也有支持。本篇是近期使用antd pro 时，用到的一些功能的整理，整理这些内容是因为比较常用，省得每次在 antd pro 的官方文档中去搜索。菜单部分a
转载
2024-04-24 20:06:31
422阅读
相信有很多小伙伴发现antd-mobile中的下拉刷新组件，也发现例子挺难的，其实这个组件并没有那么复杂，只是demo例子不好理解，给大家提供一个简单的demo，或许可以帮到你上拉刷新下拉加载- 因为它用react-dom做操作了，所以把react-dom也导进来
- rowID是每次的ID，rowData是每次的数据
- renderSseprator就是个分隔符
- this.state.da
转载
2024-06-23 13:50:49
152阅读
1、使用介绍找到一个比较详细的介绍文 { path: '/agricult
转载
2021-08-15 11:46:59
3378阅读
关于antd组件Select的api的用法1 defaultValuedefaultValue 文档看起来比较简单，但是当你动态赋值的时候会发现defaultValue不起作用，原因就是react渲染机制引起的，那么怎么解决这个问题呢？ 1 我查百度常说的是把 defaultValue 换成 value 但是Select 组件当换成value 属性时 再下拉选择，选择内容不在会改变，所以这个方法并
概要路由配置是单页应用的核心之一, antd pro 将所有的路由配置集中在一个文件中, 可以更好的对应用的全局进行管理.同时, 它的路由还和菜单和面包屑自动关联上了, 真的是给开发节省了大量的时间.antd pro 路由简介首先创建一个 antd pro 的项目, 创建方法很简单, 参见 antd pro 的文档antd pro 的路由配置文件在项目根目录下的 config 文件夹中: /con
转载
2020-04-17 16:47:00
692阅读
2评论
一、filePath not found 【解决】 https://github.com/ant-design/ant-design-pro/discussions/9362 这个方案救了我二、antd中Modal结合form的复合使用【解决】 https://www.jianshu.com/p/d70bbe4cee38 import { Form, Input, Modal, message,
1.全局样式色彩色彩体系主要分为两个层面：系统色彩体系以及产品色彩体系；系统色彩体系是系统的一些基础颜色，产品级色彩体系更多的是根据产品诉求不同而使用的颜色（像品牌色，功能色之类的）色彩在使用时更多的是基于信息传递、操作引导和交互反馈等目的布局UI界面的空间布局要基于「动态、体系化」的角度出发展开，建议从以下5个方面出发统一的画板尺寸：统一设计板尺寸适配方案：判断系统是否需要适配，哪些区域是需要动
Wowoy： 开启一个移动端项目的基础，首先是想好如何在代码中实现移动端适配。之前没有经验，第一个项目里简单粗暴地采用px写死的方法，觉得不好，本项目采用的是像一位优秀同事习得的rem布局方法，它可以自适应不同屏幕尺寸的设备，简单好用。这里我们要用到两种单位:1.vw: viewport width，相对于视口的宽度；1vw为视口宽度的1%，100vw为设备的宽度；2.rem: 相对于
转载
2024-06-12 20:53:13
64阅读
