网站的栏目有什么名字,企业微信软件,php 企业网站开发实例,wordpress修改为进一步测试通过请求头传递token进行身份验证#xff0c;在main.htm中增加layui的数据表格组件#xff0c;并调用后台服务分页显示数据#xff0c;后台分页查询数据接口如下所示#xff08;测试时#xff0c;直接将数据写死到代码中#xff0c;没有查询数据库#xff0… 为进一步测试通过请求头传递token进行身份验证在main.htm中增加layui的数据表格组件并调用后台服务分页显示数据后台分页查询数据接口如下所示测试时直接将数据写死到代码中没有查询数据库这里需注意返回的状态码需为0其它值返回到前台都被认为是调用异常。
[Authorize]
[HttpGet]
public async TaskApiResult GetDataByPage(int page,int limit)
{ApiResult result new ApiResult();result.StatusCode 0;ListUser users new ListUser();if(page1){users.Add(new User { Name张三,Age12,Sex男});users.Add(new User { Name 李四, Age 32, Sex 男 });users.Add(new User { Name 王五, Age 22, Sex 男 });}else{users.Add(new User { Name 李磊, Age 12, Sex 男 });users.Add(new User { Name 韩梅梅, Age 32, Sex 女 });users.Add(new User { Name 王巧, Age 22, Sex 男 });users.Add(new User { Name 柳桥, Age 45, Sex 男 });}Users data new Users();data.Data users;data.Count 20;result.Data data;return result;
}main.html文件的JavaScript代码中使用table.render函数渲染表格数据需要注意以下两点 1render函数中通过设置headers属性添加并传递token这点在layui的官网文档中没有写百度相关内容才查到的具体介绍请见参考文献1 2后台数据查询接口返回数据格式与table模块的数据格式不一致需设置数据映射否则无法显示返回的数据集合。 主要的JavaScript代码设置如下所示
table.render({elem: #data,height: 315,url: https://localhost:7051/Login/GetDataByPage //数据接口,headers: {Authorization: Bearer sessionStorage.getItem(token)},parseData: function(res){ // 数据映射处理return {code: res.statusCode,msg: res.msg,count: res.data.count,data: res.data.data };} ,page: true ,cols: [[ {field: name, title: 用户名, width:80},{field: sex, title: 性别, width:80, sort: true},{field: age, title: 年龄, width:80}]]});身份认证成功后分页显示数据的截图如下所示 未通过身份认证时调用后台数据服务则直接显示请求异常如下图所示 后续文章准备增加数据库查询替换现在用户身份认证及数据查询都是写死到代码中的情况同时搜索并查询基于Cookie传递token的实现方式目前没找到多少有用的内容。
参考文献 [1]https://huaweicloud.csdn.net/63a56328b878a54545946043.html [2]https://blog.csdn.net/yufengaotian/article/details/82190933
