Comment Javaweb crée-t-il un système complet de blog personnel ?

<dependencies>
    <dependency>
        <groupId>org.thymeleaf</groupId>
        <artifactId>thymeleaf</artifactId>
        <version>3.0.12.RELEASE</version>
    </dependency>

    <!-- Servlet依赖包：官方提供的servlet标准 -->
    <dependency>
        <groupId>javax.servlet</groupId>
        <artifactId>javax.servlet-api</artifactId>
        <version>3.1.0</version>
        <!-- 开发编译时需要这个依赖包，运行时不需要 -->
        <scope>provided</scope>
    </dependency>

    <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</artifactId>
        <version>5.1.49</version>
    </dependency>
    
	<!-- 数据绑定包，提供JAva对象与JSON数据格式进行序列化 -->
    <dependency>
        <groupId>com.fasterxml.jackson.core</groupId>
        <artifactId>jackson-databind</artifactId>
        <version>2.12.3</version>
    </dependency>
    
    <!--    引入单元测试框架，方便我们做测试    -->
    <dependency>
        <groupId>junit</groupId>
        <artifactId>junit</artifactId>
        <version>4.13.1</version>
    </dependency>
</dependencies>

//数据库工具类：提供获取数据库连接，释放资源的统一代码
public class DBUtil {
    //静态变量，是类加载的时候初始化，只执行一次
    private static MysqlDataSource ds;
    //一个程序，连接一个数据库，只需要一个连接池，其中保存了多个数据库连接对象
    //1.获取连接池，内部使用，不开放
    private static DataSource getDataSource(){
        //ds类加载的时候，初始化为null，方法使用的时候，每次都判断一下
        if(ds==null){//判断为空，就创建及初始化属性
            ds=new MysqlDataSource();
            ds.setURL("jdbc:mysql://127.0.0.1:3306/blog");
            ds.setUser("root");
            ds.setPassword("010124");
            ds.setUseSSL(false);//不安全连接，如果不设置，也不影响，只是有警告
            ds.setCharacterEncoding("UTF-8");
        }
        return ds;
    }

    //2.获取数据库连接对象：开放给外部的jdbc代码使用
    public static Connection getConnection(){
        try {
            return getDataSource().getConnection();
        } catch (SQLException e) {
            throw new RuntimeException("获取数据库连接出错，可能是url，账号密码写错了",e);
        }
    }
    
    //3.释放资源
    //查询操作需要释放三个资源，更新操作（插入，修改，删除）只需要释放前两个资源
    public static void close(Connection c, Statement s, ResultSet r){
        try {
            if(r!=null) r.close();
            if(s!=null) s.close();
            if(c!=null) c.close();
        } catch (SQLException e) {
            throw new RuntimeException("释放数据库资源出错",e);
        }
    }

    //提供更新操作方便的释放资源功能
    public static void close(Connection c, Statement s){
        close(c,s,null);
    }

    public static void main(String[] args) {
        System.out.println(getConnection());
    }
}

function ajax(args){//var ajax = function(){}
    let xhr = new XMLHttpRequest();
    // 设置回调函数
    xhr.onreadystatechange = function(){
        // 4: 客户端接收到响应后回调
        if(xhr.readyState == 4){
            // 回调函数可能需要使用响应的内容，作为传入参数
            args.callback(xhr.status, xhr.responseText);
        }
    }
    xhr.open(args.method, args.url);
    //如果args中，contentType属性有内容，就设置Content-Type请求头
    if(args.contentType){//js中，if判断，除了判断boolean值，还可以判断字符串，对象等，有值就为true
        xhr.setRequestHeader("Content-Type", args.contentType);
    }
    //如果args中，设置了body请求正文，调用send(body)
    if(args.body){
        xhr.send(args.body);
    }else{//如果没有设置，调用send()
        xhr.send();
    }
}