Ant Design Pro 开发上手

目录

 

 

地址

安装

目录结构

本地开发

打部署包

路由控制


 

地址

首页:https://pro.ant.design/index-cn

源码:https://github.com/ant-design/ant-design-pro/

文档:https://pro.ant.design/docs/getting-started-cn

 

安装

$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project $ cd my-project

目录结构

我们已经为你生成了一个完整的开发框架,提供了涵盖中后台开发的各类功能和坑位,下面是整个项目的目录结构。

├── config                   # umi 配置,包含路由,构建等配置
├── mock                     # 本地模拟数据
├── public
│   └── favicon.png          # Favicon
├── src
│   ├── assets               # 本地静态资源
│   ├── components           # 业务通用组件
│   ├── e2e                  # 集成测试用例
│   ├── layouts              # 通用布局
│   ├── models               # 全局 dva model
│   ├── pages                # 业务页面入口和常用模板
│   ├── services             # 后台接口服务
│   ├── utils                # 工具库
│   ├── locales              # 国际化资源
│   ├── global.less          # 全局样式
│   └── global.js            # 全局 JS
├── tests                    # 测试工具
├── README.md
└── package.json

本地开发

安装依赖。

$ npm install

如果网络状况不佳,可以使用 cnpm 进行加速。

$ npm start

 

打部署包

npm run build

 

路由控制

config/router.config.js

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/416903.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Ant Design Pro 开启默认进入登录页

src/utils/authority.js getAuthority方法中 return authority || [admin]; 改为 return authority || [guest];

图片异步上传,使用ajax上传图片

1、使用插件plupload 2、实现效果 3、HTML 1 <li> 2 <div class"default" data-disabled"false"><img src"" class"upImage"></div> 3 <input id"fileStorge2" value"" type&…

Ant Desgin Pro 修改登录后默认导航到的位置

src/models/login.js 40行 yield put(routerRedux.replace(redirect || /)); 修改/为需要的路径

Ant Design Pro 登录超时处理

登录超时处理 看src/utils/request.js中的通用处理 有if (status 401) {dispatch到注销页面 所以后端用户状态无效时直接返回401即可 如 response.setStatus(401);

java并发容器

1 并发容器 &#xff08;1&#xff09;ConcurrentHashMap 把整个hashmap 分成若干个小的hashmap&#xff08;segment&#xff09;&#xff0c;每个segment自己加锁&#xff08;用ReentrantLock&#xff09;,put的时候采用while(trylock())&#xff0c;tryLock是底层是使用cas竞…

Ant Design Pro 修改title

在userlayout.js和Basiclayout.js里面修改getPageTitle方法里面的title变量值&#xff0c;修改后重启下项目&#xff0c;清除下缓存~~ src/pages/document.ejs中也要修改。

离职原因任意说

俗话说。人往高处走&#xff0c;水往低处流。此处不留爷&#xff0c;自有留爷处。金子总有发光的时候。每一个人离职都能够找出一堆的理由。离职理由大不同。如今让我们分享下呗。 &#xff08;1&#xff09;习惯性离职&#xff0c;这些人常年无心&#xff0c;静心工作&#xf…

Azkaban WebApi 调用

目录 登录接口 获取projectid及flow列表 获取某个project下flow的schedule执行计划 修改执行时间 列表执行历史 执行flow 删除执行计划 官方文档&#xff1a;https://azkaban.readthedocs.io/en/latest/ajaxApi.html 登录接口 调用示例: curl -k -X POST --data "…

Android BitmapShader 实战 实现圆形、圆角图片

转载请标明出处&#xff1a;http://blog.csdn.net/lmj623565791/article/details/41967509&#xff0c;本文出自&#xff1a;【张鸿洋的博客】 1、概述 记得初学那会写过一篇博客Android 完美实现图片圆角和圆形&#xff08;对实现进行分析&#xff09;&#xff0c;主要是个自定…

离线部署CDH5.16.1及各种坑

所需安装包及版本说明&#xff1a;由于我们的操作系统为CentOS7&#xff0c;需要下载以下文件&#xff1a; cloudera-manager-centos7-cm5.16.1_x86_64.tar.gz CDH-5.16.1-1.cdh5.16.1.p0.3-el7.parcel CDH-5.16.1-1.cdh5.16.1.p0.3-el7.parcel.sha1 manifest.json Cloudera M…

如何快速理解JavaScript 中重要语句for循环

一.基本结构&#xff1a;for(起始状态&#xff1b;判断条件&#xff1b;状态改变){ 执行语句&#xff1b; } 执行顺序&#xff1a;for&#xff08;var i1;i<3;i&#xff09;{ alert(i); } 1.判断条件 2.执行语句 3.状态改变 break&#xff08;结束此循环&#xff09;.…

Seafile 开源企业云盘部署

目录 部署 下载安装包 安装pip 安装其他依赖 安装 启动 重新部署 官网&#xff1a;https://www.seafile.com/home/ 文档&#xff1a;https://manual-cn.seafile.com/ 源码&#xff1a;https://github.com/haiwen/seafile-docs-cn 部署 下载安装包 https://www.seafi…

前端学习(2387):组件库使用说明

main.js import Vue from vue import App from ./App.vue import router from ./router import ./styles/index.less // 加载组件库 import ElementUI from element-ui // 加载样式 import element-ui/lib/theme-chalk/index.css Vue.config.productionTip false // 注册组件…

深度理解 Virtual DOM

目录&#xff1a; 1 前言 2 技术发展史 3 Virtual DOM 算法 4 Virtual DOM 实现 5 Virtual DOM 树的差异&#xff08;Diff算法&#xff09; 6 结语 7 参考链接 1 前言 我会尽量把 Virtual DOM 应用场景、实现思路、算法讲述清楚&#xff0c;希望大家阅读后&#xff0c;能让你 深…