vue-antd-admin——实现全网站选项的切换并实现页面的刷新 场景 效果图 1.`AdminHeader.vue`组件添加`内外贸选项的切换` 1.1 `template`中的相关代码如下: 1.2 `data`中添加`dataTypeList`参数 1.3 从vuex中引入`mapState`和`mapMutations` 1.4 在computed中获取mapState中的type,从mapMutations中获取setType方法...
一. vue-antd-admin简介 Vue Antd Admin是Ant Design Pro 的 Vue 实现版本, 是开箱即用的中后台前端/设计解决方案. 官网 二. git拉取vue-antd-admin git clone https://gitee.com/iczer/vue-antd-admin.git npm install npm run serve 1. 2. 3. 三. 项目结构 ├── docs # 使用文档 ├── publi...
我们注意到:第7步 获取路由配置时, 又进行了一个请求, 我们按照上面的方法分析就可以找到他的MOCK源. 这是vue-antd-admin的一个动态路由功能,需要配置, 这个日后再实验 二. 使用KOA2编写后端接口代替MOCK 完成了上面的分析后, 我们现在开始尝试用一个后端程序代替mock 1.新建koa2工程 koa2 vue-antd-admin-ba...
Vue Antd Admin本地部署 官网:https://doc.vue-antd-admin.pages.dev/ github地址:https://github.com/iczer/vue-antd-admin/tree/basic 1、basic分支本地部署(开发基于此分支)# 克隆项目basic分支到本地 ->> 下载依赖:npm install ->> 启动项目:npm run serve 2、master分支本地部署(研究基于此分支 - ...
按照知乎教程配置后,访问github速度大幅度提升。 1.2、通过网页下载VUE源码 打开:https://github.com/iczer/vue-antd-admin/tree/basic 注意:这里选择的是基础版 如果您想选择master版本或其他,则打开https://github.com/iczer/vue-antd-admin 本篇教程以basic基础版本为例 ...
一. 新建页面 我们新建src\pages\api_test文件夹 在里面建立四个文件: 我们先忽略国际化和样式 写一个简单的页面 1. index.js 这个文件是为了暴露页面给路由 importAPI_testfrom'./API_test.vue'exportdefaultAPI_test 2. API_test.vue 先写一个模板出来 ...
Vue Antd Admin是Ant Design Pro 的 Vue 实现版本, 是开箱即⽤的中后台前端/设计解决⽅案 官⽅⽹站:官⽅⽂档:其基于的ant design for vue:⼆. 登陆之后页⾯⽩屏 在项⽬开发前期，由于没有做权限验证，在Login.vue中的afterLogin函数中直接将this.setPermissions(permissions)和this.setRoles(...
Vue Antd Admin关于登录的一些小坑 最近在开发一个管理的前后端分离页面 前一阵子都在写静态页 今天来了登录接口 准备搞一下 把自己的思路和遇到的一些小坑告诉大家 因为antd admin给我们已经封装好了登录页面 我们只需要拿来改一改就好 首页打开scr/pages/login/Login.vue文件...
V-Antd-Admin 因为vue-antd-admin引入了一些我不太喜欢的玩意 所以使用TS+VUE+ANTD重构了这个版本 如何使用VAA 菜单全都在router文件夹下面,children文件里面配置了所有侧边栏菜单,并作了分组; 使用示例如下: { group:'opreations', groupIcon:"info-circle", title:"操作", children:[ { path:'/from', name...
react版本,地址:reacct-antd-admin 前序准备 该项目采用vue+vue-cli4+vuex+ant-design-vue和axios开发,数据采用mock.js进行模拟,后期打算使用node写后台; webpack大幅度优化了下,首屏加载速度更快; 系统内置了echarts常用的图表展示和arcgis地图; 使用了jest单元测试,目前覆盖率还比较低,有时间再写; ...