如何在SpringBoot项⽬中使⽤Bootstrap前端框架并设计表格
技术
SpringBoot
jQuery
HTML5
CSS3
Bootstrap
1、打开IntelliJ IDEA 2020开发⼯具，创建SpringBoot框架项⽬
创建SpringBoot框架项⽬
2、在templates⽂件夹下，新建页⾯⽂件index.html
在templates⽂件夹下，新建页⾯⽂件
3、配置项⽬的jdk，下载对应的依赖包，然后启动项⽬类
4、到Bootstrap官⽹下载，然后将js和css拷贝到指定⽂件夹
下载Bootstrap，拷贝js和css⽂件
5、打开index.html⽂件，引⼊bootstrap中的css和js⽂件
引⼊bootstrap中的css和js⽂件6、重新启动项⽬，访问项⽬，结果浏览器控制台出现了报错
7、检查代码发现，由于jquery没有引⼊
jquery在项目里是干啥的解决报错问题
8、在标签中，插⼊⼀个table，然后添加Bootstrap对应的表格样式
body标签中，插⼊表格元素和表格样式
9、再次启动项⽬，刷新浏览器，可以查看到表格
说明：
1、在SpringBoot框架项⽬中，可以使⽤模板引擎，快速搭建前端项⽬
2、前端页⾯修改了样式或业务逻辑，需要重复启动项⽬，才能查看效果

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。