springboot一个简单的前端响应后端查询项目

springboot

springboot是由Pivotal团队提供的全新框架。spring的出现是为了解决企业级开发应用的复杂性,spring的通过注册bean的方式来管理类,但是随着业务的增加,使用xml配置bean的方式也显得相当繁琐,所以springboot就是为了解决spring配置繁琐的问题而诞生的,并且近几年来非常流行

SpringBoot中的延迟加载(懒加载)

springboot项目启动时,程序会默认把IOC容器管理的类全部创建,那么如果一个项目的业务很多,类也很多,那么势必会遇到一个问题,就是会影响项目启动时间,所以说如果想要提升项目启动时间,那么就可以设置项目的全局懒加载属性。

SpringBoot优点

  • 快速创建独立运行的Spring项目以及与主流框架集成
    使用嵌入式的Servlet容器,应用无需打成WAR包
    starters自动依赖与版本控制
    大量的自动配置,简化开发,也可以修改默认值
    无需配置XML,无代码生成,开箱即用
    准生产环境的运行时应用监控
    与云计算的天然集成

创建一个springboot项目

选择需要的依赖

springboot一个简单的前端响应后端查询项目_第1张图片

springboot一个简单的前端响应后端查询项目_第2张图片

配置数据库
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/db_test?serverTimezone=UTC
spring.datasource.username=root
spring.datasource.password=123456

server.port=9000
#端口号

mybatis.mapper-locations=classpath:mapper/*xml
#mybatis的扫包
实体类User
@Data
public class User {
    private int id;
    private String username;
    private String pwd;
}
UserController

@RestController
@RequestMapping("/user")
public class UserController {

    @Autowired
    UserService service;

    @RequestMapping("query.do")
    public List<User> queryAll() {
        return service.queryAll();
    }
}
UserMapper
@Repository
public interface UserMapper {

    List<User> queryAll();
}

IUserService

public interface IUserService {
    List<User> queryAll();
}

UserService
@Service
public class UserService implements IUserService{


    @Autowired
    UserMapper mapper;

    @Override
    public List<User> queryAll() {
        return mapper.queryAll();
    }
}

Application中加入注解@MapperScan(“com.example.springboottest.mapper”)

指定要变成实现类的接口所在的包,然后包下面的所有接口在编译之后都会生成相应的实现类

usermapper.xml

DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.example.springboottest.mapper.UserMapper">


    <select id="queryAll" resultType="com.example.springboottest.beans.User">
        select *
        from tb_user
    select>

mapper>
index.html
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js">script>
head>
<body>
<button onclick="query()">点击button>
<div id="users">div>
body>
<script>
    function query() {
        $.ajax({
            url: '/user/query.do',
            type: 'POST',
            success: function (res) {
                console.log(res)
                var con = $("#users");
                var content = "";
                for (var i = 0; i < res.length; i++) {
                    content += '' + res[i].id + '' +
                        '' + res[i].username + '' +
                        '' + res[i].pwd + '' +
                        '';
                }
                con.html(content);
            }
        });
    }
script>
html>
演示

springboot一个简单的前端响应后端查询项目_第3张图片

点击后

springboot一个简单的前端响应后端查询项目_第4张图片

我的数据库中
springboot一个简单的前端响应后端查询项目_第5张图片

你可能感兴趣的:(spring,boot,前端,java)