2. 程式人生 > >SpringSecurity（一）自定義登陸頁面與基於資料庫登陸

SpringSecurity（一）自定義登陸頁面與基於資料庫登陸

阿新 • • 發佈：2019-01-12

一、新建SpringBoot專案

在這裡插入圖片描述

二、修改配置檔案

資料庫結構
在這裡插入圖片描述

pom

<dependencies>
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid</artifactId>
            <version>1.1.10</version>
        </dependency>
		<dependency>
 

			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-jdbc</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-security</artifactId>
		</dependency>
 

		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>

        <!-- 解除thymeleaf對HTML語法的嚴查，不引入的話會有很多語法錯誤 -->
        <dependency>
            <groupId>net.sourceforge.
 
nekohtml</groupId>
            <artifactId>nekohtml</artifactId>
            <version>1.9.21</version>
        </dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>
		<dependency>
			<groupId>org.mybatis.spring.boot</groupId>
			<artifactId>mybatis-spring-boot-starter</artifactId>
			<version>1.3.2</version>
		</dependency>

		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-devtools</artifactId>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>mysql</groupId>
			<artifactId>mysql-connector-java</artifactId>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>org.projectlombok</groupId>
			<artifactId>lombok</artifactId>
			<optional>true</optional>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
		</dependency>
		<dependency>
			<groupId>org.springframework.security</groupId>
			<artifactId>spring-security-test</artifactId>
			<scope>test</scope>
		</dependency>
	</dependencies>

我這裡的springboot版本為2.1.1.RELEASE

application.yml

spring.datasource.url=jdbc:mysql://localhost:3306/security?serverTimezone=UTC
spring.datasource.username=root
spring.datasource.password=123321
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.type=com.alibaba.druid.pool.DruidDataSource

logging.level.com.springsecurity.dao=debug
spring.mvc.view.prefix=templates/
spring.mvc.view.suffix=.html

前端頁面
(1)public資料夾下的login.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <title>登入</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row" style="margin-top: 20px;">
        <div class="col-md-3">
            <h2>登陸</h2>
            <form action="mylogin" method="post">
                <div class="form-group">
                    <label for="userName">Username</label>
                    <input type="text" class="form-control" id="userName" name="username" placeholder="Enter username">
                </div>
                <div class="form-group">
                    <label for="password">Password:</label>
                    <input type="password" class="form-control" id="password" name="password" placeholder="Enter password">
                </div>


                <button type="submit" class="btn btn-primary">Submit</button>
            </form>
        </div>
    </div>
</div>

</body>
</html>

(2)模板引擎下的login.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <title>登入</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row" style="margin-top: 20px;">
        <div class="col-md-3">
            <h2>登陸</h2>
            <form th:action="@{/mylogin}" method="post">
                <div class="form-group">
                    <label for="userName">Username</label>
                    <input type="text" class="form-control" id="userName" name="username" placeholder="Enter username">
                </div>
                <div class="form-group">
                    <label for="password">Password:</label>
                    <input type="password" class="form-control" id="password" name="password" placeholder="Enter password">
                </div>

                <div class="form-group" th:if="${param.error}">
                    <p th:if="${session.SPRING_SECURITY_LAST_EXCEPTION}">
                    <p th:text="${session.SPRING_SECURITY_LAST_EXCEPTION.message}"></p>
                    </p>
                </div>

                <button type="submit" class="btn btn-primary">Submit</button>
            </form>
        </div>
    </div>
</div>

</body>
</html>

SpringSecurityConfig

package com.springsecurity.config;

import com.springsecurity.service.MyUserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.security.config.annotation.authentication.builders.AuthenticationManagerBuilder;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;
import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
import org.springframework.security.crypto.password.Md4PasswordEncoder;
import org.springframework.security.crypto.password.PasswordEncoder;

@Configuration
@EnableWebSecurity
public class SpringSecurityConfig extends WebSecurityConfigurerAdapter {

    @Autowired
    private MyUserService myUserService;

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.authorizeRequests()
                .antMatchers("/","/login.html","/testlogin","/mylogin") // 不需要登入就可以訪問
                .permitAll()
                .antMatchers("/user/**").hasAnyRole("USER") // 需要具有ROLE_USER角色才能訪問
                .antMatchers("/admin/**").hasAnyRole("ADMIN") // 需要具有ROLE_ADMIN角色才能訪問
                .anyRequest().authenticated()
                .and()
                .formLogin()
                .loginPage("/testlogin") // 設定登入頁面
                .loginProcessingUrl("/mylogin")
                .defaultSuccessUrl("/index") // 設定預設登入成功後跳轉的頁面
        ;
    }

    // 密碼加密方式
    @Bean
    public PasswordEncoder passwordEncoder(){
        return new BCryptPasswordEncoder();
    }
    // 重寫方法，自定義使用者
    @Override
    protected void configure(AuthenticationManagerBuilder auth) throws Exception {
        auth.userDetailsService(myUserService);
    }
}

必要說明：
loginPage("/testlogin") 相當於一個普通請求。這裡則需要傳送到登陸頁面
loginProcessingUrl("/mylogin") 登陸頁面表單提交的action.必須為post請求
defaultSuccessUrl("/index") 登陸成功後，傳送這個請求

Controller接受處理請求

package com.springsecurity.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

import java.io.IOException;

@Controller
public class UserController {

    @GetMapping("/testlogin")
    public String authenticationLogin() throws IOException {
        return "login";
    }

    @GetMapping("/")
    public String welcome(){
        return "redirect:/login.html";
    }

    @GetMapping("/index")
    @ResponseBody
    public String index() throws IOException {
        return "index html";
    }
}

UserDetailService

package com.springsecurity.service;

import com.springsecurity.bean.User;
import com.springsecurity.dao.UserDao;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.core.GrantedAuthority;
import org.springframework.security.core.authority.AuthorityUtils;
import org.springframework.security.core.authority.SimpleGrantedAuthority;
import org.springframework.security.core.userdetails.UserDetails;
import org.springframework.security.core.userdetails.UserDetailsService;
import org.springframework.security.core.userdetails.UsernameNotFoundException;
import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
import org.springframework.stereotype.Service;

import java.util.ArrayList;
import java.util.Collection;
import java.util.List;

@Service
public class MyUserService implements UserDetailsService {
    @Autowired
    private UserDao userDao;

    public UserDetails loadUserByUsername(String s) throws UsernameNotFoundException {
        //從資料庫根據使用者名稱獲取使用者資訊
        System.out.println(s);
        User userByName = userDao.getUserByName(s);
        //建立一個新的UserDetails物件，最後驗證登陸的需要
        UserDetails userDetails=null;
        if(userByName!=null){
            System.out.println(userByName.getPassword());
            //建立一個集合來存放許可權
            Collection<GrantedAuthority> authorities = getAuthorities(userByName);
            //例項化UserDetails物件
            userDetails=new org.springframework.security.core.userdetails.User(s,userByName.getPassword(),true,true,true,true, authorities);
        }
        return userDetails;
    }

    private Collection<GrantedAuthority> getAuthorities(User user){
        List<GrantedAuthority> authList = new ArrayList<GrantedAuthority>();
        //注意：這裡每個許可權前面都要加ROLE_。否在最後驗證不會通過
        authList.add(new SimpleGrantedAuthority("ROLE_"+user.getRole()));
        return authList;
    }
}

Dao層

package com.springsecurity.dao;

import com.springsecurity.bean.User;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Select;

@Mapper
public interface UserDao {

    @Select("SELECT * FROM user where username=#{s}")
    public User getUserByName(String s);
}

實體類JavaBean

package com.springsecurity.bean;

import lombok.Data;
import lombok.ToString;
import lombok.experimental.Accessors;
@Data
@Accessors(chain = true)
@ToString
public class User{

    private Integer id;
    private String username;
    private String password;
    private String role;

}

啟動boot專案，驗證登陸

在這裡插入圖片描述
在這裡插入圖片描述

在經過測試的時候，我發現直接訪問模板引擎下面的頁面會報404而在resources下建立public資料夾，裡面放html檔案就不會出404. 因為模板引擎相當於我們傳統的ssm專案裡面的WEB-INF資料夾。是受保護的。不能重定向以及直接訪問。 轉發沒問題。所以，兩個不同頁面下的請求傳送會有一點點差別。具體看上面程式碼。

form-login是spring security名稱空間配置登入相關資訊的標籤,它包含如下屬性： 
1.

相關推薦

SpringSecurity（一）自定義登陸頁面與基於資料庫登陸

一、新建SpringBoot專案 二、修改配置檔案 資料庫結構 pom <dependencies> <dependency> <groupId>com.alibaba</group

SpringSecurity（一）自定義登入介面

1. 新建一個SpringBoot工程 新增如下依賴 <dependency> <groupId>org.springframework.boot</groupId> <artifact

Centos6.10下Open-falcon學習記錄（一）——自定義資料採集、歷史查詢、程序監控

記錄了學習過程，官方文件地址http://book.open-falcon.org/zh_0_2/usage/getting-started.html 另外還看了Open-falcon作者的寫的設計理念的文，見open-falcon編寫的整個腦洞歷程 1 自定義資料採集 自定義的資料要求

微信公眾號開發（一） -- 自定義選單 動態選單

簡單修改一下appid、appsecret 程式碼可直接複製使用 自定義選單 //獲取token值 $appid = ''; //微信支付申請對應的公眾號的APPID $appsecret = ''; ////微信支付申請對應的公眾號的APP Key $url = "https://

flask web開發（三） 自定義錯誤頁面

#自定義錯誤頁面 @app.errorhandler(404)  #請求未知頁面或未知路由 def page_not_found(e):     return render_template('404.html'),404 @app.errorhandler(500

Android快樂貪吃蛇遊戲實戰專案開發教程-02虛擬方向鍵（一）自定義控制元件概述

一、自定義控制元件簡介 在本專案中，無論是遊戲主區域還是虛擬方向鍵都是通過自定義控制元件來實現的，我們有必要先對自定義控制元件有個簡單的瞭解。而且通過自定義控制元件的學習能更好的理解系統自帶控制元件的內部機制。 什麼是自定義控制元件呢？ 我們平時用的控制元件（比如Button、TextVie

Maven學習筆記（一）——自定義maven變數以及maven內建常量

在建立Maven工程後，外掛配置中通常會用到一些Maven變數，因此需要找個地方對這些變數進行統一定義，下面介紹如何定義自定義變數。 在根節點project下增加properties節點，所有自定義變數均可以定義在此節點內，如下所示： <!-- 全域性屬性配置 --

Android studio 自學筆記（一） 自定義 Dialog

閒來無事製作了一個自定義的Dialog，可以輸入玩家的姓名 首先得新建了一個xml檔案 <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.a

View背後不為人知的勾當（一）--自定義控制元件和測量過程

本節首先講講自定義控制元件套路，自定義屬性，測量過程的問題，為了後面的幾節能專注於實現特效，而不受本文這些慣用套路的影響 特效系列的目錄 關於Draw 關於動畫 關於滑動 關於Layout 要實現介面特效，首先得掌握： View的簡單原理 自定義屬性 m

微信公眾號開發流程（一）--自定義伺服器

一、在微信公眾號平臺註冊公眾號，公眾號型別為服務號； 二、稽核認證 只有認證後的公眾號才具有較全的許可權，比如生成帶引數的微信二維碼； 三、自定義伺服器,本次用BAE(百度雲引擎)： 1、開啟百度雲首頁，找到產品分類下的應用引擎BAE： 2、點選購

Spring Security教程（3）---- 自定義登入頁面

在專案中我們肯定不能使用Spring自己生成的登入頁面，而要用我們自己的登入頁面，下面講一下如何自定義登入頁面，先看下配置 <sec:http auto-config="true"> <sec:intercept-url pattern="/

Android 音樂播放器的實現（一）自定義按鈕的實現

Android 系統提供了MediaPlayer控制元件，讓我們能夠利用它實現音訊的播放。 而從學Android開始，在看教程的時候，我就想，我要自己做一個音樂播放器，因為一個完整的音樂播放器是有很多功能的，它涉及到很多方面的知識，可以幫助我們更好地學習和掌握關於Andro

Senparc.Weixin微信開發（3） 自定義菜單與獲取用戶組

開發 分享圖片 獲取 local lock 自定義 oba summary setting 自定義菜單 代碼參考：http://www.cnblogs.com/szw/p/3750517.html 還可以使用他們官網的自定義：https://neuchar.senparc.

Salesforce 開發整理（十一） 自定義放大鏡查找效果

!= empty ole str 技術分享 ring sql value idp 有時候在自定義的visualforce頁面上，需要實現系統標準的查找樣式，當不能使用標準的style的時候，我們只能選擇自定義實現，下面分享一個demo，預覽效果如下： 實現代碼，Visua

AngularJs學習筆記（4）——自定義指令

ref 告訴 ack 生命周期 .com bsp ctrl 參數變量 ng- 對指令的第一印象：它是一個自定義標簽！ 先來看一個簡單的指令： <!doctype html> <html ng-app="myApp"> <head>

微信公眾平臺開發教程（五）自定義菜單

打開鏈接 delete toolbar 推送 優化 pcl reader 接口查詢 robot 應大家強烈要求，將自定義菜單功能課程提前。 一、概述： 如果只有輸入框，可能太簡單，感覺像命令行。自定義菜單，給我們提供了很大的靈活性，更符合用戶的操作習慣。在一個小小的微信對話

JS基礎（五）自定義函數

調用函數 pre 基礎 clas 自定義 語句 ... 全局 blog 作用：是為了讓重復使用的語句，方便進行調用。 定義格式： function 自定義函數名 (參數1, 參數2,...) { 執行的語句 } 函數的封裝：把語句放到函數中去的過程。 參數：通過

Superset 開發（一）添加一個頁面

rate rst view key pri pre span bsp interface superset\models\core.py 下進行添加模型 class ExeclInfoAdd(Model): __tablename__ = ‘ExeclInfoAd

WPF自定義控件（四）の自定義控件

自己 setvalue prop 一個 自己的 支持 property get element 在實際工作中，WPF提供的控件並不能完全滿足不同的設計需求。這時，需要我們設計自定義控件。 這裏LZ總結一些自己的思路，特性如下： Coupling UITemplate Be

Django 表單（中下）- 自定義鉤子進行數據驗證

form hook 在前面的例子裏面 http://beanxyz.blog.51cto.com/5570417/1963702，已經演示了form可以自動地對正則進行合法的判斷，如果不合法，會直接顯示錯誤信息。但是這個功能並不完善，比如說一個數據可能正則判斷合法了，但是不符合唯一性的判斷，那麽怎麽處