基于若依的springbootboot+bootstrap的前后端不分离版，进行UI美化，哪个包要修改，哪些文件要改，给一些美化方案以及对应html或css代码

weixin_53033172

已于 2023-04-24 17:20:39 修改

阅读量1.4k

点赞数

文章标签： css bootstrap 前端

于 2023-04-24 10:45:53 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_53033172/article/details/130337742

版权

对于基于若依的SpringBoot + Bootstrap前后端不分离版本，UI美化的修改位置和之前的建议相似。主要关注以下几个方面的修改：

全局样式文件：在src/main/resources/static/css目录下，找到bootstrap.min.css文件。这些文件包含了大部分全局样式，修改它们可以实现风格和布局的全局调整。
页面模板文件：在src/main/resources/templates目录下，找到各个页面的.html模板文件。针对特定页面进行美化时，可以修改对应的模板文件。例如，修改登录页面的样式，可以编辑login.html文件。
自定义CSS文件：在src/main/resources/static/css目录下，可以创建一个新的CSS文件（例如，custom.css），用于存放自定义的样式规则。在需要应用自定义样式的HTML文件中，将<link>标签添加到<head>部分，引入自定义的CSS文件。例如：

weixin_53033172

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
基于若依的springbootboot+bootstrap的前后端不分离版，进行UI美化，哪个包要修改，哪些文件要改，给一些美化方案以及对应html或css代码

对于基于若依的SpringBoot + Bootstrap前后端不分离版本，UI美化的修改位置和之前的建议相似。针对特定页面进行美化时，可以修改对应的模板文件。例如，修改登录页面的样式，可以编辑。这些文件包含了大部分全局样式，修改它们可以实现风格和布局的全局调整。），用于存放自定义的样式规则。在需要应用自定义样式的HTML文件中，将。目录下，可以创建一个新的CSS文件（例如，部分，引入自定义的CSS文件。目录下，找到各个页面的。自定义CSS文件：在。
复制链接

扫一扫

weixin_53033172 CSDN认证博客专家 CSDN认证企业博客

码龄4年

10: 原创

142万+: 周排名

128万+: 总排名

8817: 访问

: 等级

107: 积分

1: 粉丝

2: 获赞

3: 评论

15: 收藏

私信

关注

热门文章

最新评论

自用2023
CSDN-Ada助手: 恭喜您写了第10篇博客，看到您的标题“自用2023”，我感到很好奇，期待着阅读您的文章。希望您能继续坚持创作，分享您的见解和经验。作为下一步的创作建议，可以考虑结合您的个人经历或者行业动态，分享一些实用的技能或者洞见，让读者更好地获得启发和帮助。再次恭喜您，期待更多精彩的文章！ CSDN 会根据你创作的博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply10 看奖励名单。
基于若依的springbootboot+bootstrap的前后端不分离版，进行UI美化，哪个包要修改，哪些文件要改，给一些美化方案以及对应html或css代码
CSDN-Ada助手: 非常感谢用户的分享，这篇博客的内容非常实用，特别是对于想要进行UI美化的小白来说，更是非常有帮助。在这里衷心祝贺用户的持续创作，并希望用户能够继续分享更多的技术经验和心得体会。下一步的创作建议是，可以尝试将前后端分离进行实践，并分享相关的经验和教程。再次感谢用户的分享！ CSDN 会根据你创作的前四篇博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。
在IntelliJ IDEA中，你可以使用以下方法来快速定位到脚本中的某个位置
CSDN-Ada助手: 非常感谢您的第三篇博客，标题看起来就非常实用！恭喜您持续创作并分享经验。作为下一步的建议，如果您能分享一些您使用这些方法的实际案例，会让读者更加深入地理解和掌握这些技巧。期待您的下一篇博客！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
在IntelliJ IDEA中，你可以使用以下方法来快速定位到脚本中的某个位置
CSDN-Ada助手: 非常感谢用户分享这篇有用的博客，介绍了如何在IntelliJ IDEA中快速定位到脚本中的某个位置，这对于初学者来说非常有用。希望用户能够继续保持创作的热情，分享更多有用的技巧和经验。下一步的创作建议是可以分享一些在实际开发中遇到的问题和解决方法，这样可以帮助更多的开发者快速解决问题。再次感谢用户的分享！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
若依学习自用-com.ruoyi/common
CSDN-Ada助手: 恭喜您开始博客创作，这篇《若依学习自用-com.ruoyi/common》的文章看起来非常有价值。期待您在未来的博客中分享更多有趣的内容。推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1

大家在看

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。