SpringBoot 09 Web前奏和国际化

牟泉禹[Dark Cat]

已于 2023-04-12 08:19:06 修改

阅读量195

点赞数

分类专栏：学习笔记文章标签： spring boot 前端 java

于 2022-07-31 16:49:29 首次发布

BY-牟泉禹/MuQuanyu

本文链接：https://blog.csdn.net/qq_52606908/article/details/126086339

版权

学习笔记专栏收录该内容

387 篇文章 11 订阅

订阅专栏

9.1 pojo、dao 设计和首页（Web前奏）

导入静态资源

在这里插入图片描述

设计 Pojo 实体类和 Dao 层

部门表

package top.muquanyu.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.ToString;

// 部门表
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Department {
    private Integer id;
    private String departmentName;
}

SpringContextUtil：有些时候我们还是要用原生态的一些方式去使用 Spring 全家桶的。

package top.muquanyu.utils;

import org.springframework.beans.BeansException;
import org.springframework.beans.factory.config.BeanFactoryPostProcessor;
import org.springframework.beans.factory.config.ConfigurableListableBeanFactory;
import org.springframework.stereotype.Component;

@Component
public class SpringContextUtil implements BeanFactoryPostProcessor {
    /** Spring应用上下文环境 */
    private static ConfigurableListableBeanFactory beanFactory;

    @Override
    public void postProcessBeanFactory(ConfigurableListableBeanFactory configurableListableBeanFactory) throws BeansException {

        SpringContextUtil.beanFactory = configurableListableBeanFactory;
    }

    /**
     * 获取对象
     *
     * @param clazz
     * @return Object 一个以所给名字注册的bean的实例
     * @throws org.springframework.beans.BeansException
     *
     */
    @SuppressWarnings("unchecked")
    public static <T> T getBean(Class clazz) throws BeansException
    {
        return (T) beanFactory.getBean(clazz.getName());
    }
}

员工表

package top.muquanyu.dao;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Repository;
import top.muquanyu.pojo.Employee;
import top.muquanyu.utils.SpringContextUtil;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;

// 员工 Dao
@Repository
public class EmployeeDao {

    private static Map<Integer, Employee> employees = null;
    // 员工所属的部门

    // 静态块优先级 太高了, 我们必须要手动的提前把这个 Department注入！
    private static DepartmentDao departmentDao =  (DepartmentDao) SpringContextUtil.getBean(DepartmentDao.class);

//    下面是 目前 SpringBoot 比较推崇的 注入方式 set 注入！
//    private static DepartmentDao departmentDao;
//    @Autowired
//    public void setDepartmentDao(DepartmentDao departmentDao){
//        EmployeeDao.departmentDao = departmentDao;
//        System.out.println(departmentDao);
//    }

    static {
        employees = new HashMap<>();
        employees.put(1001,new Employee(1001,"AA","A99565687@qq.com",1,departmentDao.getDepartmentByID(101)));
        employees.put(1002,new Employee(1002,"BB","B99565687@qq.com",0,departmentDao.getDepartmentByID(102)));
        employees.put(1003,new Employee(1003,"CC","C99565687@qq.com",1,departmentDao.getDepartmentByID(103)));
        employees.put(1004,new Employee(1004,"DD","D99565687@qq.com",0,departmentDao.getDepartmentByID(104)));
        employees.put(1005,new Employee(1005,"EE","E99565687@qq.com",1,departmentDao.getDepartmentByID(105)));
    }

    // 模拟主键自增
    private static Integer initID = 1006;

    // 增加一个员工
    public void addEmployee(Employee employee){
        if(employee.getId() == null){
            employee.setId(initID++);
        }
        employee.setDepartment(departmentDao.getDepartmentByID(employee.getDepartment().getId()));
        employees.put(employee.getId(),employee);
    }

    public Collection<Employee> getAll(){
        return employees.values();
    }

    public Employee getEmployeeByID(Integer id){
        return employees.get(id);
    }

    // 删除员工通过 id
    public Employee deleteEmployeeByID(Integer id){
        return employees.remove(id);
    }

}

部门 Dao

package top.muquanyu.dao;

import org.springframework.stereotype.Repository;
import top.muquanyu.pojo.Department;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;

// 部门的 Dao
@Repository // 被 Spring 托管
public class DepartmentDao {

    // 模拟数据库中的 数据
    private static Map<Integer, Department> departments = null;

    static {
        departments = new HashMap<>();
        departments.put(101,new Department(101,"教学部"));
        departments.put(102,new Department(102,"市场部"));
        departments.put(103,new Department(103,"教研部"));
        departments.put(104,new Department(104,"运营部"));
        departments.put(105,new Department(105,"后勤部"));
    }

    // 获取所有部门的信息
    public Collection<Department> getDepartments(){
        return departments.values();
    }

    // 通过 id 得到相关部门
    public Department getDepartmentByID(Integer id){
        return departments.get(id);
    }
}

员工 Dao

package top.muquanyu.dao;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Repository;
import top.muquanyu.pojo.Department;
import top.muquanyu.pojo.Employee;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;

// 员工 Dao
@Repository
public class EmployeeDao {

    private static Map<Integer, Employee> employees = null;
    // 员工所属的部门
    @Autowired
    private static DepartmentDao departmentDao;
    static {
        employees = new HashMap<>();
        employees.put(1001,new Employee(1001,"AA","A99565687@qq.com",1,departmentDao.getDepartmentByID(101)));
        employees.put(1001,new Employee(1002,"BB","B99565687@qq.com",0,departmentDao.getDepartmentByID(102)));
        employees.put(1001,new Employee(1003,"CC","C99565687@qq.com",1,departmentDao.getDepartmentByID(103)));
        employees.put(1001,new Employee(1004,"DD","D99565687@qq.com",0,departmentDao.getDepartmentByID(104)));
        employees.put(1001,new Employee(1005,"EE","E99565687@qq.com",1,departmentDao.getDepartmentByID(105)));
    }

    // 模拟主键自增
    private static Integer initID = 1006;

    // 增加一个员工
    public void addEmployee(Employee employee){
        if(employee.getId() == null){
            employee.setId(initID++);
        }
        employee.setDepartment(departmentDao.getDepartmentByID(employee.getDepartment().getId()));
        employees.put(employee.getId(),employee);
    }

    public Collection<Employee> getAll(){
        return employees.values();
    }

    public Employee getEmployeeByID(Integer id){
        return employees.get(id);
    }

    // 删除员工通过 id
    public Employee deleteEmployeeByID(Integer id){
        return employees.remove(id);
    }

}

首页的实现

直接在 MvcConfig 里面扩展下配置就行了。

package top.muquanyu.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class MvcConfig implements WebMvcConfigurer {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        //WebMvcConfigurer.super.addViewControllers(registry);
        registry.addViewController("/").setViewName("index");
        registry.addViewController("/index.html").setViewName("index");
    }
}

写一个 thymeleaf 的 index.html 首页

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>Signin Template for Bootstrap</title>
		<!-- Bootstrap core CSS -->
		<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link th:href="@{/css/signin.css}" rel="stylesheet">
	</head>

	<body class="text-center">
		<form class="form-signin" th:action="@{/user/login}" method="post">
			<img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72">
			<h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please sign in</h1>
			<p style="color: red" th:text="${msg}"></p>
			<input type="text" class="form-control" name="username" th:placeholder="#{login.username}" required="" autofocus="">
			<input type="password" class="form-control" name="password" th:placeholder="#{login.password}" required="">
			<div class="checkbox mb-3">
				<label>
          <input type="checkbox" value="remember-me" > [[#{login.remember}]]
        </label>
			</div>
			<button class="btn btn-lg btn-primary btn-block" type="submit">[[#{login.btn}]]</button>
			<p class="mt-5 mb-3 text-muted">© 2017-2018</p>
			<a class="btn btn-sm" th:href="@{/index.html(l='zh_cn')}">中文</a>
			<a class="btn btn-sm" th:href="@{/index.html(l='en_US')}">English</a>
		</form>

	</body>

</html>

关闭 thymeleaf 的缓存：spring.thymeleaf.cache=false 2.2 之后的版本可能不需要关。就可以显示正常。

在这里插入图片描述

9.2 国际化

国际化：就是页面的语言切换。那么 SpringBoot 如何适配国际化呢。其实很多显示的文本，都可以是从 properties 文件中的取值。

很简单，我们在 resources 目录下 新建 i18n 目录，然后新建两个文件。login.properties 和 login_zh_CN.properties

初识国际化
然后你就发现两个文件就被自动合并到一个目录下了。然后你右键这个目录，就发现可以新建语言文件了。

在这里插入图片描述

安装 Resource Bundle Editor 就可以可视化的编辑了。

在这里插入图片描述

配置好所有需要的属性值

在这里插入图片描述

然后 thymeleaf 直接可以通过 #{...} 取到国际化的内容。

但是在此之前，你必须先去配置一下，这个国际化的文件的地址在哪。
在这里插入图片描述

# 我们的配置文件 的真实位置/路径
spring.messages.basename=i18n.login

在这里插入图片描述

如果出现问号，那么恭喜你。必须得去配置一下编码了。

在这里插入图片描述

实现国际化的切换

分析源码 AcceptHeaderLocaleResolver

在这里插入图片描述
从这段代码可以看出，我们解析Locale 是返回了一个 Locale。我们再去看看自动装配。
这段代码就比较有趣了，它说的意思是我们获取这些解析器。然后看一下是否存在用户配置的解析器。如果有的话，走用户的。如果没有的话，走默认的。那这不就是告诉我们要自己写一个解析器嘛。。。

新建一个实现 LocaleResolver 接口的类。

在这里插入图片描述

你会发现有两个方法，其中第一个方法比较显著。是要去解析一个请求。那么我们的按钮是不是就可以是一个请求呢，如果它是一个请求，并且携带关键参数，就可以判断到底使用那个国际化文件了。
在这里插入图片描述

@{/url(参数名=默认参数值)} ：这种 url 请求的传参方式是 thymeleaf 独有的。

分析 Locale 到底是个啥。

在这里插入图片描述
这一下子就明白了，这玩意就是一个二元组呀。就是提供一个语言，再提供一个国家。然后给你封装成一个对象。Locale，合着这玩意就是国际化的标识呗？？根据这种标识，我们使用的对应国际化的文件。

我们可以大胆的尝试一下。

package top.muquanyu.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.LocaleResolver;
import org.thymeleaf.util.StringUtils;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Locale;

@Configuration
public class MyLocaleResolver implements LocaleResolver {

    // 解析请求
    @Override
    public Locale resolveLocale(HttpServletRequest request) {

        String language = request.getParameter("l");
        Locale locale = Locale.getDefault(); // 如果没有这个参数 就用 默认呗
        if(!StringUtils.isEmpty(language)){
            String[] s = language.split("_");
            // 国家_地区
            locale = new Locale(s[0], s[1]);
        }
        return locale;
    }

    @Override
    public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) {

    }
}

给这个用户自定义的 LocaleResolver 注册到 IOC 容器中。

    // 自定义 的 国际化 组件 就 生效了
    @Bean
    public LocaleResolver localeResolver(){
        return new MyLocaleResolver();
    }

在这里插入图片描述

牟泉禹[Dark Cat]

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SpringBoot 09 Web前奏和国际化

/
复制链接

扫一扫

专栏目录

SpringBoot 09 Web前奏和国际化

9.1 pojo、dao 设计和首页（Web前奏）

9.2 国际化

“相关推荐”对你有帮助么？