prosign系统

Ant Design Pro开发后台管理系统（权限）

前言权限是后台管理系统常见的需求，后台开发必须考虑设计的模块，antd-pro给我们提供了很好的关于权限的封装，我们只需要在配置菜单的时候配置上准入身份，在登录成功以后获取到登陆者身份以后更新登录人身份参数即可。效果： 1、没有准入权限的菜单将不显示 2、直接在浏览器输入没有准入权限的的地址，将跳转到403页面（图1）图1.直接输入地址但却没有权限个人demo关于权限简介 1...

Ant Design Pro开发后台管理系统（Search）

Search 搜索，提供一般列表页搜索，本文简单讲述一下设计思想。先看一下效果图组件只封装了 RangePicker、Input、Select三个搜索条件，可以继续扩展图1.我们要做什么为什么要封装Search组件？如图1列表页带搜索，运用场景很多，而且搜索条件有多有少，搜索类型也多有不同，产品还时不时的加或者删几个搜索条件......如果不封装的话我们每次使用都要引入大量...

Ant Design Pro开发后台管理系统（Table）

Table 表格官方Table api 先来看一下本次要实现的页面其中包含： 1、面包屑 2、搜索组件的封装（对象生成UI） 3、Table 表格的使用 4、Pagination 分页的使用本文只讲UI开发，接口开发后续更新 image table 的使用有很多形式和方法，可以直接看api。这块儿讲的是对整个搜索、table还有分页的整体封装，因为上图的形式应用场景还是很多的...

Ant Design Pro开发后台管理系统（新增页面）

通过实际demo演示一个管理后台的开发过程知识点： 1、新增router，新增models 新增菜单配置 1、如上图所示，打开/src/common/menu.js可以看到菜单列表其中 menuData 是菜单数组，其中每个对象表示一个菜单 name 表示菜单的名字 path 表示菜单的路由地址名称 icon 表示菜单的icon anthority 表示权限控制可以是字符串也可...

Ant Design Pro开发后台管理系统（前言）

Ant Design Ant Design Pro 为什么选择Ant Design Pro?(说重点） 1、基于Ant Design ui框架，优雅美观 2、使用React/dva/antd等前端前沿技术开发 3、响应式布局，适配各种屏幕 4、Mock数据，实用的本地数据调试方案 5、包含常见的后台应用页面和场景使用：命令行运行下列命令，快速启动开发服务器 $ git clone git@g...