SpringBoot搭建web项目

这篇文章主要介绍一下使用SpringBoot从零搭建web项目，demo主要演示登录的功能

在 https://start.spring.io/ 上生成初始化文件

会生成.zip文件，将文件解压

在IDEA中打开这个项目

​ 这里有一个问题就是：Idea打开项目后 maven下载依赖会卡在 Resolving Maven dependencies

​ **解决：**①把镜像地址换成阿里的，具体操作：更改maven 配置文件，在IDEA安装目录下IDEA\plugins\maven\lib\maven3\conf\setting.xml 中添加配置信息

​ ② 修改参数设置：https://cloud.tencent.com/developer/article/1461546

运行

直接运行 src/main/java/com/google/cloudschool/CloudschoolApplication.java就可以

在浏览器输入localhost:8080就可以访问了.

简单的demo见 https://spring.io/quickstart

步入正题：访问登录界面

方法一：ip:端口/静态资源

把静态资源放到resources/static下,这是springboot静态资源默认访问路径。

在浏览器直接ip:端口/静态资源 就可以了，如：

方法二：用localhost:8080/login

编写login.html

放在resource/templates目录下。

新建LoginController

首先新建一个controller文件夹，在controller目录下新建LoginController.java。

代码：

package com.google.cloudschool.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class LoginController {
    @RequestMapping("/login")
    public String welcomeLogin(){
        return "login";
    }
}

在pom.xml文件中加入依赖

<dependencies>
	<dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
</dependencies>

访问localhost:8080/login

进行登录操作：后端方面

因为要用到MyBatis，所以我们首先配置MyBatis

配置MyBatis依赖

修改pom.xml文件，加入：

<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
</dependency>
<dependency>
    <groupId>org.mybatis.spring.boot</groupId>
    <artifactId>mybatis-spring-boot-starter</artifactId>
    <version>1.1.1</version>
</dependency>

resource 目录下新建application.yml文件

进行数据源设置，写入：

spring:
  datasource:
    driver-class-name: com.mysql.jdbc.Driver
    url: jdbc:mysql://139.196.9.111:3306/springboot?useUnicode=true&characterEncoding=utf8
    username: root
    password: 12345678
mybatis:
  type-aliases-package: com.example.demo.dao
  mapper-locations: classpath:mapper/*Mapper.xml

MyBatis 配置完成。

新建controller，service，dao，domain文件夹

如图：

编写login.html，Jquery Ajax发送post请求

编写controller，service, serviceImpl，mapper

文件结构

LoginController.java处理post请求方法

@PostMapping("/login")
@ResponseBody
String ajaxLogin(String username, String password) {
    System.out.println("username="+username+" password="+password);
    int code = userService.login(username,password);
    System.out.println("code = "+code);
    JSONObject result = new JSONObject() ;
    result.put("code",code);
    if (code >= 1) {
        result.put("msg","登录成功！");
    }else {
        result.put("msg","用户或密码错误！");
    }
    return result.toJSONString();
}

UserService.java

package com.google.cloudschool.service;

public interface UserService {
	int login(String username, String password);
}

UserServiceImpl.java

package com.google.cloudschool.service.Impl;

import com.google.cloudschool.dao.UserMapper;
import com.google.cloudschool.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

@Service
public class UserServiceImpl implements UserService {

    @Autowired
    UserMapper userMapper;

    @Override
    public int login(String username, String password) {
        return userMapper.login(username,password);
    }
}

UserMapper.java

package com.google.cloudschool.dao;

import org.apache.ibatis.annotations.*;

@Mapper
public interface UserMapper {

	@Select("select count(*) from user where username = #{param1} and password = #{param2} ")
	int login(String username, String password);
}

login.html 发送post登录请求就可以去数据库查询到是否有该用户啦

登录成功就跳转新界面啦！

测试接口调用

用chrome浏览器的Talend API Tester扩展程序模拟发送请求（只调用接口的话可以注释掉thymeleaf的）