vue-element-admin+springboot登录功能实现

6 篇文章 0 订阅

         运行vue-element-admin时,能顺利用用户名admin和密码111111登录的,是因为前端自带的模拟数据。(至于如何获取这个模拟数据,这个还没详细了解)

        当然,我们开发自己的业务总不能用模拟数据吧,肯定要有后台系统来支撑整个业务的实现。因为要把目前的项目跑起来,没太多功夫去了解究竟哪个后端框架好,在网上学习了下,有用springboot做后端开发的。于是也就赶紧用上springboot。

前端方面:

1、需要设置前端指向的接口通信的地址。(我们知道,前端框架和后端系统的通信主要是通过接口,那就必须要有设置接口路径的入口)这里的设置入口是:env.development

 当VUE_APP_BASE_API=''时,这个就依赖于前端自带的模拟数据进行登录和获取数据。

2、进行接口通信,第一步把路径设置好了,那接下来就要知道,需要实现什么接口功能,要知道接口名、接口的通信信息是如何:

 

后端方面:

1、网上有些文章写道前后端通信过程中有个跨域的问题;

2、登录过程是如何:

(1)前端发出携带登录用户名和密码的login请求,然后后端校验用户名和密码是否正确;正确则返回token;

(2)然后前端需要获取用户信息,通过getinfo请求;

前端获取到用户信息后,便顺利登录了。

涉及问题:

1、token如何获取;

2、有些文章指出最好用vue-element-template来做开发,然后vue-element-admin作为字典,有什么需要的功能再从字典里面搬。

3、接口通信过程是否都需要携带token进行请求?(应该是要,网上有文章已确认,这样做估计是确保接口通信数据的安全性吧,有token进行验证,则验证通过才发数据,否则无法获取数据)

4、登录和权限获取功能至关重要,了解了这些,基本后面获取数据接口就大致能通。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Spring BootVue-Element-Admin和MyBatis是一种常见的技术组合,用于构建现代化的Web应用程序。下面是一个简要的入门教程。 1. 首先,我们需要设置Spring Boot项目。可以使用Spring Initializr(https://start.spring.io/)来初始化一个基本的Spring Boot项目。在依赖项中添加Spring Web、Spring Data JPA和MyBatis等必要的依赖项。 2. 在Spring Boot项目中,我们需要创建实体类和数据库表的映射。使用JPA注解来定义实体类,并使用MyBatis注解来指定数据库表的映射。 3. 接下来,我们需要创建一个数据访问层(DAO)来处理与数据库的交互。使用MyBatis的注解或XML映射文件来定义SQL查询和操作。 4. 在Service层,编写业务逻辑代码来处理DAO返回的数据,并与其他组件进行交互。 5. 在Controller层,处理HTTP请求和响应,将数据传递给前端页面或接收前端发送的数据。使用Spring MVC注解来定义请求映射和参数解析。 6. 在前端方面,可以使用Vue-Element-Admin来构建用户界面。Vue是一种流行的JavaScript框架,用于构建灵活的单页面应用程序。Element-Admin是一个基于Vue的组件库,提供了丰富的UI组件和布局。 7. 在Vue-Element-Admin中,我们可以使用Vue Router来实现页面之间的导航和路由。使用axios来发送HTTP请求与后端进行数据交互。 8. 在Vue组件中,我们可以通过调用后端的API来获取数据并渲染到前端页面上。使用Element-Admin提供的布局和UI组件来美化页面。 通过上述步骤,我们可以实现一个基本的Spring BootVue-Element-Admin和MyBatis的入门教程。这个教程可以帮助初学者了解如何搭建和使用这个技术组合来构建现代化的Web应用程序。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黎仔656

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值