赞
踩
1.基本环境(自行下载安装)
jdk1.8 jdk1.8下载安装教程
maven3.6.3 maven3.6.3下载安装教程
mysql8.0.19 mysql8.0.19下载安装教程
idea2021.3 idea2021.3下载安装教程
2.搭建项目
1.选择创建项目:File->New-Project
2.创建项目时的一些选择
3.项目选择依赖
3.demo的整体介绍
1.springboot项目的整体架构图
2.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 https://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.6.4</version> <relativePath/> <!-- lookup parent from repository --> </parent> <groupId>com.hsy</groupId> <artifactId>cookie_session</artifactId> <version>0.0.1-SNAPSHOT</version> <name>cookie_session</name> <description>cookie_session</description> <properties> <java.version>1.8</java.version> </properties> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> <!--这个依赖是集成了springmvc,可以点进去,发现有mvc相关的依赖--> </dependency> <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <!--这个依赖是集成了mybatis--> <version>2.1.2</version> </dependency> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <!--引入mysql依赖,--> <scope>runtime</scope> <!--这里是我的仓库里已经有mysql的依赖了,如果没有的小伙伴,要自己加上版本的,别到时候找不到错误--> </dependency> <dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId> <!--引入数据源,帮我们管理数据库连接的,--> <version>1.1.22</version> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency> <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <!--json操作的api,及其好用,为什么要用json,首先json是一种规范,其次现在都是前后端--> <version>1.2.47</version> <!--分离的架构,后端只需要提供数据即可,前端调用接口,直接渲染就行--> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> <!--thymeleaf模板引擎,这里我主要是为了跳转template下的页面方便--> <version>2.1.6.RELEASE</version> <!--也可以自己在application配置文件中进行配置--> </dependency> <!--spring.mvc.static-path-pattern--> <!--spring.web.resources.static-locations--> <!--自己设置路径即可--> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> </plugins> </build> </project>
3.application.properties文件的介绍:
4.整个demo的运行流程:
4.1.首先我在controller中创建了一个首页访问的方法。
4.2紧接着进行页面的跳转
4.3.我们在login.html中设置了一个表单,主要用于用户登录,目的还是为了测试是否成功搭建一个web环境嘛,我再按钮出设置了一个点击事件,用于出发ajax进行接口调用。如果登录成功即可跳转到成功页面,loginSuccess.html
4.4点击事件触发之后,我们便可以向后台发送请求了。
4.5.最后后台响应数据给前台,ajax做出判断,进行页面的跳转。
结尾
项目源代码已经上传至gitee上,有需要的小伙伴先进行点赞,评论一波,再去学习呗,创作不易,哈哈。
gitee项目地址:项目地址
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。