springboot搭建完整web开发环境

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值