SpringBoot学习笔记05
员工管理系统
1. 准备工作
-
静态资源下载
网址: https://pan.baidu.com/s/1kkr_TNtmMkKBJr1DYMguAw
提取码: zyr2
下载解压得到下图文件:
-
导入SpringBoot项目中
- 将html页面全部导入到templates中
- 将asserts里的文件全部导入到static中
-
编写pojo类
部门类:
package com.zyr.pojo; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; /** * @Author: ZYR * @Date: 2021/5/16 11:44 * @Version 1.0 */ @Data @AllArgsConstructor @NoArgsConstructor public class Department { private Integer id; private String departmentName; }
员工类:
package com.zyr.pojo; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; import java.util.Date; /** * @Author: ZYR * @Date: 2021/5/16 11:47 * @Version 1.0 */ @Data @NoArgsConstructor public class Employee { private Integer id; private String lastName; private String email; private Integer gender; //0:女 1:男 private Department department; private Date birth; public Employee(Integer id, String lastName, String email, Integer gender, Department department) { this.id = id; this.lastName = lastName; this.email = email; this.gender = gender; this.department = department; //默认创建日期 this.birth = new Date(); } }
-
模拟数据库数据以及Dao层编写:
编写DepartmentDao
package com.zyr.dao; import com.zyr.pojo.Department; import org.springframework.stereotype.Repository; import java.util.Collection; import java.util.HashMap; import java.util.Map; /** * @Author: ZYR * @Date: 2021/5/16 11:52 * @Version 1.0 */ @Repository public class DepartmentDao { //模拟数据库中的数据 private static Map<Integer, Department> departments = null; static { //创建一个部门表 departments = new HashMap<Integer, Department>(); departments.put(101, new Department(101, "教学部")); departments.put(102, new Department(101, "市场部")); departments.put(103, new Department(101, "教研部")); departments.put(104, new Department(101, "运营部")); departments.put(105, new Department(101, "后勤部")); } //获得所有部门信息 public Collection<Department> getDepartments(){ return departments.values(); } //通过id得到部门 public Department getDepartmentById(Integer id){ return departments.get(id); } }
编写EmployeeDao
package com.zyr.dao; import com.zyr.pojo.Department; import com.zyr.pojo.Employee; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Repository; import org.springframework.web.bind.annotation.RequestMapping; import java.util.Collection; import java.util.HashMap; import java.util.Map; /** * @Author: ZYR * @Date: 2021/5/16 12:18 * @Version 1.0 */ @Repository public class EmployeeDao { //模拟数据库中的数据 private static Map<Integer, Employee> employees = null; //员工有所属的部门 @Autowired private DepartmentDao departmentDao; static { employees = new HashMap<Integer, Employee>(); employees.put(1001, new Employee(1001, "AA", "A123456@qq.com", 0, new Department(101,"后勤部"))); employees.put(1002, new Employee(1002, "BB", "B123456@qq.com", 1, new Department(102,"后勤部"))); employees.put(1003, new Employee(1003, "CC", "C123456@qq.com", 0, new Department(103,"后勤部"))); employees.put(1004, new Employee(1004, "DD", "D123456@qq.com", 1, new Department(104,"后勤部"))); employees.put(1005, new Employee(1005, "EE", "E123456@qq.com", 0, new Department(105,"后勤部"))); } //主键自增 private static Integer initId = 1006; //增加一个员工 public void save(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(); } //通过id查询员工 public Employee getEmployeeById(Integer id){ return employees.get(id); } //删除员工通过id public void delete(Integer id){ employees.remove(id); } }
2. 首页实现
templates无法直接访问, 首页配置访问有两种方式:
-
编写Controller
在controller中编写IndexController
@Controller public class IndexController { @RequestMapping({"/", "/index.html"}) public String index(){ return "index"; } }
-
拓展SpringMVC
编写config包下的MyMvcConfig
@Configuration public class MyMvcConfig implements WebMvcConfigurer { @Override public void addViewControllers(ViewControllerRegistry registry) { registry.addViewController("/").setViewName("index"); registry.addViewController("/index.html").setViewName("index"); } }
样式加载问题
-
在前端页面导入thymeleaf模板引擎命名空间
xmlns:th="http://www.thymeleaf.org"
相应标签根据thymeleaf语法修改<在线连接不必修改, url用@{}接管>
-
在application.yaml中关闭thymeleaf模板引擎缓存
spring: thymeleaf: cache: false
-
完成修改
3. 页面国际化
1. 检查idea的编码格式
设置为UTF-8
2. 配置文件编写
-
我们在resources资源文件下新建一个i18n目录,存放国际化配置文件
-
建立一个login.properties文件,还有一个login_zh_CN.properties;发现IDEA自动识别了我们要做国际化操作;文件夹变了!
-
我们可以在这上面去新建一个文件
-
接下来,我们就来编写配置,我们可以看到idea下面有另外一个视图:
这个视图我们点击 + 号就可以直接添加属性了;我们新建一个login.tip,可以看到边上有三个文件框可以输入:
我们添加一下首页的内容!
然后去查看我们的配置文件:
login.properties :默认
login.btn=登录 login.password=密码 login.remember=记住我 login.tip=请登录 login.username=用户名
英文:
login.btn=Sign in login.password=Password login.remember=Remember me login.tip=Please sign in login.username=Username
中文
login.btn=登录 login.password=密码 login.remember=记住我 login.tip=请登录 login.username=用户名
OK,配置文件步骤搞定!
3. 配置文件生效探究
我们去看一下SpringBoot对国际化的自动配置!这里又涉及到一个类:MessageSourceAutoConfiguration
里面有一个方法,这里发现SpringBoot已经自动配置好了管理我们国际化资源文件的组件 ResourceBundleMessageSource;
// 获取 properties 传递过来的值进行判断
@Bean
public MessageSource messageSource(MessageSourceProperties properties) {
ResourceBundleMessageSource messageSource = new ResourceBundleMessageSource();
if (StringUtils.hasText(properties.getBasename())) {
// 设置国际化文件的基础名(去掉语言国家代码的)
messageSource.setBasenames(
StringUtils.commaDelimitedListToStringArray(
StringUtils.trimAllWhitespace(properties.getBasename())));
}
if (properties.getEncoding() != null) {
messageSource.setDefaultEncoding(properties.getEncoding().name());
}
messageSource.setFallbackToSystemLocale(properties.isFallbackToSystemLocale());
Duration cacheDuration = properties.getCacheDuration();
if (cacheDuration != null) {
messageSource.setCacheMillis(cacheDuration.toMillis());
}
messageSource.setAlwaysUseMessageFormat(properties.isAlwaysUseMessageFormat());
messageSource.setUseCodeAsDefaultMessage(properties.isUseCodeAsDefaultMessage());
return messageSource;
}
我们真实 的情况是放在了i18n目录下,所以我们要去配置这个messages的路径;
spring:
messages:
basename: i18n.login
4. 配置页面国际化值
去页面获取国际化的值,查看Thymeleaf的文档,找到message取值操作为:#{…}。我们去页面测试下:
IDEA还有提示,非常智能的!
我们可以去启动项目,访问一下,发现已经自动识别为中文的了!
但是我们想要更好!可以根据按钮自动切换中文英文!
5. 配置国际化解析
在Spring中有一个国际化的Locale (区域信息对象);里面有一个叫做LocaleResolver (获取区域信息对象)的解析器!
我们去我们webmvc自动配置文件,寻找一下!看到SpringBoot默认配置:
@Bean
@ConditionalOnMissingBean
@ConditionalOnProperty(prefix = "spring.mvc", name = "locale")
public LocaleResolver localeResolver() {
// 容器中没有就自己配,有的话就用用户配置的
if (this.mvcProperties.getLocaleResolver() == WebMvcProperties.LocaleResolver.FIXED) {
return new FixedLocaleResolver(this.mvcProperties.getLocale());
}
// 接收头国际化分解
AcceptHeaderLocaleResolver localeResolver = new AcceptHeaderLocaleResolver();
localeResolver.setDefaultLocale(this.mvcProperties.getLocale());
return localeResolver;
}
AcceptHeaderLocaleResolver 这个类中有一个方法
public Locale resolveLocale(HttpServletRequest request) {
Locale defaultLocale = this.getDefaultLocale();
// 默认的就是根据请求头带来的区域信息获取Locale进行国际化
if (defaultLocale != null && request.getHeader("Accept-Language") == null) {
return defaultLocale;
} else {
Locale requestLocale = request.getLocale();
List<Locale> supportedLocales = this.getSupportedLocales();
if (!supportedLocales.isEmpty() && !supportedLocales.contains(requestLocale)) {
Locale supportedLocale = this.findSupportedLocale(request, supportedLocales);
if (supportedLocale != null) {
return supportedLocale;
} else {
return defaultLocale != null ? defaultLocale : requestLocale;
}
} else {
return requestLocale;
}
}
}
那假如我们现在想点击链接让我们的国际化资源生效,就需要让我们自己的Locale生效!
我们去自己写一个自己的LocaleResolver,可以在链接上携带区域信息!
修改一下前端页面的跳转连接:
<!-- 这里传入参数不需要使用 ?使用 (key=value)-->
<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>
我们去写一个处理的组件类!
package com.zyr.config;
import org.springframework.util.StringUtils;
import org.springframework.web.servlet.LocaleResolver;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Locale;
/**
* @Author: ZYR
* @Date: 2021/5/17 20:12
* @Version 1.0
*/
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[] split = language.split("_");
//国家,地区
locale = new Locale(split[0],split[1]);
}
return locale;
}
@Override
public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) {
}
}
为了让我们的区域化信息能够生效,我们需要再配置一下这个组件!在我们自己的MvcConofig下添加bean;
//自定义的国际化组件就生效了
@Bean
public LocaleResolver localeResolver(){
return new MyLocaleResolver();
}
我们重启项目,来访问一下,发现点击按钮可以实现成功切换!搞定收工!
4. 登录功能实现
1. 登录跳转实现
-
在index.html中编写表单提交跳转位置
-
编写一个LoginController
用于接收登录请求, 先进行测试能否成功跳转
package com.zyr.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; /** * @Author: ZYR * @Date: 2021/5/17 20:21 * @Version 1.0 */ @Controller public class LoginController { @RequestMapping("/user/login") @ResponseBody public String login(){ return "OK"; } }
运行,随意输入用户名密码, 点击登录, 成功!
2. 登录业务设计
-
在index.html中添加username&password
在LoginControlller中添加相应内容
@Controller public class LoginController { @RequestMapping("/user/login") public String login(@RequestParam("username") String username, @RequestParam("password") String password, Model model){ //具体的业务 if(!StringUtils.isEmpty(username) && "123456".equals(password)){ return "dashboard"; }else { //告诉用户登录失败 model.addAttribute("msg", "用户名或密码错误"); return "index"; } } }
运行, 登录成功跳转成功, 登陆失败跳转到首页
-
登录失败回显
在index.html中添加回显标签
设置显示条件<如果msg为空不显示>:
运行, 测试成功:
-
设置较标准的url
添加MyMvcConfig内容
-
LoginController也要做相应修改
-
成功
-
出现问题, 无论登不登录都能进入后台页面.需要拦截器处理.
3. 登录拦截器
-
在config中新建一个LoginHandlerInterceptor
public class LoginHandlerInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { //登录成功之后, 应该有用户的session; Object loginUser = request.getSession().getAttribute("loginUser"); if (loginUser == null){ request.setAttribute("msg", "没有权限, 请先登录!"); request.getRequestDispatcher("/index.html").forward(request, response); return false; }else { return true; } } }
接收到的登录session从LoginController传递而来
-
在MyMvcConfig中配置拦截器
@Override public void addInterceptors(InterceptorRegistry registry) { registry.addInterceptor(new LoginHandlerInterceptor()) .addPathPatterns("/**") .excludePathPatterns("/index.html", "/", "/user/login", "/css/**", "/js/**", "/img/**"); }
-
运行, 测试, 拦截成功
-
登录成功左上角用户名回显
修改dashboard.html
-
登录测试, 成功
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5hFEOPXr-1621856671752)(https://zyr-img.oss-cn-hangzhou.aliyuncs.com/img/SpringBoot学习笔记05/image-20210518100312124.png)]
…(img-BQkXAPJg-1621856671749)] -
在MyMvcConfig中配置拦截器
@Override public void addInterceptors(InterceptorRegistry registry) { registry.addInterceptor(new LoginHandlerInterceptor()) .addPathPatterns("/**") .excludePathPatterns("/index.html", "/", "/user/login", "/css/**", "/js/**", "/img/**"); }
[外链图片转存中…(img-WrgH9wOK-1621856671750)]
-
运行, 测试, 拦截成功
[外链图片转存中…(img-mPa3IGk4-1621856671750)]
-
登录成功左上角用户名回显
修改dashboard.html
[外链图片转存中…(img-DrhSETiJ-1621856671751)]
-
登录测试, 成功
[外链图片转存中…(img-5hFEOPXr-1621856671752)]