ant design pro 新增页面

2.由于pro版本升级到2.0,所以重新做了一个分享,下面是目录地址

1.在 src/routes/ 下面的任意一个文件夹下面创建一个页面

// 填写如下内容

/** NewPage.js内容 */

import React, { Component } from 'react';

export default class NewPage extends Component {

render() {

return (

这是新页面

)

}

}

/** NewPage.less内容 */

@import "~antd/lib/style/themes/default.less";

2.将刚刚写的组件注册到路由里面,修改 src/common/router.js文件

/** src/common/router.js内容 */

'/newPage':{

component:dynamicWrapper(app,['monitor'],()=> import('../routes/User/NewPage')),

},

/** src/common/menu.js内容*/

{

name:'新页面',

icon: 'table',

path:'newPage',

},

添加后的效果

src/common/router.js

src/common/menu.js

3.运行结果

ps2020的antlib文件在哪_ant design pro 新增页面相关推荐

  1. ant design pro模板_ant design pro 当中改变ant design 组件的样式和 数据管理

    ant design pro 简介 官网简介 Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续 ...

  2. ant design 预览图片_Ant Design Pro上传图片

    Ant Design Pro上传图片 今天看了下Ant Design Pro上传图片的插件,感觉挺简单,也没有遇到太多问题,分享个大家!顺便记录下. 这里有个坑,主要文件命名的时候不要和保留关键词同名 ...

  3. ant design pro模板_Ant Design Pro入门教程,安装,运行(V5 Typescript版)

    [前言] 找了很多Admin模板,最后还是看中了AntDesignPro这个阿里巴巴开源的Admin框架,长这样(还行吧,目前挺主流的): 该套模板是使用了React开发框架作为基础,AntDesig ...

  4. ant design pro模板_Ant Design Pro 学习笔记

    学习笔记 摘要介绍 Ant Design Pro 是一个基于Ant Design搭建起来的模板项目.它提供了两个主要布局:BasicLayout.UserLayout,在布局基础上制作了20多个基础页 ...

  5. 23 版本以上的v4包_Ant Design Pro V2升级到V4 小结

    前言 前不久接手过一个历史悠久的项(shi)目(shan),技术栈之复杂(混乱)令我潸然泪下:你甚至可以在一个项目里使用前端三大框架(Angular1, Vue, React). 三份的代码,本应该给 ...

  6. ant design pro 加载慢_ant design pro项目打包后页面加载缓慢

    用ant design pro框架做的项目,打包之后每一个页面加载的速度都特别慢,在.webpackrc里面配置了ignoreMomentLocale: true, disableDynamicImp ...

  7. 7nfs客户端没权限_Ant design pro v4-服务器菜单和路由权限控制

    要解决的问题:ant design pro默认情况下,菜单和路由都用配置的方式,在前端的config/config.ts中配置.但是大多数后台系统都需要由后端服务器控制权限. 类似的需求一般包括两点: ...

  8. antdesign 柱状图_ant design pro (十)advanced 图表

    一.概述 Ant Design Pro 提供了由设计师精心设计抽象的图表类型,是在 BizCharts 图表库基础上的二次封装,同时提供了业务中常用的图表套件,可以单独使用,也可以组合起来实现复杂的展 ...

  9. antdesign 新增页面_ant design pro (四)新增页面

    一.概述 这里的『页面』指配置了路由,能够通过链接直接访问的模块,要新建一个页面,通常只需要在脚手架的基础上进行简单的配置. 二.开发步骤 2.1.新增js.less文件 在 src/routes 下 ...

最新文章

  1. envi反演水质参数_科技前沿基于GOCI静止水色卫星数据的长江口及邻近海域Kd(490)遥感反演及其在机载激光测深预评估中的应用...
  2. 使用.reg文件删除暴风影视库图标和注册信息
  3. 位操作:BitVector32结构 z
  4. 【存储知识学习】第二章存走进计算机IO世界--《大话存储》阅读笔记
  5. 电子书网站推荐(收藏系列)
  6. 解决 Visual Studio 2019 无法打开wpf设计器问题
  7. 用matlab参数法拟合,MATLAB|曲线拟合基本介绍
  8. 【数据结构与算法】之深入解析“解码方法”的求解思路与算法示例
  9. Optimizing Code with GCC
  10. 超级棒的免费前端学习路线
  11. 01迷宫(洛谷-P1141)
  12. 史上最狠降价!锤子加速清仓直降2200,买的人却很少
  13. Shape Correspondence and Functional Maps
  14. MongoDB自学日记1——基本操作
  15. java64位1.8.0下载_jdk1.8下载 64位
  16. 华为novia3i鸿蒙,华为nova3i一马当先:值得年轻人购买的智能手机推荐
  17. Android前置后置摄像头录制视频综合版
  18. 计算机自我介绍英语范文,计算机面试英文自我介绍范文
  19. matlab日常(2)
  20. ubuntu先anaconda中python3与ros共存时opencv报错

热门文章

  1. 针对数据 gnuplot画图 初试
  2. JMS(1)——基本实例
  3. 站点某些网页想显示母版页内的用户控件,某些网页不想显示,怎样实现
  4. 远程linux的几个工具
  5. PHP内核探索:Zend引擎
  6. 服务器高并发的解决方法
  7. 论坛服务软件Discux_X3.4的部署
  8. 黄金点游戏之客户端(homework-05)
  9. vtigercrm安装
  10. 接口自动化(四)--数据依赖的处理