搭建spring-boot+vue前后端分离框架并实现登录功能

最新推荐文章于 2024-07-30 00:17:49 发布

ai_ma_ai

最新推荐文章于 2024-07-30 00:17:49 发布

阅读量1.6w

点赞数 15

分类专栏：网站源码开发技术程序问题源码架设详解文章标签： spring-boot+vue 前后端分离框架 spring-boot前后端分离框架 vue前后端分离框架

本文链接：https://blog.csdn.net/ai_ma_ai/article/details/90411198

版权

本文介绍了如何搭建一个基于Spring-Boot和Vue的前后端分离框架，并实现登录功能。首先，通过Spring Initializr创建Spring-Boot项目，配置pom.xml和application.yml，设置数据库和表，使用Mybatis Generator自动生成代码。接着，创建Controller、Service和DAO层，实现登录接口。在前端部分，使用Vue CLI创建项目，编写登录页面，配置跨域请求，最后引入axios库完成请求。完成所有步骤后，启动项目即可进行访问。

摘要由CSDN通过智能技术生成

一、环境、工具

jdk1.8

maven

spring-boot

idea

VSVode

vue

二、搭建后台spring-boot框架

步骤：

1、new- project选择Spring Initializr next

2、创建项目文件结构以及jdk版本

3、选择项目需要的依赖

next然后finish

4、创建完毕的文件结构如图

5、对pom.xml更改，信息如下

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>
 
	<groupId>com.zks</groupId>
	<artifactId>myspringboot</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<packaging>jar</packaging>
 
	<name>myspringboot</name>
	<description>Demo project for Spring Boot</description>
 
	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>2.0.4.RELEASE</version>
		<relativePath/> <!-- lookup parent from repository -->
	</parent>
 
	<properties>
		<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
		<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
		<java.version>1.8</java.version>
	</properties>
 
	<dependencies>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>
		<dependency>
			<groupId>org.mybatis.spring.boot</groupId>
			<artifactId>mybatis-spring-boot-starter</artifactId>
			<version>1.3.2</version>
		</dependency>
		<dependency>
			<groupId>mysql</groupId>
			<artifactId>mysql-connector-java</artifactId>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
		</dependency>
		<dependency>
			&l