idea__SpringBoot微服务09——员工管理系统,(Springboot解决乱码),thymeleaf语法,404页面。

news2024/12/26 11:07:41

员工管理系统

    • 完整项目地址:
    • 一、首页实现(注意的点)
    • 二、国际化
    • 三、乱码解决
    • 四、登录功能实现(注意的点)
    • 五、登录拦截器(注意的点)
    • 六、展示员工列表(注意的点)
      • 1、前端页面抽取 th:fragment
      • 2、前端页面抽取进阶 th:replace
      • 3、前端页面侧边栏选择高亮 active传递参数判断
      • 4、日期
    • 七、添加员工(注意的点)
      • 1、时间格式问题
      • 2、参数问题
      • 3、循环遍历 th:each 设置值 th:value
    • 八、修改员工(注意的点)
      • 1、form表单action传值
      • 2、+ 号拼接参数,a标签也是可以提交的
      • 3、th:checked 复选框
      • 4、部门回显问题
    • 九、删除及404处理(注意的点)
        • ————————
        • 创作不易,如觉不错,随手点赞,关注,收藏(* ̄︶ ̄),谢谢~~

完整项目地址:

链接:https://pan.baidu.com/s/1M4puhYCUMJsRdO3o2uUrqg
提取码:2muh
–来自百度网盘超级会员V1的分享

thymeleaf语法:

#{} 国际化

th:text=“ m s g " t h : i f = " {msg}" th:if=" msg"th:if="{not #strings.isEmpty(msg)}” 登录功能实现

th:fragment=“topbar” 展示员工列表

th:replace=“~{commons/commons::topbar}” 展示员工列表

th:replace=“~{commons/commons::sidebar(active=‘main.html’)}” 展示员工列表

th:each 添加员工

th:value 添加员工

th:checked 修改员工

一、首页实现(注意的点)

在这里插入图片描述
配置了,就要加上chenjiangang才可以访问了

在这里插入图片描述

二、国际化

1、创建配置文件

在这里插入图片描述

2、配置好

在这里插入图片描述
3、主页显示

在这里插入图片描述

4、自定义区域信息对象解析器

在这里插入图片描述
5、注入到bean中

在这里插入图片描述
6、运行看一下

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

三、乱码解决

package com.chenjiangang.config;


import com.fasterxml.classmate.Filter;

import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.UnsupportedEncodingException;

//字符编码过滤器
@WebFilter(urlPatterns = "/*",filterName = "CharacterEncodingFilter")
public class CharacterEncodingFilter implements Filter {

    public void init(FilterConfig filterConfig) throws ServletException {
    }


    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException, IOException {
        HttpServletRequest request = (HttpServletRequest) servletRequest;
        HttpServletResponse response = (HttpServletResponse) servletResponse;
        request.setCharacterEncoding("UTF-8");
        response.setCharacterEncoding("UTF-8");

        filterChain.doFilter(request , response);
    }

    public void destroy() {
    }

    @Override
    public boolean include(Object o) {
        return false;
    }
}

四、登录功能实现(注意的点)

1、thymeleaf 语法在这里插入图片描述
2、访问路径
在这里插入图片描述

看一下:

在这里插入图片描述

五、登录拦截器(注意的点)

写一个拦截器

在这里插入图片描述
配置拦截器,所有请求都拦截,首页,登录页,静态资源不拦截

在这里插入图片描述

六、展示员工列表(注意的点)

1、前端页面抽取 th:fragment

这两个页面公共部分,进行抽取

侧边栏和顶部导航栏

在这里插入图片描述
在dashboard页面 用 th:fragment 进行抽取 ,就相当于取了一个名字

在这里插入图片描述
在list页面,进行插入,页面::组件名字,XXX页面的XXXX

在这里插入图片描述

2、前端页面抽取进阶 th:replace

创建一个commons文件夹,和一个commons.html页面,用来存放list和dashboard页面的公共内容

顶部导航栏 和 侧边栏
在这里插入图片描述
th:replace 就是替换的意思

目录 / 页面 ::组件名

在这里插入图片描述

3、前端页面侧边栏选择高亮 active传递参数判断

dashboard页面传递参数

在这里插入图片描述
list页面传递参数

在这里插入图片描述
commons页面判断显示高亮

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

看一下效果

在这里插入图片描述

4、日期

在这里插入图片描述

七、添加员工(注意的点)

1、时间格式问题

一旦配置了

在这里插入图片描述

在页面这里

在这里插入图片描述

2、参数问题

在这里插入图片描述

3、循环遍历 th:each 设置值 th:value

在这里插入图片描述

八、修改员工(注意的点)

1、form表单action传值

在这里插入图片描述

2、+ 号拼接参数,a标签也是可以提交的

在这里插入图片描述
拼接了参数,那就要用到 RestFul 风格

在这里插入图片描述

3、th:checked 复选框

在这里插入图片描述

4、部门回显问题

在这里插入图片描述

九、删除及404处理(注意的点)

404非常简单,只需要在我们的templates文件夹下创建一个error文件夹存放404页面即可,也可以存放500的

在这里插入图片描述

————————
创作不易,如觉不错,随手点赞,关注,收藏(* ̄︶ ̄),谢谢~~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1302876.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

HCIA-H12-811题目解析(9)

1、【单选题】下面选项中,能使一台IP地址为10.0.0.1的主机访问Interne的必要技术是? 2、【单选题】 FTP协议控制平面使用的端口号为? 3、【单选题】 使用FTP进行文件传输时,会建立多少个TCP连接? 4、【单选题】完成…

18.Java程序设计-基于Springboot的电影院售票系统的设计与实现

摘要 电影产业在当今社会中占据着重要地位,电影院作为观影的主要场所,其售票系统的高效性和用户体验至关重要。本文基于Spring Boot框架设计并实现了一款电影院售票系统,旨在提高售票效率、优化用户体验,并解决传统售票方式存在的…

堪比Postman!实用IDEA插件推荐

Postman是大家最常用的API调试工具,那么有没有一种方法可以不用手动写入接口到Postman,即可进行接口调试操作?今天给大家推荐一款IDEA插件:Apipost Helper,写完代码就可以调试接口并一键生成接口文档!而且还…

我的NPI项目之Android 显示 -- 背光的电路小知识

由于使用的高通平台一直在演化,从SDM660,QCM4290,QCM4490再到QCM6490。产品的背光设计也是一直在迭代。 简单罗列了一下所经历的一些设计,简单的背光也涉及到了很多学问。 先说有哪些类型: 1. SDM660上由PMIC提供了wled给背光, 透过驱动直…

数据结构与算法-Rust 版读书笔记-2线性数据结构-双端队列

数据结构与算法-Rust 版读书笔记-2线性数据结构-双端队列 1、双端队列 deque又称为双端队列,双端队列是与队列类似的项的有序集合。deque有两个端部:首端和尾端。deque不同于队列的地方就在于项的添加和删除是不受限制的,既可以从首尾两端添…

记一次测试环境git翻车经历

本来想拉一个功能分支进行新的功能开发,合并代码发现没有冲突居然有文件被修改了,贸然选择最近的一次回滚提交,没想到不假思索的push -f 导致一部分dev主干的代码不见了。 事故记录 开发分支origin/dev,功能分支file 合并之后发…

金额格式化,利率格式化

<el-inputplaceholder"请输入"size"medium"v-model"amt"maxlength"16":disabled"showBtn no || readOnly"oninput"this.value this.value.replace(/[^\d.]/g,).replace(/\.{2,}/g, .).replace(/^0(\d)/, $1) // 第…

Android--Jetpack--Databinding源码解析

慢品人间烟火色&#xff0c;闲观万事岁月长 一&#xff0c;基本使用 关于databinding的基本使用请看之前的文章 Android--Jetpack--Databinding详解-CSDN博客 二&#xff0c;xml布局解析 分析源码呢&#xff0c;主要就是从两方面入手&#xff0c;一个是使用&#xff0c;一个…

Nginx正则表达式

目录 1.nginx常用的正则表达式 2.location location 大致可以分为三类 location 常用的匹配规则 location 优先级 location 示例说明 优先级总结 3.rewrite rewrite功能 rewrite跳转实现 rewrite执行顺序 语法格式 rewrite示例 实例1&#xff1a; 实例2&#xf…

Vue3封装一个轮播图组件

先看效果 编写组件代码 CarouselChart.vue <template><div classimg-box><el-button clickpreviousImages v-ifprops.showBtn>←</el-button><div classimg><div styledisplay: flex;gap: 20px idmove><imgclassimg-item v-for(item…

hdlbits系列verilog解答(Ringer)-55

文章目录 一、问题描述二、verilog源码三、仿真结果 一、问题描述 本次我们设计一个电路以实现对手机铃声和振动的控制。当工作在振动模式时&#xff0c;开启振动&#xff0c;否则开启铃声。 尝试只使用assign语句&#xff0c;测试一下你是否能将描述转化成数字逻辑电路。 二…

Guava反射工具详解

第1章&#xff1a;引言 大家好&#xff0c;我是小黑&#xff0c;今天咱们聊聊Java反射&#xff0c;特别是在Guava这个强大的库中&#xff0c;它是怎么让反射变得更简单&#xff0c;更有趣的。咱们都知道&#xff0c;反射在Java中是个相当强大的特性&#xff0c;它允许程序在运…

基于ssm的校园快递一站式服务系统论文

摘 要 现代经济快节奏发展以及不断完善升级的信息化技术&#xff0c;让传统数据信息的管理升级为软件存储&#xff0c;归纳&#xff0c;集中处理数据信息的管理方式。本校园快递一站式服务系统就是在这样的大环境下诞生&#xff0c;其可以帮助管理者在短时间内处理完毕庞大的数…

【Java 基础】30 JDK动态代理

文章目录 1.定义2.原理3.使用1&#xff09;定义业务接口2&#xff09;实现 InvocationHandler 接口3&#xff09;生成代理类 4.优点5.缺点总结 动态代理是一种重要的 设计模式&#xff0c;它允许在运行时生成代理类来代替实际的类。动态代理主要通过反射机制实现&#xff0c;为…

计算机图形学——消隐算法

目录 消隐算法 &#xff08;1&#xff09;隐藏线消除算法 &#xff08;2&#xff09;隐藏面消除算法 曲面体消隐算法 3D Mesh 隐藏面消除算法 &#xff08;1&#xff09;深度缓冲器算法&#xff08;zBuffer&#xff09; 深度缓冲器 &#xff08;2&#xff09;深度排序…

机器学习基础介绍

百度百科&#xff1a; 机器学习是一门多领域交叉学科&#xff0c;涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为&#xff0c;以获取新的知识或技能&#xff0c;重新组织已有的知识结构使之不断改善自身的性能。 …

mysql 链接超时的几个参数详解

mysql5.7版本中&#xff0c;先查看超时设置参数&#xff0c;我们这里只关注需要的超时参数&#xff0c;并不是全都讲解 show variables like %timeout%; connect_timeout 指的是连接过程中握手的超时时间,在5.0.52以后默认为10秒&#xff0c;之前版本默认是5秒&#xff0c;主…

学习人工智能-基础篇

背景 随着大模型的火爆&#xff0c;人工智能再次被推到高潮&#xff0c;其实它在众多行业领域已经落地很多应用&#xff0c;并给社会带来了巨大的经济价值。其中包括互联网、教育、金融、医疗、交通、物流等等。在测试领域也有一些落地的案例&#xff0c;作为测试人员&#xf…

关于个人职业选择

职业选择&#xff0c;一直是个老生常谈的话题。这并不是一个容易做的决定。 让我们来看看AI怎么说。 首先是方向性的回答&#xff1a; 然后是一些具体的回答 我个人比较倾向于深耕网络安全。这是一个很有趣也是一个持续发展着的领域。 不知道关于这个事情你怎么看&#xff0…

案例解决Redis高并发场景带来的缓存穿透、击穿、雪崩问题(超级详细!!)

假设你的网站流量量达到亿级&#xff0c;传统的去查询DB势必会给DB带来巨大的压力&#xff0c;甚至可能有宕机的风险&#xff0c;接下来我就分几个阶段&#xff0c;来讲诉各个场景可能会给DB带来巨大压力的可能&#xff0c;以及优化的方案。 缓存击穿&#xff1a;key对应的数据…