ant design pro 新增页面

news/2025/2/12 19:27:07

ant design pro 新增页面

ps:参考资料
1.ant design pro


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

clipboard.png

// 填写如下内容/** NewPage.js内容 */
import React, { Component } from 'react';export default class NewPage extends Component {render() {return (<div>这是新页面</div>)}
}/** 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

clipboard.png

src/common/menu.js

clipboard.png

3.运行结果

clipboard.png


https://dhexx.cn/news/show-1820273.html

相关文章

华为群面失败回顾。记录是为了更好地思考

今天下午1点去华为参加软件开发的面试&#xff1a; &#xff08;一面&#xff09;面试官很和蔼&#xff08;好像都不太认识钊这个字&#xff09;和他打了招呼过后&#xff0c;然后他就问我问题&#xff0c;因为他就开始照着简历开始问问题&#xff0c;因为我上面写了自己做了安…

ARM惹众怒,美国芯片行业也开始抛弃它,跟随中国芯片支持新架构

ARM曾以为它已经垄断了移动芯片市场&#xff0c;因此可以肆意&#xff0c;甚至还传出计划提高芯片架构授权费的消息&#xff0c;去年还计划限制高通等美国芯片企业自研核心架构&#xff0c;此前它已得罪中国芯片&#xff0c;可以说ARM真正惹了众怒&#xff0c;如此情况下这些芯…

学习记录334@JVM垃圾回收中较大吞吐量和较短暂停时间为何矛盾

开始我直观上理解&#xff0c;吞吐量越大&#xff0c;暂停时间越短&#xff0c;这并不是矛盾的啊&#xff0c;但这是对基本概念没理解清楚&#xff01; 吞吐量 等于用户线程运行总时间 / &#xff08;用户线程运行总时间垃圾回收线程总时间&#xff09; 停顿时间 注意这里说…

java基础知识之重写

1.方法的重写&#xff1a;重新写覆盖1.发生在父子类中&#xff0c;方法名相同&#xff0c;参数列表相同&#xff0c;方法体不同。2.重写方法被调用时看对象类型3.遵循"两同两小&#xff0c;一大的原则3.1两同&#xff1a;方法名相同&#xff0c;参数列表相同3.2两小3.2.1派…

阿里云李津:自主可控的云才能走得更远

4月26日云栖大会南京峰会上&#xff0c;阿里云副总裁李津表示&#xff1a;“中国只有两种云&#xff0c;一种是拿来主义的云&#xff0c;一种是自主可控的飞天云。自主可控才能走得更远。” 目前&#xff0c;中国云计算呈现出两种发展路径&#xff1a;一种是从底层操作系统开始…

华为云MetaStudio按下文娱社交行业升级加速键

关注云报洞察深一度湖南卫视全新奉献的周六黄金档综艺节目《你好&#xff0c;星期六》在元旦期间开播&#xff0c;湖南卫视数字主持人——由5G重点实验室和芒果幻视自主研发的“小漾”的加盟&#xff0c;吸引了大量观众的眼球&#xff0c;给人耳目一新的体验。其实&#xff0c;…

【页面加速】配置Nginx加载ngx_pagespeed模块,加快网站打开的速度

ngx_pagespeed 是一个 Nginx 的扩展模块&#xff0c;可以加速你的网站&#xff0c;减少页面加载时间&#xff0c;它会自动将一些提升web性能的实践应用到网页和相关的资源&#xff08;CSS、JS和图片&#xff09;上&#xff0c;无需你修改内容和流程。 功能包括&#xff1a;图片…

中国手机操作系统仅有2%的份额?那是美国分析机构自我麻醉罢了

近日市调机构SA发布数据指中国自主手机操作系统占全球移动操作系统市场的份额仅有2%的份额&#xff0c;安卓系统占有80%的份额&#xff0c;iOS系统则有18%的份额&#xff0c;此举似乎显示出中国手机操作系统破圈失败&#xff0c;然而实际情况并非如此。SA给出的这份数据其实是指…

美媒看好中国O2O:必将成为一波值得期待的浪潮

尽管实现了高速增长&#xff0c;并且在零售格局的转变过程中扮演了重要角色&#xff0c;但电子商务在整个零售行业中的占比仅为5%左右。绝大多数的购物行为之所以依然在线下进行&#xff0c;主要原因在于一些线下体验无法完全转移到线上——尤其是需要通过人际互动开展的服务。…

SpringCloud统一配置笔记

Server端&#xff1a; pom.xml <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://maven.…