1.导航栏构建
2019-07-15 本文已影响0人
杰伦哎呦哎呦
先用IDEA 快速搭建一个Spring Boot 的框架
![](https://img.haomeiwen.com/i5740965/99506e1d70e1d56c.png)
从 起步 · Bootstrap v3 中文文档 获取前端的页面模板文件,
![](https://img.haomeiwen.com/i5740965/bf33096a1b8d846e.png)
解压后放到static文件目录下
![](https://img.haomeiwen.com/i5740965/8a04c5c86707386a.png)
然后从https://v3.bootcss.com/components/#navbar-default 中获取bootstrap的导航页面模板
![](https://img.haomeiwen.com/i5740965/fbadfaf7fcb1fee5.png)
拷贝代码,创建index.html文件,黏贴到<body>标签内部
![](https://img.haomeiwen.com/i5740965/195a03b8dae84e11.png)
别忘了在pom文件中添加依赖
![](https://img.haomeiwen.com/i5740965/5aa8181973c8a142.png)
编写controller函数
![](https://img.haomeiwen.com/i5740965/10acff458bfc6e66.png)
好了,准备工作完成,运行main函数,启动服务器,显示页面如下:
![](https://img.haomeiwen.com/i5740965/3751f5776740e099.png)