微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码 在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法 我们两个项目都是ant-design-pro的,我这里的例
转载
2024-06-19 04:19:43
99阅读
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建Ant Design Pro of Vue下载安装启动步骤：一、Ant Design Pro of Vue 的介绍Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升
转载
2024-04-26 11:08:13
259阅读
Ant Design Pro Vue不完全开发手册前言准备工作：1、安装npm2、可选安装3、安装 vue-cli 工具：4、参考文档基础开发学习：1、git项目拉取2、安装项目3、启动项目4、文件解析vue.config.jsrouter.config.jsviews（1）api.js（2）vue开发浅谈问题与解惑1、如何把父组件的值传到子组件2、父组件调如何用子组件方法3、子组件如何调用父组
一、React 结合 Antd 实现权限列表引入所需相关的组件和文件，如下所示：import React, { Component } from 'react'
import { Link, withRouter } from 'react-router-dom'
import { Menu, Icon } from 'antd'
import logo from '../../assets/im
转载
2024-04-19 14:31:00
169阅读
Ant Design Vue Pro 动态路由1、关闭mock2、修改动态权限功能引用4、修改报错5、修改src/api/login.js6、修改permission.js逻辑7、修改src/store/modules/user.js8、修改generatorDynamicRouter 1、关闭mock注释掉main.js第16行// with polyfills
import 'core-js
转载
2024-03-04 21:58:51
597阅读
在main.js中
import “ant-design-vue/dist/antd.less”;在 vue.config.js中
module.exports = {
css: {
loaderOptions: {
less: {
javascriptEnabled: true
}
}
}
};
在 bable.config.js中
“style”: true在路由中使用
转载
2024-04-23 10:19:52
1620阅读
Ant Design 是一个很好用的前端组件库，里面包含有很多基础组件，能极大提高我们的开发效率下面先贴出 官方文档，里面的介绍已经十分全面和详细，大家遇到的很多问题都可以在上面找到答案假设现在我们已经用 vue-cli 3 工具创建了一个 Vue 项目，然后怎么在项目中引入 Ant Design 呢？首先介绍一下 vue-cli 3 默认生成的目录结构，关于 vue-cli 3 的具体使用可以参
转载
2024-03-20 07:20:35
429阅读
修改前端项目先去官网下载前端项目，介绍Ant Design Pro 一个企业级中后台前端/设计解决方案，提供了很多的典型模板，并据此构建了一套基于 Ant Design Pro的中后台管理控制台的脚手架，，它可以帮助你快速搭建企业级中后台产品原型。这个项目需要你对前端知识有一些基础，比如 vue,vuex，ant design vue等，如果对这些都没有了解，建议你先去查看相关文档。开始使用下载项
转载
2024-04-03 12:54:09
73阅读
Ant Design是蚂蚁金服体验技术部打磨出一个服务于企业级产品的设计体系，通过模块化解决方案降低生产成本。前端实现涵盖了react vue angular等三大框架。ANTD PRO VUE是Ant Design的vue 实现，开发企业级后台产品。安装 ant pro vue 是一套基于Ant Design Vue的中后台管理控制台的脚手架。 直接从GitHub仓库中直接安装最新的脚手架代码。
转载
2024-03-15 09:20:56
88阅读
这次主要是对于数据上传的一个简述（由于之前的图片上传有一点问题所以就先把这个给发出来了）对于后台的数据，我们做的最多的工作是啥子呢？增，删，改，查。只要能把这几个操作实现了，那么基本上前台与后端的交互就没有太大的问题了。不仅是图片的上传，还有数据的录入，这都是属于“增”。也就是咱们的第一步，也属于最基本的。如果你都没有数据，那你还哪里来的删，改，查呢。数据的录入有会出现那些信息呢？一般的话都属于手
转载
2024-03-07 13:35:15
65阅读
在Vue应用程序中，可以使用路由守卫（route guard）来控制用户的访问权限，从而实现菜单权限设置。实现方法：1.在路由配置中添加meta字段，用于存储路由的访问权限等信息。const router = new VueRouter({
routes: [
{
path: '/home',
component: Home,
meta: { req
转载
2024-03-25 19:04:49
105阅读
介绍G2 是一套基于图形语法理论的可视化底层引擎，以数据驱动，提供图形语法与交互语法，具有高度的易用性和扩展性。使用 G2，你可以无需关注图表各种繁琐的实现细节，一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。一、安装 antV-G2通过 npm 安装npm install @antv/g2 --save成功安装完成之后，即可使用 import 或
写在前面 时间真快，转眼又是新的一年。随着前后端技术的不断更新迭代，尤其是前端，在目前前后端分离开发模式这样的一个大环境下，交互性、兼容性等传统的开发模式已经显得有些吃力。之前一直用的是react，随着后面钩子的加入更让人爱不释手，但是整个团队需要更新技术，这里选择了更容易上手的Vue（这里的容易上手并没有歧义，指的是更容易适应），也相信Vue3.0发布后
转载
2024-03-20 20:14:07
311阅读
ant design pro和ant design基础学习要学会并熟悉基于ant design pro快速开发出项目，需要学会以下知识：JSX 语法jsx语法 一般来说，HTML 原生标签都使用小写，开发者自定义的组件标签首字母大写，比如<MyComponent/>React 组件语法虽然输出 JSX 代码的函数就是一个 React 组件，但是这种写法只适合那些最简单的组件。更正式、更
目录引言推荐B站视频一、权限管理二、控制权限接口权限路由权限控制方法一方法二菜单权限方法一方法二按钮权限方法一方法二引言项目中会遇到权限管理，来让特定用户有特定权限的场景，那么怎么做这个权限管理，以及有多少办法呢，下面给大家絮叨一、权限管理权限管理就是让不同的用户只能访问自己权限内的资源，有以下几种路由权限，用户登录后只能看到自己权限内的导航菜单，且只能访问自己权限内的路由地址视图权限，用户只能看
转载
2024-04-25 10:03:17
344阅读
首先什么是前端权限控制：就是当用户登录之后，根据不用用户拥有的权限动态添加（addRoutes）用户能访问的路由页面和能看到的菜单页面(v-for)动态路由权限：1.本质就是利用addRoutes这个api来实现动态添加路由权限，然后还可以根据路由权限渲染用户可以看到的菜单选项2.前端来维护两份路由表 ，一份静态路由表这个是所有用户都可以访问的，一份是动态路由表，那么默认挂载的只有静态路由表3.用
转载
2024-04-16 22:14:10
338阅读
从零开始对Ant Design pro of Vue的使用教程使用软件我们要用到的软件是Visual Studio Code准备工作我们的本地环境需要用到node以及git我们先安装node下载地址：https://nodejs.org/en/download/打开以后会出现下面这些 这时候就需要根据自己本身情况去选择要用到的node我使用的是 傻瓜式的
转载
2024-01-08 20:16:59
315阅读
下面是两种方式：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阅读
前提：做项目时偶然了解到微前端的概念，在详细了解后觉得对分解【巨石】应用有很大的帮助，查阅了一些文档和资料后自己整了一套，以备后用~ 2、重命名生成的文件：Ant-Design-Pro-MainAnt-Design-Pro-SubAppA3、主应用和子应用都要安装qiankun插件：yarn add @umijs/plugin-qiankun -D4、修改主应用的启动端口为9000，子应
转载
2024-09-11 17:16:16
205阅读
