react-antd-admin 基于react+ts+antd构建的管理后台脚手架模版 线上地址http://gjq0208.gitee.io/react-antd-admin git地址https://github.com/guo-jianqiang/react-antd-admin 单独使用Layout 详情请查看little-deer-ui 1.ConfigurationDrawer 1-1.可缓存系统配置 ...
import { message } from 'antd'; // 虽然此处嵌套路径较深,在ts文件中输入 TableConfig 时,编辑器会自动引入依赖 import { TableConfig } from '../../../../component/tableView'; // ts会进行类型检查与提示,可安全编写配置 // 实现TableConfig配置 // 该文件为普通ts文件,最终返回为json格式数据,可...
Antd Multi Tabs Admin 🛠️Antd多标签页后台管理模板🛠️ 由于业务上有多页签需求,网上找了一圈,都是基于antd pro的模板,太重了,不喜欢😒。 于是自己从以前的框架上改造,搭了这么一个精简版框架,用得也舒服,原创🤪。 预览地址 特性 📐:代码规模:原创精简版脚手架,主张最少,不臃肿 ...
UI 组件:antd、@ant-design/aliyun-theme 数据管理:redux、react-redux、redux-thunk、redux-logger 类型检查:typescript 接口请求:axios cookies:js-cookie 过渡动画:react-transition-group CSS 规则:BEM 后端API:nodejs、eggjs、ts、mysql、sequelize
react-antd-admin React+Ts+Antd+Mobx开发的后台管理系统模板,包含权限管理系统、API接口 github地址 码云地址 安装依赖 yarn install 接口docker地址 https://gitee.com/hanyun_admin/react-admin-docker.git 功能说明 登录认证 仪表盘 用户管理--用户列表、添加用户、编辑用户、删除用户...
import { Form, Modal, Input, Radio, message, Row } from 'antd'; import './EditFromindex.less' import { updatepassword } from '@/service/userService'; interface EditFormProps { visible: boolean; onSubmit: () => void; onCancel: () => void; ...
创建admin项目 admin基于之前的模板移植,具体代码可以查看这篇文章我用Antd5.x+React18+Vite3.x+Ts做了一个后台管理模版。 packages 搭建 创建components 子 packages 存放公共业务组件,比如Layout、Text components 创建hooks 子 packages 存放公共hooks,比如 useLocationListen、KeepAlive、Context ...
由于工作需要,最近搞了一系列后台数据报表类的可视化项目,在技术选型上使用了antd+ts+ehcarts+mobx,脚手架使用了create-react-app,在整合过程中发现有些关于这方面的文档交代的不是很清楚。在闲下来时,特整理了一些关键步骤,对自己来说也是一个复盘过程,同时也希望此文给有些懵逼的兄弟姐妹们作为一个参考,遇事不要...
cd react-admin-demos/yarn start 项目启动成功,浏览器会默认打开http://localhost:3000/,看到官方实例就算成功了。 二、引入antd并修改配置 下面我们引入相应的UI框架 yarn add antd 安装成功后,我们可以在项目中使用antd中组件,但是目前项目中引入了全部组件的样式,需要做按需加载。
│ │ └── types.ts │ └── utils #工具类 ├── tsconfig.json └── yarn.lock 目录 引言 第一章:项目创建、antd、less 第二章:路由拦截、路由嵌套 第三章:状态管理 Redux 第四章:网络请求、代理、mockjs 第五章:webpack配置 第六章:Eslint ...