准备正式开发前需要准备一个IDE，如果是用纯记事本的大神请忽略可以选Sublime和VsCode等，找个自己用过的顺手的反正我都没用过，跟随我软的脚本我就选VsCode把在VSCode里添加一个工程，选定上一章克隆下来的工程文件夹目录然后再保存下工程文件开始Ant Design Pro的前端框架是阿里自己弄的UmiJS菜单配置可以看下官方的文档它 的菜单配置在config的router.confi
转载
2024-04-08 19:12:40
156阅读
一、概述二、详细2.1、构建当项目开发完毕，只需要运行一行命令就可以打包你的应用： npm run build 由于 Ant Design Pro 底层使用的 roadhog 工具，已经将复杂的流程封装完毕，对于大部分场景，构建打包文件只需要一个命令 roadhog build，构建打包成功之后，会在根目录生成 dist 文件夹，里面就是构建打
一．安装 routerVue router 是 Vue.js 的官方路由管理器，用于构建单页面项目；在安装 Vue-cli 时，选择 router 即可安装可以先选择 no，也就是 hash 模式，可以在配置中更改成 history 模式安装好后，npm run serve 启动项目（也有可能是npm run start），会发现多了两个 link，单页链接；只不过在 hash 模式下，链接地址前
转载
2024-10-22 12:46:28
139阅读
Capture One中的工具通常会对整个图像进行全局调整，但是，有时您需要对图像的特定部分进行校正。例如，您可能想简单地使肖像中的眼睛清晰，修复一些瑕疵或应用渐变滤镜效果。可以通过三种方式创建蒙版：使用画笔绘画或通过创建线性渐变蒙版或径向渐变蒙版(本质上是非破坏性的，因此可以在任何给定时间轻松进行调整)。都可以从“图层”工具，“光标”工具栏或使用分配给它们的键盘快捷键来访问它们。最通用的是称为D
转载
2024-08-17 11:26:10
175阅读
今天主要说一下遇到的几个问题，说起来还是理解不够深刻。就比如在对数据上传输入时没有信息成功的上传到后端，一方面是因为诞辰的对接口，没有对数据怎么处理，所以后台是接收不到的，但是这并不是主要原因，主要还是代码我刚开始只是对到输入框内的数据进行了一个命名，以及一个双向绑定，并没有在后面的发起请求的时候再次对函数进行赋值，所以就造成我认为我在打印时能够单独的将某一个单个命名的数据打印出来但是不能打印出来
转载
2024-05-17 16:44:26
104阅读
一、页面结构定义左侧导航栏，右侧页面结构右侧显示内容分别分为上Header、中Content和下Footer部分 二、目录结构定义src->admin.js：项目主结构代码（index.js中替换App.js挂载到根节点）src->common.js：项目公共结构代码（类似admin.js，负责路由详情页展示）src->components目录：项目公共组件components-
1、 动态路由1） 路由选择协议的基础所有的路由选择协议都是围绕着一种算法而构建。通常，一种算法是一个逐步解决问题的过程，故一种算法至少应该指明以下内容：向其他路由器传送网络可达信息的过程；从其他路由器接收可达信息的过程；基于现有可达信息决策最优路由的过程以及在路由表中记录这些信息的过程；响应、修正和通告网络中拓扑变化的过程；对于所有路由选择协议来说，需要解决的共同问题就是
React-RouterV6 + AntdV4实现Menu菜单路由跳转，采用子路由嵌套的方式两种实现方式：方式一：编程式跳转使用useNavigate()方式二：NavLink链接式<Link to="/home">主页</Link>配置路由和主页App.jsimport {
Routes,
Route,
Navigate,
useLocation
} fr
转载
2024-10-30 12:30:44
275阅读
动态路由路由组件是vue-router
动态路由即从后端请求路由信息，然后转化生成路由信息。所以这里的关键是不会提前知道什么菜单对应什么组件，因此路由声明的时候不再是写死的组件，而是可替换的动态路径。相关的功能就是路由懒加载，以及异步组件
具体过程就是导航守卫的前置守卫中，根据是否登录来判断是否请求用户信息以及路由信息，再将请求的路由信息转化成路由，最后添加到路由表router.beforeEac
在之前的文章中有提到过简单的路由配置和使用， 一、基本用法Umi 的路由根结点是全局 layout src/layouts/index.js 路由会将相应的页面组件映射到上面的 props.children 中 之前的文章介绍过，Umi 的路由可以通过 .umirc.js 文件中的 routes&
ant design pro vue 动态路由 流程详解前言流程图流程1 src/permission.js流程2 src/store/modules/user.js流程3 src/permission.js流程4 src/permission.js流程5 src/router/generator-routers.js流程6 src/router/generator-routers.js流程7
转载
2024-04-23 07:12:55
79阅读
下面是两种方式：1、动态菜单+固定路由2、动态菜单+动态路由两者都可以实现需要，但都各自有优缺点主要代码：在app.tsx中设置和请求服务器菜单数据注意点： 1、服务器返回的数据尽可能可前端所需要的数据保持一致，且结构一致。 2、下列请求服务器动态菜单数据，可以在初始化数据时保存到用户信息里。
转载
2024-03-18 20:33:32
230阅读
1、开始学习ant-design-pro，安装啥的自动忽略，参考文档：https://pro.ant.design/docs/getting-started-cn根据文档学习，添加页面，新增组件都没问题，可以跟着做，但是到了和服务器交互时就有点蒙了，因为ant-design-pro采用了dva框架实现，前段使用react技术，对于只有后台开发经验的我还停留在springmvc 的工作模式上，对于a
转载
2024-04-29 11:05:26
203阅读
ant design pro来源于ant design，其是一段自带样式的react组件，用于企业后台的漂亮的，可控的组件。ant design有很多组件和样式，不可能所有都记住，我们只要记住常用的，遇到不常用的，学会查文档就可以了
因为ant design很强大，阿里有些大神就直接将ant design继续向上封装成一个完整的项目，这就是ant design pro，注意ant design p
转载
2024-02-25 13:12:53
198阅读
Ant Design 是一个基于 umi、dva 和 ant design 的开箱即用的中台前端/设计解决方案。一、umi和dva1.1、什么是umiumi，中文可发音为乌米，是一个可插拔的企业级 react 应用框架。umi 以路由为基础的，支持类 next.js 的约定式路由，以及各种进阶的路由功能，并以此进行功能扩展，比如支持路由级的按需加载。然后配以完善的插件体系，覆盖从
转载
2024-08-21 07:18:52
169阅读
我以下的方式，其实并把Ant Design Pro文件打包到生成的安装包里，所以，安装包=Ant Design Pro+Electron环境
ant-design-pro ----> version ：2.3.1
由于网上Ant Design Pro+Electron的资料太少，我就贡献一点经验
转载
2024-08-19 20:15:35
151阅读
Ant Design Pro 浅析脚手架下载Ant Design Pro 浅析菜单映射页面渲染界面定义数据交互后台数据交互 脚手架下载软件环境：NodeJS，Git 下载步骤：1、clone代码。其中ant_design 为文件夹名$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git ant_design
$
转载
2024-04-29 23:02:18
112阅读
在之前的系列文章中，我们讲解了如何快速使用Ant Design Pro解决方案来快速搭建前端框架。而ECharts是前端最流行，功能最强大的前端图表库。下面，我们将会在本文中讲解如何在Ant Design Pro使用ECharts。安装首先，如何在Ant Design Pro解决方案下安装ECharts呢？ Ps：关于Ant Design Pro的基本知识可以访问如下文章进行了解：&n
转载
2024-05-22 19:51:41
217阅读
文档总览 - Ant Design Pro开始使用Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和
转载
2024-06-25 19:04:10
105阅读
微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码 在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法 我们两个项目都是ant-design-pro的,我这里的例
转载
2024-06-19 04:19:43
99阅读
