专栏首页凯哥JavaSpring Boot + LayUi登陆遇到问题记录

Spring Boot + LayUi登陆遇到问题记录

在使用Spring Boot 和LayUi Admin做项目的时候,因为之前没有用过layUI Admin这个框架。所以,在第一个页面登陆。就不知道怎么弄。

我们先看页面效果:

在看看页面中怎么使用:

css引入:

<link rel="stylesheet" href="${path}/layui/css/layui.css" media="all">
<link rel="stylesheet" href="${path}/style/admin.css" media="all">
<link rel="stylesheet" href="${path}/style/login.css" media="all">

js引入:

<script src="${path}/layui/layui.js"></script>

说明:

layui相关文件在resource下目录:

需要说明:

我的项目名是空的。所以我就把layuiadmin相关的文件直接放到了static下。如果相关文件在layuiadmin文件夹下的话,会出问题的。

在访问的时候,会提示localhost/config.js 404的这个错误。

这个错误,凯哥找了好多没找到解决方案。所以就将文件都从layuiadmin文件夹下提升了一个层次。然后就可以了。

页面都修改好,访问F12,console也不报错了。那么,接下来登陆下看看。

如果出现下面错误:

那么恭喜你,离成功不远了!

我们查看页面原路径:

发现是一个login.js。可是这个login.js到底是什么呢?返回什么数据呢?

到layui官网,查看demo演示。连接如下:

https://www.layui.com/admin/pro/json/user/login.js?username=1&password=1&vercode=1&access_token=

返回数据如下:

原来是json数据

修改后台Java代码:

@RequestMapping("/")
@ResponseBody
public Map<String,Object> login(String username, String password, HttpServletResponse response){
    System.out.println("===>开始访问登陆页面。");
    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<String,Object> 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;
}

再次访问。终于提示登陆成功了!

接着修改后台访问页面:

这样就可以了。

总结:

1:资源文件路径

2:返回的是json字符串

    说明:

        1:layuiAdmin 默认成功返回码是0

        2:layuiAdmin鉴权使用的是jwt鉴权,而不是传统的基于session鉴权

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Java通过redis管理你的集群定时任务

    早在实习的时候,笔者就接触了spring-task和quartz框架,相信任何java程序员都会有定时任务的需求,在单机上使用定时任务是非常简单的,但是在集群环...

    凯哥Java
  • spring-boot-maven-plugin 安装本地jar 包

    http://www.cnblogs.com/acm-bingzi/p/mavenSpringBootPlugin.html

    凯哥Java
  • 【精选好文】Reddit如何统计每个帖子的浏览量

    之前没听过也没了解过 HyperLogLog,通过翻译这篇文章正好简单学习下。欢迎指正错误~

    凯哥Java
  • 前端-项目方案(一)骚操作之项目单点登录

    问题:旧系统使用cookie读写的单点登录模式,pc端浏览器没有问题,在移动端ios下面不能跨域写入cookie,单点登录失败

    吴文周
  • 浅谈信息安全管理体系建设

    信息安全管理体系(ISMS)是组织在整体或特定范围内建立的信息安全方针和目标,以及完成这些目标所用的方法和体系。它是直接管理活动的结果,表示为方针、原则、目标、...

    FB客服
  • 一周播报|程序员眼中宜居的城市,竟不是杭州!成都、西安成为新宠!

    2、买房真理:买涨不买跌,涨了买不起,跌了不敢买,钱多新盘大户型,钱少认命老破小。

    养码场
  • 苹果封的不是热更新,封的依然是底层敏感接口

    有什么大不了的功能更新,不能提前在客户端布局好的?非要用这种完全扩展能力的热更新框架?

    王拥军
  • 10.程序编程基础4~变量&运算符

    3.3 变量部分 3.4 运算符部分;主要讲解:赋值运算符、算数运算符、关系运算符、逻辑运算符、成员运算符、标识运算符

    大牧莫邪
  • 沉迷假期 不想上课?看看鹅厂老中医怎么说......

    ? 随着2019最后一个小长假的结束,鹅发现不少老师、同学、家长都不约而同患上了节后综合症,具体表现为:体温正常、呼吸正常、血压正常、心率正常,生命体征基本正...

    鹅老师
  • JetBrains WebStorm打开大文件,代码洞察功能不可用的解决方法

    今天在使用WebStorm打开一个6.58MB的文件时,编辑器提示文件超过最大限制,代码洞察功能不可用。

    德顺

扫码关注云+社区

领取腾讯云代金券