网站推广计划,做旅游网站的目的是什么,文职培训机构前十名,wordpress dux 主题作者#xff1a;CSDN-PleaSure乐事 欢迎大家阅读我的博客 希望大家喜欢 使用环境#xff1a;WebStorm 目录
问题概述
原因
解决方案
解决方法
潜在问题修改
最终效果呈现
额外内容
管理员界面路由配置
WebStorm背景更换
法一#xff1a;
法二#xff1a; 问题概… 作者CSDN-PleaSure乐事 欢迎大家阅读我的博客 希望大家喜欢 使用环境WebStorm 目录
问题概述
原因
解决方案
解决方法
潜在问题修改
最终效果呈现
额外内容
管理员界面路由配置
WebStorm背景更换
法一
法二 问题概述
我们在使用AntDesignPro的umi框架进行客户端界面搭建时可能会出现左侧菜单栏的名称没有了的情况就是下面这个“欢迎”和“查询表格”这两段文字和两个“表情”都不显示 原因
这个消失的原因是我们使用AntDesignPro框架时在config文件当中的routes.ts的路由配置不完全即这个文件 正是因为routes.ts当中缺少name属性才导致此问题出现因此解决方案就是我们只需要补齐name即可。
进入该ts文件的代码我们会发现如下代码都缺少name属性这里是博主已经补全了所以有name实际上是没有的所以才不显示 解决方案
解决方法
因此我们只需要补齐代码即可。这里我也将需要修改的代码直接贴出供大家参考和问题分析
path: /user,layout: false,routes: [{path: /user, routes: [{name: 登陆, path: /user/login, component: ./user/Login},{name: 注册, path: /user/register, component: ./user/Register},]},{component: ./404}],},
潜在问题修改
同时下面的“管理页”相关代码也缺少name属性会导致后续写管理界面出现问题我们同样需要及时补充避免潜在的问题
{path: /welcome, name: 欢迎, icon: smile, component: ./Welcome},{path: /admin,name: 管理页,icon: crown,access: canAdmin,component: ./Admin,routes: [{path: /admin/sub-page, name: 二级管理页, icon: smile, component: ./Welcome},{component: ./404},],},{name: 查询表格, icon: table, path: /list, component: ./TableList},{path: /, redirect: /welcome},{component: ./404},
最终效果呈现
至此问题已经解决我们来看一下最终效果 这里博主也是对一些敏感信息进行了打码希望大家谅解:)
额外内容
管理员界面路由配置
如果我们想要在可访问的页面当中添加一个管理员页面下方的Admin 那么我们需要在刚刚的routes.ts路由当中进行补充代码我们找到path为Admin的部分并在这一部分的routes当中补充管理员的路由信息
{path: /Admin/user-manager, name: 用户管理, icon: smile, component: ./UserManage},
在添加完成代码之后其结构就这样就完整了大致的结构如下
{path: /Admin,name: 管理页,icon: crown,access: canAdmin,component: ./Admin,routes: [{path: /Admin/user-manager, name: 用户管理, icon: smile, component: ./UserManage},{path: /Admin/sub-page, name: 二级管理页, icon: smile, component: ./Welcome},{component: ./404},],},
WebStorm背景更换
什么你说上面看到了我的背景挺好看的一招教你怎么换背景
法一
直接CSDN搜怎么换背景是不是很快呀雾
法二 找到设置当中的Appearance能看到一个Background Image点这里就可以换背景啦 作者CSDN-PleaSure乐事 希望我的博客对您有帮助也希望在对您有帮助时您可以为我留下点赞收藏与关注这对我真的很重要谢谢
