iview admin二次开发，前后端分离下修改登录功能

最新推荐文章于 2024-08-07 09:55:43 发布
最新推荐文章于 2024-08-07 09:55:43 发布
阅读量2.6k 收藏 17
点赞数 5
分类专栏： 前后端 VUE 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mei617/article/details/106372644
版权
本文介绍了在前后端分离的背景下，基于iview admin进行登录功能的二次开发过程。包括修改baseUrl、处理跨域问题、调整login-form组件、实现登录验证逻辑以及登出功能。详细讲解了每个步骤涉及的文件修改和逻辑处理，适合开发者参考。
摘要由CSDN通过智能技术生成

背景

前后端分离：通过axios从后台获取json数据
在iview admin基础上修改
因为自己没在网上看到在此背景下的教程，所以自己来写一篇。可能会有缺陷，还望大家指导。
目前只做了登录，并没有做权限。做了以后会再写一篇的。
跨域问题不在这里详述，我是通过后端配置解决的
主要参考了这两篇博文
vue.js+iview+springboot搭建一个前后端分离登陆demo
记将iview-admin改造成自己的后台管理系统

我更新了权限的部分：
iview admin二次开发，前后端分离下修改权限功能

首先要知道

整个iview admin登录的流程，这里放一篇大佬的博文，至少要知道如何运转的对吧。

Login功能流程逻辑

以下红色的地方需要更改，黄色的地方是提示

第一步

先修改baseUrl中的dev
这里需要说明一下：我是从后端获取数据的，前端使用的是8080端口，后端使用的是8181端口。
路径：s

最低0.47元/天 解锁文章
Mei617
关注
专栏目录
【Vue】iview-admin二次开发
AcongMiss的博客
05-14 7310
首先贴上官方文档： https://lison16.github.io/iview-admin-doc/#/ 请仔细阅读！ 准备步骤与一些你可能会遇到的问题： 1.修改api请求基础路径 2.解决跨域问题 （什么是跨域问题：https://segmentfault.com/a/1190000015597029?utm_source=tag-newest） nginx配置 之后对应的api请求路径...
iview admin二次开发，前后端分离下修改权限功能
Mei617的博客
05-27 861
背景 是在修改登录功能的基础上修改的权限功能，登陆功能可参考我的上一篇博文： iview admin二次开发，前后端分离下修改登录功能 以下所有截图，黄色提示，红色修改 第一步 上一篇博文中我们并没有去处理getUserInfo()这个方法，此方法是在登录后获取用户信息的。 这个方法是在用户进入登录页面表单：src\components\login-form\login-form.vue后通过handleSubmit方法进入：src\view\login\login.vue文件中的，如下图：src\view
iView Admin 项目教程
最新发布
gitblog_00803的博客
08-07 398
iView Admin 项目教程 iview-adminiview/iview-admin 是一个基于 Vue.js 和 iView UI 的前端管理框架。适合在 Web 应用和管理系统中使用。特点是提供了丰富的 UI 组件、模块化架构和良好的兼容性。项目地址:https://gitcode.com/gh_mirrors/iv/iview-admin 1. 项目的目录结构及介绍 iView Ad...
admin的二次开发
MiniBirdie的博客
11-25 1274
admin的二次开发   如果你使用admin只是做简单的数据库操作那简单的操作就可以满足需求。但是如果想将admin作为美观的理想的数据交互界面使用就需要进一步对admin进行二次开发。   admin.py中使用ModelAdmin来管理admin界面显示   ModelAdmin类似界面管理类，可以定义不同的显示细节。我们使用对应数据类的类名加Admin作为类名继承admin.M
iview-select-tree:基于iview进行二次开发的级联树状选择组件，支持无限级，单选，多选，搜索，表单验证（注：使用前先约会iview，否则无法使用）
03-26
iview选择树 基于iview进行二次开发的级联树状选择组件，支持无限级，单选，多选，搜索，表单验证（注：使用前先约会iview，否则无法使用） 安装 npm install iview - tree - select -- save ♡ import selectTree from 'iview-select-tree' 在约会的vue模块中需要在组件上注册这个组件，这样才可以正常使用这个组件： export default { name : 'app' , components : { selectTree } , data ( ) { return { ... } } , ... } 效果 多选效果 单选效果 表单验证效果 调用方式 < selectTree v-model = "val" : treeDat
ant design vue 导航菜单怎么用_推荐三个 Vue 后台管理模版，配合 Spring Boot 使用真香...
weixin_39624980的博客
11-24 807
最近因为因为项目的原因，一直在寻找一款合适的前端模版，之前的 Vue 前端页面都是自己写的，写多了就烦了，因为功能都差不多，写来写去就没意思了。所以在新项目中想看看市面上的 Vue 后台管理模版，找个现成的，改一改基本就 OK 了，团队也省事一些。老实说，Vue 的生态还是相当丰富的，经典的、新生的后台管理框架都有，我这里和大家分享我们这次重点比较的三个。vue-element-adminGitH...
前后端分离iview-admin二次开发+springboot导入excel的数据并插入到数据库
Mei617的博客
06-23 1196
如题 参考 iview-admin导入excel组件 iview-excel导入数据库数据 springboot实现excel的上传并解析文件内容 注：此文并不涉及前后端文件上传，可参考大神的Spring Boot + Vue 前后端分离，两种文件上传方式总结，我也根据这篇做出来的 废话不说，直接上代码 一、准备工作介绍 我上传的excel是这样的：xlsx，第一行列名，一共五行数据，两列 二、前端 <style lang="less"> @import "./common.less"
前后端分离开发之前端开发环境MEMO
weifaqiang的博客
07-11 796
一、前端架构选型：Vue+iView 1.基于Vue-Cli 2.主要main组件框架基于iView-admin 3.其他 Vue、Vue Router、Vuex、vue-i18n：国际化、iview-area：城市级联组件、wangeditor：轻量富文本编辑器、vue-stomp、vue-json-pretty：Json美化、Print.js：打印、ES6、webpack、axios、...
Vue：前端体系、前后端分离
希望有点用
09-01 1010
Vue：前端体系、前后端分离
前后端分离iview-admin二次开发 tables render switch 修改数据库字段
Mei617的博客
06-24 390
iview-admin二次开发，表格直接用自带的tables组件 实现效果图 点击后数据库会直接修改认证字段的值 参考 iview table render集成switch开关 一、前端 { title: "是否认证", key: "authentication", width: "100px", render: (h, params) => { return h("i-swi
iview-admin登录完整代码附后台代码
12-12
根据iview-admin最新版本，纯手撸的登录完整代码，附带后代框架代码，包括登录失败提示，登录获取用户信息，token过期处理
iview-admin项目源码和api
03-07
iview-admin项目源码和api,由于公司禁止访问gitbub，所以gitbug上view-admin的源码无法访问，所以上次到csdn上可以到公司下载下来学习
iview-admin基础模板
03-08
基于iview-admin2.0开发的后台基础模板，抽离原来login登陆模块，重新配置路由。
iviewadmin是基于iview的后台管理系统
08-09
iview-admin 是基于vue2 iview3 axios webpack3 为前端主要技术，后端采用express mysql开发的一个后台管理系统。
iview的一个管理系统，提供给大家学习用
01-26
iview的一个管理系统，提供给大家学习用，iview用起来还是很爽的
iview-admin框架运行步骤
weixin_30544657的博客
04-10 414
第一步： 前往github下载整个iview-admin框架的全部源码 github地址： https://github.com/iview/iview-admin 第二步： 点击Clone or download绿色按钮。下载整个压缩包 第三步： 解压至D盘，在根目录中按 1、前往github下载整个iview-admin框架的全部源码github地址：https://github.c...
iView 发布后台管理系统 iview-admin，没错，它就是你想要的
weixin_33782386的博客
10-18 920
简介 iView Admin 是基于 Vue.js，搭配使用 iView UI 组件库形成的一套后台集成解决方案，由 TalkingData 前端可视化团队部分成员开发维护。iView Admin 遵守 iView 设计和开发约定，风格统一，设计考究，并且更多功能在不停开发中。 没错，这就是大家期待已久的 admin 了，这么漂亮好用的系统，是不是可以给个 Sta...
iview-admin框架的搭建（亲测）
热门推荐
qisoft1213的博客
03-06 1万+
iView Admin 是基于 Vue.js，搭配使用iView UI组件库形成的一套后台集成解决方案，由 TalkingData 前端可视化团队部分成员开发维护。iView Admin 遵守 iView 设计和开发约定，风格统一，设计考究，并且更多功能在不停开发中。 环境：windows10专业版 + node.js v10.15.2 + redis v2.8.9 + git +...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值