当前位置:   article > 正文

springboot搭建完整web开发环境_jdk1.8对应的springbootweb

jdk1.8对应的springbootweb

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>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67

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项目地址:项目地址

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/416287
推荐阅读
相关标签
  

闽ICP备14008679号