05-springboot_web01

最新推荐文章于 2022-11-16 20:33:32 发布

Write less Do more

最新推荐文章于 2022-11-16 20:33:32 发布

阅读量205

点赞数

分类专栏： Springboot 文章标签： spring boot

本文链接：https://blog.csdn.net/qq_43416276/article/details/105278382

版权

Springboot 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

文件目录：
在这里插入图片描述

一、静态资源

1、加载图标

<link rel="icon" th:href="@{/img/xd.ico}" type="image/x-icon"/>

2、index.html

<!-- 1、命名空间  -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- 2、引入静态资源 -->   
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
<script type="text/javascript" th:src="@{/js/Chart.min.js}"></script>

3、登录密码错误提示-学会使用Thymeleaf的工具类

<!--如果msg的代码不为空才显示-->
<p class="mt-5 mb-3 text-muted" th:text="${msg}" th;if="${not #string.isEmpty(msg)}" style="color: red">${msg}</p>

二、国际化

1、确定所有编码为utf-8：file encoding

2、建一个国际化文件：

login_zh_CN.properties 会自动合并

login_en_US.properties

3、编写网页跳转语言参数

<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>

4、重写地区参数化处理器

package com.xd.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;

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;
        }

        return locale;
    }

    @Override
    public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {

    }
}

5、在Myconfig中注册这个类

 //自定义国际化组件
@Bean
public LocaleResolver localeResolver(){
    return new MylocaleResolver();
}

三、thymeleaf的重要界面

4、表达式

19、工具类

4.5：fargments 把一个东西往里面插入，用于抽取公共页面。

1、组件化：fragment

提取公共页面： 找到你要提取的块 给上th:fragment
<nav class="col-md-2 d-none d-md-block bg-light sidebar" th:fragment="leftside">

2、引用公共组件：~{哪个页面::叫什么} insert/replace

方式一：insert  插入 再嵌套一层
<div th:insert="~{dashboard.html::leftside}"></div>
方式二：replace  替换  替换原来的div
<div th:replace="~{/commoms/commons.html::handside}"></div>

3、其他重要用法update界面

<!--判断性别--> 
<input th:checked="${emp.getGender()==1}" class="form-check-input  "  type="radio" name="gender" value="1" >

<!--动态获取部门--> 
<select class="form-control" name="department.id">
 <option  th:each="dept:${depts}" th:selected="${dept.getId()==emp.getDepartment().getId()}" th:text="${dept.getDepartmentName()}"th:value="${dept.getId()}"></option>
 </select>

<!--时间相关格式--> 
<input  th:value="${#dates.format(emp.getBirth(),'yyyy-MM-dd')}" type="text" class="form-control"  name="birth" placeholder="2020/1/1">

四、重定向

# redirect后面一定不能带空格
return "redirect:/main.html";
#在视图解析器中配置下跳转页面
registry.addViewController("/main.html").setViewName("dashboard");

五、拦截器

1、编写拦截类实现 HandlerInterceptor

public class LoginHandlerInterceptor implements HandlerInterceptor {

    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        //登录成功之后，应该有用户的session
        String username = (String) request.getSession().getAttribute("username");
        if(username==null){
            request.setAttribute("msg","您还未登录！");
            request.getRequestDispatcher("/index.html").forward(request,response);
            return false;
        }else {
            return true;
        }
    }
}

2、在Myconfig中配置拦截器

//添加拦截器
    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/**")
                .excludePathPatterns("/index.html","/","/user/login","static/**");
    }  //  "/css/**","/img/**","/js/**"    放行静态资源

六、显示所有员工

1、正常开发会把功能页统一放入同一个文件夹

七、左侧栏点击亮

1、dashboard.html:传递参数单独界面

<div th:replace="~{/commoms/commons.html::leftside(active='main.html')}"></div>

2、list.html:传递参数单独界面

 <div th:insert="~{/commoms/commons.html::leftside(active='list.html')}"></div>

3、commons.html:判断参数值. 公共界面侧边栏

 
<a th:class="${active=='main.html'?'nav-link active':'nav-link'}" th:href="@{/toshow}">
     
<a th:class="${active=='list.html'?'nav-link active':'nav-link'}" th:href="@{/findAll}">

八、restful风格

<!--/toUpdate/1  -->
<a class="btn btn-sm btn-primary " th:href="@{/toUpdate/{empId}(empId=${emp.id})}">编辑</a>

接收参数

@GetMapping("/emp/{id}")
public String toUpdateEmp(@PathVariable("id")Integer id,Model model){
	// 接收前端传来的参数
}

九、错误页

在template目录下面创建一个目录error
放入404.html、500.html即可

十、路径问题

/*:代表只匹配一层： static/a

/**:代表匹配多层：static/a、static/a/b、static/a/b/c

Write less Do more

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
05-springboot_web01

文件目录：一、静态资源1、加载图标<link rel="icon" th:href="@{/img/xd.ico}" type="image/x-icon"/>2、index.html<html lang="en" xmlns:th="http://www.thymeleaf.org"><!-- 2、引入静...
复制链接

扫一扫