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

员工管理系统

    • 完整项目地址:
    • 一、首页实现(注意的点)
    • 二、国际化
    • 三、乱码解决
    • 四、登录功能实现(注意的点)
    • 五、登录拦截器(注意的点)
    • 六、展示员工列表(注意的点)
      • 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() {}@Overridepublic 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.hqwc.cn/news/266484.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【每日一题】—— B. StORage room(Codeforces Round 912 (Div. 2))(位操作符)

🌏博客主页:PH_modest的博客主页 🚩当前专栏:每日一题 💌其他专栏: 🔴 每日反刍 🟡 C跬步积累 🟢 C语言跬步积累 🌈座右铭:广积粮,缓称…

9.静态路由

静态路由 中小型网络都会用到,防火墙核心交换机用的很多,一般是用在出口 路由表:路由器用来转发数据包唯一的依据 NextHop下一跳 Static静态路由需要手动设置 ip route-static 目标网段 掩码 下一跳例如:ip route-static 192…

【UE5】初识MetaHuman 创建虚拟角色

步骤 在UE5工程中启用“Quixel Bridge”插件 打开“Quixel Bridge” 点击“MetaHumans-》MetaHuman Presets UE5” 点击“START MHC” 在弹出的网页中选择一个虚幻引擎版本,然后点击“启动 MetaHuman Creator” 等待一段时间后,在如下页面点击选择一个人…

程序员所需要的思维方式

# 程序员所需要的思维方式 ## 人与人最大的差距在于大脑 人与人最大的差距在于大脑。一个人不太可能吃别人饭量10倍的饭,也不太可能搬的起别人10倍多的砖,但是思考的速度和深度却差距非常大。花一秒钟就看透事物本质的人,和花一辈子都看不清的…

Tr0ll

信息收集 探测主机存活信息: nmap -sn --min-rate 10000 192.168.182.0/24Starting Nmap 7.94 ( https://nmap.org ) at 2023-11-14 15:45 CST Nmap scan report for 192.168.182.1 Host is up (0.00026s latency). MAC Address: 00:50:56:C0:00:08 (VMware) Nmap…

STL源码剖析笔记——仿函数(函数对象)

系列文章目录 STL源码剖析笔记——迭代器 STL源码剖析笔记——vector STL源码剖析笔记——list STL源码剖析笔记——deque、stack,queue STL源码剖析笔记——Binary Heap、priority_queue STL源码剖析笔记——AVL-tree、RB-tree、set、map、mutiset、mutimap STL源…

redis(设置密码)配置文件详细

1.设置账号密码端口 config set requirepass 123456 设置密码为123456 config get requirepass 查看账号密码 auth 123456 登入的时候输入这个确定账号密码 1. 首先连接到Redis服务器: redis-cli 2. 然后使用CONFIG SET命令设置requirepass参数并指定密码: CONFIG SET requi…

​SSD在AI发展中的关键作用:从高速缓存到数据湖-2

二、大规模长期存储数据湖 大规模数据集: AI应用需要处理大量的数据,这些数据可能来自多个来源,包括图像、视频、文本、音频等。为了有效地管理这些数据,组织通常将其存储在大型的数据湖中。 容量扩展: 由于数据集的…

宏景eHR SQL 注入漏洞复现(CVE-2023-6655)

0x01 产品简介 宏景eHR人力资源管理软件是一款人力资源管理与数字化应用相融合,满足动态化、协同化、流程化、战略化需求的软件。 0x02 漏洞概述 宏景eHR 中发现了一种被分类为关键的漏洞,该漏洞影响了Login Interface组件中/w_selfservice/oauthservlet/%2e../.%2e/genera…

分配栈空间的三种方式(基于适配qemu的FreeRTOS分析)

1、定义全局的数组 定义的全局数组属于bss段,相当于把bss段的一部分作为栈空间,栈空间的大小就是数组的大小如果把栈空间放在bss段,则在bss段清零时会多清零一段地址空间 2、在链接脚本中指定 用链接脚本在所有段的后面增加stack段&#xff…

消费增值:一种改变消费观念的新模式

据统计,全球电子商务市场在过去的五年内以每年20%的速度增长,预计到2025年将达到5.5万亿美元。然而,在这个庞大的市场中,消费者在购物后往往只获得了商品或服务本身,而没有获得更多的附加价值。为了改变这种消费观念&a…

LeetCode-1008. 前序遍历构造二叉搜索树【栈 树 二叉搜索树 数组 二叉树 单调栈】

LeetCode-1008. 前序遍历构造二叉搜索树【栈 树 二叉搜索树 数组 二叉树 单调栈】 题目描述:解题思路一:题目大致意思就是给定一个二叉树的前序遍历,求对应的二叉搜索树。一种比较特殊的点是「二叉搜索树」的中序遍历的结果是【有序序列】&am…