青岛网站开发学校,湛江市手机网站建设企业,网站开发流程中网站制作包括,网站打不开 域名做解析注#xff1a;此为笔者学习狂神说SpringBoot的笔记#xff0c;其中包含个人的笔记和理解#xff0c;仅做学习笔记之用#xff0c;更多详细资讯请出门左拐B站#xff1a;狂神说!!! 本文是基于狂神老师SpringBoot教程中的员工管理系统从0到1的实践和理解。该系统应用SpringB…注此为笔者学习狂神说SpringBoot的笔记其中包含个人的笔记和理解仅做学习笔记之用更多详细资讯请出门左拐B站狂神说!!! 本文是基于狂神老师SpringBoot教程中的员工管理系统从0到1的实践和理解。该系统应用SpringBoot、SpringMVC、Mybatis、thymeleaf模板引擎的等框架方便读者理解网站搭建流程和注意点。本文重在理解建议和代码结合理解并实践。
员工管理系统
1、准备工作
去bookstarap 模板中下载 导入页面 资源放在static上面 创建实体类 导入依赖 lombok 会使data会将属性用到的方法set、get、tostring有参和无参构造方法自动装配 创建模拟数据库 加上注解Repository 将有参构造的注解删除由于 时间 一般情况下都是默认配置的所以自己配的话可以通过有参函数中new Date赋给 时间属性否则不删掉有参构造有Date属性的注解将会导致赋值时难办。 引用类型Department要加上 new 因为加载资源的方式是先静态static再到Autowired的资源的 添加数据库的基本操作 2、首页实现
不建议在 controller 这里配置最好去 config 中的springmvc扩展配置中配置但是css静态资源加载不进来。 注如果有几个项目有网站的若没关都会占用8080端口的导致项目的网站运行不出来可以改一下端口或移除其他项目。如下效果一样但是css静态资源加载不进来。 所以需要把下载过来的模板修改为 Thymeleaf模板引擎所支持的 格式结构对照Thymeleaf的支持文档去官网下载 1修改登录界面
修改加载的格式让静态资源css可以被加载进来 更改测试的时候可以关闭Thymeleaf的模板缓存修改完记得开启模板引擎的缓存不然跑不起来 清理浏览器的缓存 主要是修改静态资源的链接在前面加 th 然后会发现资源的图标恢复 2修改404页面 不用改在线链接只改本地的 3修改dashboard页面 4修改list页面 用了 符号的的好处 之后的 /相当于万能目录classpath可以万能匹配 不管项目的http链接怎么变都能加载到静态资源配置了sever.servlet.context-path 后 8080会失效的 结论 1.首页配置:注意点所有页面的静态资源都需要使用thymeleaf接管;
3、页面国际化
1准备国际化的东西
创建 i18n 文件夹国际化的缩写 手动添加配置文件 idea的可视化视图可以映射到配置文件 要去看源码我们自己正常配置的理解SpringBoot怎么识别国际化的 赋值的 通过源码找到SpringBoot自动装配的默认配置信息这样自己才知道自己要配多少才有用 2修改全局配置文件
在配置文件中配置国际化让国际化生效 国际化消息的 格式标签去查Thymeleaf文档 先修改一个看#{}格式是否生效别一下子全部改完 修改不成功 修改一下 理解赋的值放里面和外面的区别一般像按钮、选择框等控件放外面才生效一般的基本信息赋值放里面就可以了基本用 th:text ,其余看语境。
3实现点击 按钮 *改变国际化的信息 去看官方文档知道自己该配置什么东西 找到MessageCodeResolver 查找AcceptHeaderLocalContextResolver类 又去找一下RequestMappingHandlerMapping类 找到了localeResolver类理解里面的要求 为我们用户自配找到依据 什么什么default就是默认的 ConditionalOnMissingBean生效的话会让bean失效按照这里的意思就是说如果有用户自定义配置就会让SpringBoot自动装配的bean失效。
找到AcceptHeaderLocaleResolver类去看看 得知这个类继承了LocaleResolver地区解调器接口 实现自己的LocaleResolver国际化解析器实现地区解调器接口 依据 具体操作 一点击按钮 l 就会把消息传到后端 解析请求 在配置类中注册国际化组件的bean到SpringBoot中 修改 default打开页面默认的语言界面由于浏览器默认一开始就是中文的所以语法出错也会返回中文
结果 结论 4、登录功能实现
1测试跳转功能
修改index.html页面 创建Logincontroller类注先测试一下能否正常跳转页面写一步测一步 2前端传输数据到后端并验证登录
修改index.html页面 后端获取数据。注有ResponseBody就跳不了视图想要跳视图把它去掉 修改后登录成功但是登陆失败后没有提示 3登陆失败信息回传
修改index页面让回传信息msg有地方放和显示去网页审查元素定位一下可以在那放回传的提示信息 定位标签 去Thymeleaf.pdf里找判断参数是否为空的方法 修改一下index页面isEmptymsgmsg是否为空不为空返回 falsenotfalsetrue显示文本。 4登陆成功之后URL有问题
思路
访问那个页面能映射过来就好了 在管理映射路径的类里修改此程序在 MyMvcConfig 中 修改LoginController登录验证成功后添加redirct/ 让页面跳转更像网页跳转的情况,一个接一个。 问题无论登不登录都能进后台页面所以要配置 拦截器
5登录拦截器
创建 自定义拦截器LoginHandlerInterceptor 继承 HandlerInterceptor拦截器接口 登录成功后用户名自定义设置显示 登录成功后获得了参数 loginUser 返回true随便切换都行 在用户 自定义配置的类MyMvcConfig里面声明这个拦截器方法并不需要注册成一个bean声明就好 修改Dashboard的元素Company name 修改dashboard页面 效果用同一个浏览器会有缓存也可以直接访问的所以 清理浏览器缓存 或者 关掉浏览器 或者 换一个浏览器。 过程 继承接口→添加参数并设置username→拦截器条件构造→声明拦截器与拦截链接
5、展示员工列表
1自己的员工查询页面
登录功能已经实现接下来修改前端员工的的列表展示点员工管理然后跳到 自己的员工查询页面
修改dashboard页面去掉多余的效果标签CSS 复制一份list.html到emp中以便区分 新建EmployController类用来跳转页面并设置数据 实现页面的一连串跳转 修改list.html页面让点击了 员工管理 跳转到list页面 实现点击 list页面 的跳转循环 2抽取界面元素Fragments的 insert标签
主界面和从界面的界面元素相同的话抽取相同的界面元素 commons页面路径main页面路径下的哪一个位置 抽取侧边栏它可以作为一个组件插入到其他页面 插入 list页面 中注意格式 插入后效果是一样的 删掉list的顶部栏也使用插入的 修改dashboard页面的顶部导航栏使用 th:fragment定义可引用的部分 将dashboard页面的顶部导航栏作为控件插入到list页面效果和自定义的一样 3替换界面元素的Fragment的 replace标签可以理解为引用
引用的话就可以传递参数
新建一个 commons界面 不显示作为工具页面作为公共界面用来replace并实现 改一个地方其它地方同时生效 修改公共页面commons将 首页 点击设为 main.html ,跳转到登陆成功后的第一个页面 修改dashboard和list页面实现代码的复用都 效果 4设置点击的光标 在dashboard和list页面发送光标参数main.html 在commons中接收光标参数main.html并设置条件语句判断有接收到则亮没有接收到则不亮 效果 可以理解为 引用然后传参数 5list显示员工的信息 td加粗、居中
添加操作 springboot内部嵌入了一些CSS样式所有只要指定类就可以自动使用 类选择器来修饰按钮 显示出现问题修改就好 显示信息过程
添加表格表项→添加dao取出的数据注意中间参数→添加管理操作注意CSS样式→修改信息的格式查表
6、添加员工实现
1按钮提交
步骤如下 添加添加按钮添加超链接 点击后的请求是get请求
2设置链接的跳转
添加add页面
复制一份list.html命名为add.html只需修改表单部分即可 表单添加的位置 3找表单样式
找表单样式去bookstrap找 找自己喜欢的表单改就好了 表单形式 4修改表单的内容 先复制一份 list.html 到 add.html 中 添加各自的name属性没有name无法提交并对应实体类的属性 name和valuename一定要对应实体类的信息否则后续操作会报错数据传输错误
5获取数据
利用dao获取departments的所有部门数据 model传递参数内容就是所有部门的数据传入页面当中去
修改下拉列表的部门数据 6表单链接的特殊用法post 同一个链接的不同的用法区分开来方便接收后功能的实现 Post接收专门用于接收表单的链接 先保证逻辑是对的然后再往下写代码逻辑不能错注意redirect的使用格式 redirect:/emps别用中文输入法输入。区分forward和redirect去找thymeleaf的源码中的视图解析器 理解视图解析器里面的内容 7保存员工信息
保存员工信息并显示在页面上 处理错误 8遇到问题 绑定数据失败验证employee失败了 9格式问题
springboot自动配置了 dd/mm/yyyy 格式错了
找源码看底层默认的 找默认配置信息的另一种方法从application.properties中找 所以自定义的格式会报错因为程序采取默认的格式这是springboot自动装配的原因
自定义的时间格式需要在application.properties配置 注意点 我们接收的是一个对象employee只需要提交一个属性id save方法保存一个指定id的employee 总结设置按钮添加超链接→在controller中设置链接跳转链接→修改表单内容th→在controller中利用引用类型dao来获取数据设置传输参数→设置表单跳转链接→保存信息→处理格式问题
7、修改员工信息
1创建update页面 2将属性id作为链接参数 3设置跳转的的链接
获取id数据 4修改映射update对应的员工属性信息
如果页面加载不出来可以重新加载一下或者重启idea 查出部门信息方便页面的修改 报错 解决 点击编辑效果 5员工修改保存操作 和增加员工的操作没有本质的区别 6报错解决
①时间格式报错 ②修改后员工id自增 携带id的隐藏域将id隐藏起来这样主键自增会识别是不是新的id不是就可以实现修改对应员工信息了而不至于增加新的员工信息 总结创建update页面→将属性id作为链接参数→设置跳转链接并获取id数据→修改映射update对应的员工属性信息→员工修改保存操作设置表单跳转链接→格式报错问题
8、删除员工及404处理
1修改 list.html 页面 2添加跳转链接和删除操作
404不需要设置跳转遇到报错它会自动跳转
所以redirect:/emps返回正常list列表即可 3添加404 404这个数字可以自己设定就是html的名字 总结修改list页面→添加跳转链接和删除操作→添加404
9、注销功能 重点href链接Cotroller的链接跳转设置总结修改common页面的注册链接 → 设置跳转链接操作 → 并删除用户名让登录名失效踢出
笔者已经实践过上述提到的功能方案确实可行。阅读和理解本笔记可以对读者如何使用SpringBoot简单搭建web应用起引导作用若读者需要实践可以去狂神老师的公众号或视频下载基础代码加深理解。
SpringBoot学习(三)-员工管理系统开发理解的学习笔记到此完结笔者归纳、创作不易大佬们给个3连再起飞吧
