2022-02-11 13:23:31 +08:00
{extend name="../../base/view/common/base" /}
2021-11-15 23:51:08 +08:00
<!-- 主体 -->
{block name="body"}
2022-06-08 15:13:48 +08:00
< form class = "layui-form p-4" >
< h3 class = "pb-3" > TOKEN配置< / h3 >
< table class = "layui-table layui-table-form" >
2021-11-15 23:51:08 +08:00
< tr >
2022-06-08 15:13:48 +08:00
< td class = "layui-td-gray-2" > Token签发组织< / td >
2021-11-15 23:51:08 +08:00
< td >
< input type = "hidden" value = "{$id}" name = "id" >
2022-06-08 15:13:48 +08:00
< input type = "text" name = "iss" autocomplete = "off" placeholder = "请输入签发组织" lay-reqText = "请输入签发组织"
class="layui-input" {notempty name="$config.iss" } value="{$config.iss}" {/notempty}>
2021-11-15 23:51:08 +08:00
< / td >
2022-06-08 15:13:48 +08:00
< td class = "layui-td-gray-2" > Token签发作者
2021-11-15 23:51:08 +08:00
< / td >
< td >
2022-06-08 15:13:48 +08:00
< input type = "text" name = "aud" autocomplete = "off" placeholder = "请输入签发作者" lay-reqText = "请输入签发作者"
class="layui-input" {notempty name="$config.aud" } value="{$config.aud}" {/notempty}>
2021-11-15 23:51:08 +08:00
< / td >
< / tr >
< tr >
2022-06-08 15:13:48 +08:00
< td class = "layui-td-gray" > Token Secrect< / td >
2021-11-15 23:51:08 +08:00
< td >
2022-06-08 15:13:48 +08:00
< input type = "text" name = "secrect" autocomplete = "off" placeholder = "请输入secrect" lay-reqText = "请输入secrect"
class="layui-input" {notempty name="$config.secrect" } value="{$config.secrect}" {/notempty}>
2021-11-15 23:51:08 +08:00
< / td >
2022-06-08 15:13:48 +08:00
< td class = "layui-td-gray" > Token过期时间
2021-11-15 23:51:08 +08:00
< / td >
< td >
2022-06-08 15:13:48 +08:00
< input type = "text" name = "exptime" autocomplete = "off" placeholder = "请输入过期时间" lay-reqText = "请输入过期时间"
class="layui-input" {notempty name="$config.exptime" } value="{$config.exptime}" {/notempty}>
2021-11-15 23:51:08 +08:00
< / td >
< / tr >
< / table >
< div style = "padding:20px 0;" >
2022-06-08 15:13:48 +08:00
< span class = "layui-btn layui-btn-sm" onclick = "testReg();" > Api测试注册< / span >
< span class = "layui-btn layui-btn-sm" onclick = "testLogin();" > Api测试登录< / span >
< span class = "layui-btn layui-btn-sm" onclick = "testToken();" > Token测试< / span >
2021-11-15 23:51:08 +08:00
< / div >
2022-06-08 15:13:48 +08:00
< div style = "padding:12px 0;word-wrap:break-word" >
2021-11-15 23:51:08 +08:00
测试结果:
< div id = "res" > < / div >
< / div >
2022-06-08 15:13:48 +08:00
< div class = "p-y3" >
2021-11-15 23:51:08 +08:00
< button class = "layui-btn layui-btn-normal" lay-submit = "" lay-filter = "webform" > 立即提交< / button >
< button type = "reset" class = "layui-btn layui-btn-primary" > 重置< / button >
< / div >
< / form >
{/block}
<!-- /主体 -->
<!-- 脚本 -->
{block name="script"}
< script >
2022-06-08 15:13:48 +08:00
const moduleInit = ['tool'];
function gouguInit() {
var form = layui.form, tool = layui.tool;
2021-11-15 23:51:08 +08:00
//监听提交
form.on('submit(webform)', function (data) {
2022-06-08 15:13:48 +08:00
let callback = function (e) {
layer.msg(e.msg);
if (e.code == 0) {
2022-06-11 19:14:53 +08:00
parent.layui.tool.close(1000);
2021-11-15 23:51:08 +08:00
}
2022-06-08 15:13:48 +08:00
}
tool.post("/home/conf/edit", data.field, callback);
2021-11-15 23:51:08 +08:00
return false;
});
}
2022-06-08 15:13:48 +08:00
2021-11-15 23:51:08 +08:00
var token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJhcGkuZ291Z3VjbXMuY29tIiwiYXVkIjoiZ291Z3VjbXMiLCJpYXQiOjE2MjczMTY1MTgsImV4cCI6MTYyNzMyMDExOCwidWlkIjoxfQ.3soLDbwrEqn4EZtpD4h05FmvmMtJEh1LtE1vZ_ANcnI';
2022-06-08 15:13:48 +08:00
function testToken() {
2021-11-15 23:51:08 +08:00
$.ajax({
headers: {
Token: token
},
2021-12-05 00:23:33 +08:00
url: "/home/api/index/demo",
2021-11-15 23:51:08 +08:00
type: "get",
success: function (res) {
$('#res').html(JSON.stringify(res));
2022-06-08 15:13:48 +08:00
if (res.code == 111) {
2021-11-15 23:51:08 +08:00
layer.msg(res.msg);
}
}
});
}
2022-06-08 15:13:48 +08:00
function testReg() {
var content = '< form class = "layui-form" style = "width:400px" > < div style = "padding:10px 15px" > \
2021-11-15 23:51:08 +08:00
< p style = "padding:10px 0" > 用户名:< / p > \
< p > < input name = "username" type = "text" class = "layui-input" value = "" / > < / p > \
< p style = "padding:10px 0" > 密 码:< / p > \
< p > < input name = "password" type = "password" class = "layui-input" value = "" / > < / p > \
< p style = "padding:10px 0" > 重复密码:< / p > \
< p > < input name = "newpassword" type = "password" class = "layui-input" value = "" / > < / p > \
< / div > \
< / form > ';
layer.open({
2022-06-08 15:13:48 +08:00
type: 1,
title: 'API测试用户注册',
area: ['432px', '360px'],
content: content,
2021-11-15 23:51:08 +08:00
btnAlign: 'c',
btn: ['注册'],
2022-06-08 15:13:48 +08:00
yes: function (idx) {
2021-11-15 23:51:08 +08:00
var username = $('[name="username"]').val();
var password = $('[name="password"]').val();
var newpassword = $('[name="newpassword"]').val();
2022-06-08 15:13:48 +08:00
if (username == '') {
2021-11-15 23:51:08 +08:00
layer.msg('请填写用户名');
return;
}
2022-06-08 15:13:48 +08:00
if (password == '') {
2021-11-15 23:51:08 +08:00
layer.msg('请填写密码');
return;
}
2022-06-08 15:13:48 +08:00
if (password != newpassword) {
2021-11-15 23:51:08 +08:00
layer.msg('两次密码填写不一致');
return;
}
$.ajax({
2021-12-05 00:23:33 +08:00
url: "/home/api/index/reg",
2022-06-08 15:13:48 +08:00
type: 'post',
data: { username: username, pwd: password },
success: function (res) {
2021-11-15 23:51:08 +08:00
$('#res').html(JSON.stringify(res));
layer.msg(res.msg);
2022-06-08 15:13:48 +08:00
if (res.code == 1) {
2021-11-15 23:51:08 +08:00
token = res.data.token;
layer.close(idx);
}
}
2022-06-08 15:13:48 +08:00
})
2021-11-15 23:51:08 +08:00
}
2022-06-08 15:13:48 +08:00
})
2021-11-15 23:51:08 +08:00
}
2022-06-08 15:13:48 +08:00
function testLogin() {
var content = '< form class = "layui-form" style = "width:400px" > < div style = "padding:10px 15px" > \
2021-11-15 23:51:08 +08:00
< p style = "padding:10px 0" > 用户名:< / p > \
< p > < input name = "username" type = "text" class = "layui-input" value = "hdm58" / > < / p > \
< p style = "padding:10px 0" > 密 码:< / p > \
< p > < input name = "password" type = "password" class = "layui-input" value = "123456" / > < / p > \
< / div > \
< / form > ';
2022-06-08 15:13:48 +08:00
layer.open({
type: 1,
title: 'API测试用户登录',
area: ['432px', '300px'],
content: content,
btnAlign: 'c',
btn: ['登录'],
yes: function (idx) {
var username = $('[name="username"]').val();
var password = $('[name="password"]').val();
if (username == '') {
layer.msg('请填写用户名');
return;
2021-11-15 23:51:08 +08:00
}
2022-06-08 15:13:48 +08:00
if (password == '') {
layer.msg('请填写密码');
return;
}
$.ajax({
url: "/home/api/index/login",
type: 'post',
data: { username: username, password: password },
success: function (res) {
$('#res').html(JSON.stringify(res));
layer.msg(res.msg);
if (res.code == 1) {
token = res.data.token;
layer.close(idx);
}
}
})
}
})
}
2021-11-15 23:51:08 +08:00
< / script >
{/block}
<!-- /脚本 -->