springboot创建bootstrap登录页面-资源引入

项目需求:

引入bootstrap资源, 利用css样例模板创建登陆页面

需要源码，请加微信号，进技术交流群，发送springboot106，免费获取此文章源码。

开发步骤:

1.使用Spring Assistant创建工程, 选择Web, thymeleaf模块

 

 

2.  创建Controller

package com.lulu.controller;

 

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestBody;

import org.springframework.web.bind.annotation.RequestMapping;

@Controller

public class HelloController {

 

    @RequestMapping("login")

    public String goLogin() {

        return "login";

    }

}

3. 引入资源

(1) https://v3.bootcss.com/getting-started/#download  下载CSS包

(2) http://jquery.com/download/   下载juery包

(2)https://getbootstrap.com/docs/4.3/examples/     下载examples模板

bootstrap-4.3.1\bootstrap-4.3.1\site\docs\4.3\assets  文件下是example的资源文件

bootstrap-4.3.1\site\docs\4.3\examples  文件下是example的html网页和自己的css文件

 

(4) 整合assert文件如下

 

4. 编写login .html网页

 

   

   

   

   

   

   

   

   

   

   

   

   

Please sign in

    Username

   

           required="" autofocus="">

    Password

   

           required="">

   

       

            Remember me

       

   

    Sign in

   

© 2019-2020

 

5.  配置属性页面

 

server.servlet.context-path=/tiger

 

6. 运行