在使用Spring Boot 和LayUi Admin做項(xiàng)目的時(shí)候，因?yàn)橹皼](méi)有用過(guò)layUI Admin這個(gè)框架。所以，在第一個(gè)頁(yè)面登陸。就不知道怎么弄。
我們先看頁(yè)面效果：
在看看頁(yè)面中怎么使用：
css引入：
js引入：
說(shuō)明：
layui相關(guān)文件在resource下目錄：
需要說(shuō)明：
我的項(xiàng)目名是空的。所以我就把layuiadmin相關(guān)的文件直接放到了static下。如果相關(guān)文件在layuiadmin文件夾下的話(huà)，會(huì)出問(wèn)題的。
在訪(fǎng)問(wèn)的時(shí)候，會(huì)提示localhost/config.js 404的這個(gè)錯(cuò)誤。
這個(gè)錯(cuò)誤，凱哥找了好多沒(méi)找到解決方案。所以就將文件都從layuiadmin文件夾下提升了一個(gè)層次。然后就可以了。
頁(yè)面都修改好，訪(fǎng)問(wèn)F12，console也不報(bào)錯(cuò)了。那么，接下來(lái)登陸下看看。
如果出現(xiàn)下面錯(cuò)誤：
那么恭喜你，離成功不遠(yuǎn)了！
我們查看頁(yè)面原路徑：
發(fā)現(xiàn)是一個(gè)login.js?？墒沁@個(gè)login.js到底是什么呢？返回什么數(shù)據(jù)呢？
到layui官網(wǎng)，查看demo演示。連接如下：
https://www.layui.com/admin/pro/json/user/login.js?username=1&password=1&vercode=1&access_token=
返回?cái)?shù)據(jù)如下：
原來(lái)是json數(shù)據(jù)
修改后臺(tái)Java代碼：
@RequestMapping("/")
@ResponseBody
public?Map?login(String?username,?String?password,?HttpServletResponse?response){
System.out.println("===>開(kāi)始訪(fǎng)問(wèn)登陸頁(yè)面。");
log.info("username:{}?password:{}",username,password);
response.setHeader("Access-Control-Allow-Origin",?"*");
response.setHeader("Access-Control-Allow-Methods",?"POST,?GET,?OPTIONS,?DELETE");
response.setHeader("Access-Control-Max-Age",?"3600");
response.setHeader("Access-Control-Allow-Headers",?"x-requested-with");
Map?map?=?new?HashMap<>();
Map?map1?=?new?HashMap();
map.put("code",?0);
map.put("msg",?"登錄成功");
map1.put("access_token","c262e61cd13ad99fc650e6908c7e5e65b63d2f32185ecfed6b801ee3fbdd5c0a");
map.put("data",?map1);
return??map;
}
再次訪(fǎng)問(wèn)。終于提示登陸成功了!
接著修改后臺(tái)訪(fǎng)問(wèn)頁(yè)面：
這樣就可以了。
總結(jié)：
1：資源文件路徑
2：返回的是json字符串
說(shuō)明：
1：layuiAdmin 默認(rèn)成功返回碼是0
????????2：layuiAdmin鑒權(quán)使用的是jwt鑒權(quán)，而不是傳統(tǒng)的基于session鑒權(quán)
