前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SpringBoot----Web开发第二部分---CRUD案例实现

SpringBoot----Web开发第二部分---CRUD案例实现

作者头像
大忽悠爱学习
发布2021-11-15 14:33:55
1.5K0
发布2021-11-15 14:33:55
举报
文章被收录于专栏:c++与qt学习c++与qt学习

Web开发第二部分

引入资源

" /index.html " :只有在没人能处理该请求的情况下,才会去静态文件夹下面找是否有同名的资源

访问主页的第一种方式: 通过controller层方法的转发到对应页面

代码语言:javascript
复制
@Controller
public class PeopleController
{
    //访问主页
    @RequestMapping({"/","/index.html"})
    public String index()
    {
        return "index";
    }
}

访问主页的第二种方式:扩展SpringMVC,添加视图解析功能

代码语言:javascript
复制
//使用WebMvcConfigurerAdapter可以来扩展SpringMvc的功能
@Configuration
public class myConfig extends WebMvcConfigurerAdapter
{
    //所有的WebMvcConfigurerAdapter组件都会一起起作用
    @Override
    public void addViewControllers(ViewControllerRegistry registry)
    {
      registry.addViewController("/").setViewName("index");
        registry.addViewController("/index.html").setViewName("index");
    }
}

访问主页的第三种方式: 这里还可以在里面使用匿名内部类的方式,返回一个WebMvcConfigurerAdapter

代码语言:javascript
复制
//使用WebMvcConfigurerAdapter可以来扩展SpringMvc的功能
@Configuration
public class myConfig extends WebMvcConfigurerAdapter
{
    //所有的WebMvcConfigurerAdapter组件都会一起起作用
    @Bean//将容器注册在容器中
    public WebMvcConfigurerAdapter addViewControllers()
    {
        WebMvcConfigurerAdapter adapter=new WebMvcConfigurerAdapter() {
            @Override
            public void addViewControllers(ViewControllerRegistry registry) {
                registry.addViewController("/").setViewName("index");
                registry.addViewController("/index.html").setViewName("index");
            }
        };
return adapter;
    }
}

@{…}是Thymeleaf专门用来处理 URL 链接地址的,会自动帮我们加上项目名的访问路径

代码语言:javascript
复制
<link rel="stylesheet" th:href="@{/css/style.css}" href="css/style.css">

修改项目访问路径:

代码语言:javascript
复制
server.servlet.context-path=/dhy

在页面查看源码,看是否帮我们自动增添了项目名访问路径:

在这里插入图片描述
在这里插入图片描述

国际化

在这里插入图片描述
在这里插入图片描述

步骤

1.编写国际化配置文件,抽取页面需要显示的国际化消息

在这里插入图片描述
在这里插入图片描述

每个国际化配置资源文件分别有如下五个属性值,对应要替换页面的五处内容

在这里插入图片描述
在这里插入图片描述

2.SpringBoot自动配置好了管理国际化资源文件的组件

在这里插入图片描述
在这里插入图片描述
如果我们的国际化资源配置文件直接放在类路径下基础名message.properties,那么我们不需要做任何配置就能使用国际化功能
注意: 基础名可以包含一个包名,如果不包含默认从类路径下加载,那么我们就需要在全局配置文件中指定包名和基础名
在这里插入图片描述
在这里插入图片描述
代码语言:javascript
复制
spring.messages.basename=i18n.login

这样就相当于把国际化资源文件让SpringBoot配置的ResourceBundleMessageSource管理了起来


2021新版IDEA修改全部默认配置中的文件编码模式,解决properties配置文件乱码问题

在这里插入图片描述
在这里插入图片描述

通过以上设置,我们根据浏览器语言的设置切换国际化,下面展示原理:

SpringMVC的自动配置中有默认的区域信息解析器===>国际化Locale(区域信息对象),LocaleResolver(获取区域信息对象)

在这里插入图片描述
在这里插入图片描述

点击链接实现国际化切换

1.编写自己的区域信息解析器,并放到容器中

自定义区域信息解析器:

代码语言:javascript
复制
/*
* 可以携带区域信息
* */
public class MyLocaleResolver implements LocaleResolver
{

    @Override
    public Locale resolveLocale(HttpServletRequest Request) {
           String l=Request.getParameter("l");
           Locale locale=Locale.getDefault();//Locale.getDefault()获取当前的语言环境---操作系统的语言环境
             if(!StringUtils.isEmpty(l))
             {
                 String[] s = l.split("_");
                locale=new Locale(s[0],s[1]);//第一个参数是国家,第二个参数是语言
             }
             return locale;
    }

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

    }
}

SpringMVC扩展类: 负责将自定义的组件加入到容器中

代码语言:javascript
复制
//使用WebMvcConfigurerAdapter可以来扩展SpringMvc的功能
@Configuration
public class myConfig extends WebMvcConfigurerAdapter
{
    //所有的WebMvcConfigurerAdapter组件都会一起起作用
    @Bean//将容器注册在容器中
    public WebMvcConfigurerAdapter addViewControllers()
    {
        WebMvcConfigurerAdapter adapter=new WebMvcConfigurerAdapter() {
            @Override
            public void addViewControllers(ViewControllerRegistry registry) {
                registry.addViewController("/").setViewName("index");
                registry.addViewController("/index.html").setViewName("index");
            }
        };
            return adapter;
    }
    @Bean
    //在SpringMVC扩展类中,将刚才写的区域信息解析器放到容器中
    public LocaleResolver localeResolver()
    {
        return new MyLocaleResolver();
    }

}

效果展示:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

登录模块

SpringMVC新特性支持的Rest风格的注解

@RestController注解

@RestController等常见注解

@PostMapping, @GetMapping, @PutMapping, @DeleteMapping四个支持Rest风格的注解


模板引擎页面修改后要时时生效==>禁用掉模板引擎的缓存+重新编译

在全局配置文件中禁用掉模板引擎的缓存

代码语言:javascript
复制
#禁用掉模板引擎的缓存,这样页面内容一修改,就可以看到修改后的效果
spring.thymeleaf.cache=false

IDEA在项目运行期间,不会让我们对页面的修改生效,如果想让我们对页面的修改时时生效,第一步禁用缓存,第二步按住ctrl+f9重新编译当前页面


Thymeleaf 内置对象和内置方法

Thymeleaf 内置对象和内置方法


转发到某一页面导致的表单重复提交问题

解决表单重复提交问题


登录成功后,要防止表单被重复提交,可以重定向到主页

在这里插入图片描述
在这里插入图片描述

拦截器进行登录检查,防止不经过登录直接来到某一页面

SpringBoot已经做好了静态资源的映射
1.自定义登录拦截器,通过获取session中存放的数据,来判断是否已经登录过
代码语言:javascript
复制
public class LoginHanlderIntercept implements HandlerInterceptor
{
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        Object user=request.getSession().getAttribute("loginUser");
        if(user==null)
        {
            //未登陆,返回登陆页面
            request.setAttribute("msg","没有权限请先登陆");
            request.getRequestDispatcher("/index.html").forward(request,response);
            return false;
        }
        else
        {
            //已登陆,放行请求
            return true;
        }
    }

    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {

    }

    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
          //登陆后,将之前存储在session里面的登录凭证销毁,无论是否存在凭证,都执行销毁操作
           request.getSession().removeAttribute("loginUser");
    }
}
2.如果登录成功,那么往session中存放一个username作为登录凭证
代码语言:javascript
复制
@Controller
public class LoginController
{
    @PostMapping("/user/login")
    public String Login(@RequestParam("username")String username,
                        @RequestParam("password")String password
    , Map<String,Object> map, HttpSession session)
    {
        if(username.equals("大忽悠")&&"123456".equals(password))
        {
            session.setAttribute("loginUser",username);
            //登录成功
            return "redirect:/main.html";
        }
      //登录失败
        map.put("msg","用户名或密码错误");
        return "index";
    }
}
3.在springmvc扩展类中将自定义的拦截器进行注册
代码语言:javascript
复制
//使用WebMvcConfigurerAdapter可以来扩展SpringMvc的功能
@Configuration
public class myConfig extends WebMvcConfigurerAdapter
{

    //所有的WebMvcConfigurerAdapter组件都会一起起作用
    @Bean//将容器注册在容器中
    public WebMvcConfigurerAdapter addViewControllers()
    {
        WebMvcConfigurerAdapter adapter=new WebMvcConfigurerAdapter() {
            @Override
            public void addViewControllers(ViewControllerRegistry registry) {
                registry.addViewController("/").setViewName("index");
                registry.addViewController("/index.html").setViewName("index");
                registry.addViewController("/main.html").setViewName("success");
            }
            @Override
            public void addInterceptors(InterceptorRegistry registry) {
               registry.addInterceptor(new LoginHanlderIntercept()).addPathPatterns("/**")//拦截任意多层路径下的所有请求
                       .excludePathPatterns("/index.html","/","/user/login");//某些请求不进行拦截
            }
        };
            return adapter;

    }
    @Bean
    //在SpringMVC扩展类中,将刚才写的区域信息解析器放到容器中
    public LocaleResolver localeResolver()
    {
        return new MyLocaleResolver();
    }

}
小细节:如果已经登录成功了,那么session域中就会存在已经登录的凭证,如果此时回退到登录页面,那么就可以不登录直接访问对应网页,这个的解决方法如下:
使用下面这个解决方法的前提是拦截器只拦截登录页面,而不是所有请求,不然当登录成功后,点击当前页面的任何请求,都会回到登录页面
代码语言:javascript
复制
    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
          //登陆后,将之前存储在session里面的登录凭证销毁,无论是否存在凭证,都执行销毁操作
           request.getSession().removeAttribute("loginUser");
    }
拦截器如果拦截所有请求,静态资源也会被拦截,因此注意排除掉对应的静态资源访问路径

CRUD—员工列表

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

thymeleaf公共页面元素抽取

在这里插入图片描述
在这里插入图片描述

这里模板名就是html页面的名字,即xxx(模板名).html

这里的模板名会使用thymeleaf的前后缀配置规则进行解析

三种引入功能片段的th属性

在这里插入图片描述
在这里插入图片描述

具体使用参考下面这篇文章

Thymeleaf 模板布局 th:fragment、th:replace、th:insert、th:remove


如果使用了thymeleaf模板引擎,那么controller层的返回值就会由模板引擎自动拼串,因此如果我们还想转发或者重定向到某个请求,就需要加上forward或者redirect前缀


加上forward或者redirect前缀后,springboot也提供了各自的视图解析处理器,底层就是原生的转发和重定向


SpringMVC中的forward和redirect前缀路径问题:

代码语言:javascript
复制
package com.czl.controller;

@Controller
public class HelloController {

 
    /**
     *  forward:转发到一个页面
     *  /hello.jsp:转发当前项目下的hello;
     *
     *  一定加上/,如果不加/就是相对路径。容易出问题;
     *  forward:/hello.jsp
     *  forward:前缀的转发,不会由我们配置的视图解析器拼串
     *
     * @return
     */
    @RequestMapping("handle01")
   public String handle01(){
        System.out.println("handle01...");
        return "forward:/hello.jsp";
    }

    @RequestMapping("handle02")
    public String handle02(){
        System.out.println("handle02....");
        return "forward:/handle01";
    }
    /**
     * 重定向到hello.jsp页面
     * 有前缀的转发和重定向操作,配置的视图解析器就不会进行拼串;
     *
     * 转发	forward:转发的路径
     * 重定向	redirect:重定向的路径
     * 		/hello.jsp:代表就是从当前项目下开始;在SpringMVC中会为路径自动的拼接上项目名
     *
     *
     * 		原生的Servlet重定向/路径需要加上项目名才能成功,
     *      重定向的url路径是要发给浏览器让浏览器按照该url访问服务器的,而浏     
     * 览器解析/ 只到站点,如 localhost:8080/,使用response.sendRedirect("/hello.jsp"),浏览器只会解析为:
     * localhost:8080/hello.jsp
     * 		
     * 		response.sendRedirect("/hello.jsp")//访问不到,要加上项目名 /SpringMVC_viewResolver_06/hello.jsp
     * @returnrd.include(requestToExpose, response);
     */
    @RequestMapping("handle03")
    public String handle03(){
        System.out.println("handle03...");
        return "redirect:/hello.jsp";
    }
    @RequestMapping("handle04")
    public String handle04(){
        System.out.println("handle04...");
        return "redirect:/handle03";
    }


}

SprinBoot中的日期格式化问题

SpringBoot底层日期格式化原理:

默认有一个日期格式化器:

在这里插入图片描述
在这里插入图片描述

默认使用的日期格式是/方式,如果后台接收到前台的日期格式不是\,那么就会报错:

在这里插入图片描述
在这里插入图片描述

我们可以在配置文件中进行日期格式修改,替换默认的日期格式:

代码语言:javascript
复制
spring.mvc.date-format=yyyy-MM-dd

Thymeleaf 日期格式化处理

代码语言:javascript
复制
${#dates.format(key)}
${#dates.format(key, 'yyyy-MM-dd HH:mm:ss')}

格式化传递过来的 Date 对象,如果没有指定时间格式,将使用浏览器当前使用的时间格式

Thymeleaf 日期格式化处理


JQuery中的submit事件来提交表单,也可以阻止表单的提交

在这里插入图片描述
在这里插入图片描述

thymeleaf中th:原生属性===>如果我们需要设置自定义属性,那么要利用th:attr来设置

在这里插入图片描述
在这里插入图片描述

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-08-01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Web开发第二部分
  • 引入资源
    • " /index.html " :只有在没人能处理该请求的情况下,才会去静态文件夹下面找是否有同名的资源
      • 访问主页的第一种方式: 通过controller层方法的转发到对应页面
        • 访问主页的第二种方式:扩展SpringMVC,添加视图解析功能
          • 访问主页的第三种方式: 这里还可以在里面使用匿名内部类的方式,返回一个WebMvcConfigurerAdapter
            • @{…}是Thymeleaf专门用来处理 URL 链接地址的,会自动帮我们加上项目名的访问路径
        • 国际化
          • 步骤
            • 1.编写国际化配置文件,抽取页面需要显示的国际化消息
            • 2.SpringBoot自动配置好了管理国际化资源文件的组件
            • 2021新版IDEA修改全部默认配置中的文件编码模式,解决properties配置文件乱码问题
          • 通过以上设置,我们根据浏览器语言的设置切换国际化,下面展示原理:
            • SpringMVC的自动配置中有默认的区域信息解析器===>国际化Locale(区域信息对象),LocaleResolver(获取区域信息对象)
            • 点击链接实现国际化切换
        • 登录模块
          • SpringMVC新特性支持的Rest风格的注解
            • @RestController注解
            • @PostMapping, @GetMapping, @PutMapping, @DeleteMapping四个支持Rest风格的注解
            • 模板引擎页面修改后要时时生效==>禁用掉模板引擎的缓存+重新编译
          • Thymeleaf 内置对象和内置方法
            • 转发到某一页面导致的表单重复提交问题
          • 登录成功后,要防止表单被重复提交,可以重定向到主页
            • 拦截器进行登录检查,防止不经过登录直接来到某一页面
          • CRUD—员工列表
            • thymeleaf公共页面元素抽取
            • 三种引入功能片段的th属性
            • 具体使用参考下面这篇文章
            • 如果使用了thymeleaf模板引擎,那么controller层的返回值就会由模板引擎自动拼串,因此如果我们还想转发或者重定向到某个请求,就需要加上forward或者redirect前缀
            • 加上forward或者redirect前缀后,springboot也提供了各自的视图解析处理器,底层就是原生的转发和重定向
            • SpringMVC中的forward和redirect前缀路径问题:
          • SprinBoot中的日期格式化问题
            • SpringBoot底层日期格式化原理:
            • Thymeleaf 日期格式化处理
            • JQuery中的submit事件来提交表单,也可以阻止表单的提交
            • thymeleaf中th:原生属性===>如果我们需要设置自定义属性,那么要利用th:attr来设置
        相关产品与服务
        容器服务
        腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档