Ant Design Pro 是一个企业级中后台前端/设计解决方案。本地环境需要安装 node 和 git，技术栈基于 ES2015+、React、dva、g2 和 antd。1、预备知识1）Redux 是 JavaScript 状态容器，提供可预测化的状态管理；Redux 除了和 React 一起用外，还支持其它界面
转载
2024-05-21 11:58:17
322阅读
需求：下拉框在选中时能够在check-icon后面显示当前选中项的排序，以及当超过最大可选数时不允许继续选中。在Antdesign组件里好像没有控制可选数的option，这点真的让人很奇怪诶~还得自己在onchange里写逻辑来控制。一开始我能想到的简单思路是：1.通过在属性options里面塞个icon，自定义选项的展示2.通过操作渲染好的下拉列表里的dom元素实践后发现上述的都不太可行，最后只
转载
2024-03-05 07:15:35
249阅读
因为是主学后端，为了做项目学点前端。下面的代码都是个人练习，主要是实现导航菜单进行路由跳转，分享一下学习收获和解决一些bug的所得。不足之处还请大佬多指点。附注：本文章多是参考其他文章的代码案例进行实现，主要自己的东西还是解决bug的心得。参考文章： 目录代码如下排错提示：需要学习导航菜单实现路由跳转的功能的请参考上面文章，本文有价值的不过只是排错和收获。欢迎指正！代码如下1. 依赖"a
业务背景：今天拿到了一个表格数据展示的需求，由于业务需要对数据进行选择过滤并且原来已经选用了 antd 中的 Table，所以选择了使用antd Table 自带的过滤功能。关于过滤方式首先在表格中进行数据的过滤和筛选大概有两种方式:第一种是在后端进行数据的筛选，即做查询关键字的处理，当数据量较大，服务器压力较小的情况下进行选用。第二种是在前端进行数据的筛选，即在前端对数据进行处理后显示，对客户端
9102 年了，前端工程化发展在 nodejs 的基础上已经发展的非常完善了，各种前端构建辅助工具层出不穷。ES6 编译器 babel，css 辅助工具 postcss / sass / less，代码风格检测工具 eslint / prettier / stylelint，git 辅助工具 husky / lint-staged / commitizen / commitlint，自动化构建工具
原理 antdPro用的是umi的路由，大体的实现方式是这样的： router.config.js => .umi/router.js => models/menu.js <=> layouts/BasicLayout.js => components/SiderMenu/index.js
PS: 这仅是针对menuData流向做的分析图
转载
2024-10-10 12:42:58
42阅读
以登录模块为例，对ant design pro的组件封装进行相关分析。登录模块包含基础组件的封装、组件按模块划分、同类组件通过配置文件生成、跨层级组件直接数据通信等，相对来说还是具有一定的代表性。1、登录模块流程图 首先，全局了解一下登录模块的总体流程。如下图所示。该流程图主要分两部分：1、页面布局；2、组件封装。黄色实线表示页面中组件的引用。下边会对基础组件分析，以及多层级组件直接的数据处
转载
2024-04-02 16:57:31
185阅读
Ant Design of React在Mac下的简单搭建使用Ant Design of React在Mac下的简单搭建使用1. `Ant Design of React `简介特性2. 环境要求1. `node` 环境1. 方案一:直接使用安装包2. 方案二:使用`brew`安装2. `npm`3. `brew`4. `yarn`3. 项目初始化1. 安装`create-react-app`2
步骤:1. 保证linux虚拟机正常运行和访问网络2. 保证yum install git 正常 , 以及wget 命令正常3. 正
原创
2022-07-08 20:13:43
293阅读
最近react项目，用的antd框架，然后看见他的antdPro例子里面有个定制功能很帅，老大说做，那就做吧，鼓捣了一晚终于实现了。先看预览效果吧css换肤入行前端的时候经常看鱼哥(张鑫旭)的博客，记得看过 这篇 ，当时很惊叹，原理其实很简单，就是我们最能想到的方式，多个css，然后用JS替换从而达到换肤效果。但是这个有局限性，比如我们用的是antdUI库，我们不可能每个颜色都去搞个css吧。当时
转载
2024-06-14 06:41:51
298阅读
开始从这里开始是用ant-design-vue组件写ant-design-vue-pro这个后台项目实现步骤的从零开始搭建的过程，视频地址，它采用了ant-desgin-vue的组件库作为素材开发，进一步提炼了中后台管理系统的产品原型，可以帮助快速搭建后台页面。技术栈： ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue。初始化项目采用Vue cli工具帮我们
转载
2024-05-11 19:45:36
82阅读
周末接到一个创建考试题库的任务，要求按照规定格式整理400道单项选择题。题目比较好找，之前也有部分练习题，但是格式要求与考试题库格式要求有差别，要求整理格式如下图： 题库格式要求 考试题库题目格式要求如上图所示，包含了题目类型、难度系数、分数、选项及参考答案。而手里的练习题目格式如下： 已有练习题格式 已有练习题格式如上图所示，如果直接在word中调整，由于题目数量较多，操作较
本篇文章主要包含的内容有三个方面。第一、Ant Design Pro简介;第二、Ant Design Pro能做什么;第三、初步使用;我相信通过这三个方面的讲解能让你大概知道Ant Design Pro是个什么玩意，同时也能通过小Demo提升学习信心。 一、Ant Design Pro简介Ant Design Pro是一个开箱即用的中台前端/设计解决方案。Ant Design
转载
2024-02-12 14:54:45
54阅读
1. 插件化原理DL框架的原理很简单：在宿主apk中，有一个ProxyActivity，即代理Activity，这个Activity相当于一个空壳，插件中的Activity依靠ProxyActivity来对生命周期回调、资源加载以及启动另一个Activity等等。总而言之，ProxyActivity提供Context，插件Activity依靠ProxyActivity来做自己想做的事情。2. DL
欢迎页未登录访问项目,初始页会直接跳转到 欢迎 *页. 从路由配置可以看到,如果我们访问 http://localhost:8000/ , 能匹配到的路由只有被 *redirect 到 *Welcome *组建.框架布局与核心组件路由分别经过了 SecurityLayout **,BasicLayout 组件,以及顶部的BlankLayo
一、常用的几个目录：config ：配置文件 config.js ：路由定义文件&&代理路径文件 defaultSettings.js ：主题颜色以及标题配置文件 plugin.config.js ：没怎么用过的配置文件 mock：mock数据文件，用于本地开
转载
2024-03-24 09:36:17
117阅读
一、概述权限控制是中后台系统中常见的需求之一，你可以利用我们提供的权限控制组件，实现一些基本的权限控制功能，脚手架中也包含了几个简单示例以提供参考。二、详细2.1、权限组件 Authorized
这是脚手架权限管理的基础，基本思路是通过比对当前权限与准入权限，决定展示正常渲染内容还是异常内容，使用方式详见 Authorized 文档。2.2、应用实例
通过对数据的组织及权限组件的应用，脚
转载
2024-03-26 12:15:04
76阅读
ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库，它其实是Ant Design的Vue实现，组件的风格与Ant Design保持同步，组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整的VUE组件库与开发方案集成项目。本文主要目的是总结一些开发过程中比较耗时间去查找，文档中没有具体说明的常见问题，同时希望能给新上手此框架的
转载
2024-02-28 21:17:49
37阅读
最近公司的业务需要,要做一个后台管理系统的管理系统类似于这样子功能需求如下:左边是权限菜单,右边对应的是具体权限.1.父级权限菜单选中,父级权限菜单的权限包括其中所有子级权限菜单的权限也要选中,父级权限菜单取消选中,同理. 如下图所示 2.父级权限中所有的权限没有全部选中,父级权限菜单属于半选中状态(注意这里父级权限菜单和子级权限菜单是相对的,父级权限菜单可以是子级权限菜单,
转载
2024-02-20 12:12:59
199阅读
前言这篇文章主要根据自己最近一个月从学习react到最近实际使用ant-design-pro，谈一谈自己的使用心得，个人见解有误的地方望大家指正！1、为什么要选择ant-design-pro？其实我来目前公司之前，公司前端技术栈是vue+vuex+elementui+axios，但是奈何公司前端利用vue做出来东西表现确实一般，更重要的是代码有点乱，用我自己的话说就是野路子太多（当然野路子多会很方
