後端程式碼不再贅述，按照Spring Security官方開發文件編碼即可。
前端採用freemarker模板。本文重點為freemarker的配置，以及登陸js檔案的配置。

step1:在login.ftl的header中加入如下程式碼：

<!--spring Security的驗證token與header-->
<header>
    <meta name="_csrf" content="${(_csrf.token)!''}"/>
    <meta name="_csrf_header" content="${(_csrf.headerName)!''}"
 
/>
</header>

step2:在login.js中加入如下程式碼：

//spring security 驗證
$(function () {
    var token = $("meta[name='_csrf']").attr("content");
    var header = $("meta[name='_csrf_header']").attr("content");
    $(document).ajaxSend(function(e, xhr, options) {
        xhr.setRequestHeader(header, token);
    });
});
 

step3:AJAX請求對應url,正常操作即可。

$('#loginBtn').click(function () {
    var user = $('#user').val();
    var password = $('#password').val();
    $.ajax({
        url: "/login/show?username=" + user + "&password=" + password,
        type: "post",
        contentType: 'application/json;charset=utf-8',
        success: function
 
 (data) {
            window.location.href="/welcome";
        },
        error: function (data) {
        }
    }) 
})