使用PHP开发的简约导航/书签管理系统。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

500 lines
16 KiB

3 years ago
// 2022014
4 years ago
layui.use(['element','table','layer','form','upload'], function(){
4 years ago
var element = layui.element;
var table = layui.table;
var form = layui.form;
4 years ago
var upload = layui.upload;
4 years ago
layer = layui.layer;
//第一个实例
table.render({
elem: '#category_list'
,height: 500
,url: 'index.php?c=api&method=category_list' //数据接口
,page: true //开启分页
,cols: [[ //表头
{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
,{field: 'name', title: '分类名称', width:160}
,{field: 'add_time', title: '添加时间', width:160, sort: true,templet:function(d){
var add_time = timestampToTime(d.add_time);
return add_time;
}}
,{field: 'up_time', title: '修改时间', width:160,templet:function(d){
if(d.up_time != ''){
var up_time = timestampToTime(d.up_time);
return up_time;
}
else{
return '';
}
}}
,{field: 'weight', title: '权重', width: 100}
,{field: 'property', title: '是否私有', width: 120, sort: true,templet: function(d){
if(d.property == 1) {
return '<button type="button" class="layui-btn layui-btn-xs">是</button>';
}
else {
return '<button type="button" class="layui-btn layui-btn-xs layui-btn-danger">否</button>';
}
}}
,{field: 'description', title: '描述'}
,{fixed: 'right', title:'操作', toolbar: '#nav_operate', width:150}
]]
});
//监听行工具事件
table.on('tool(mycategory)', function(obj){
var data = obj.data;
//console.log(obj);
//console.log(obj)
if(obj.event === 'del'){
layer.confirm('确认删除?',{icon: 3, title:'温馨提示!'}, function(index){
$.post('/index.php?c=api&method=del_category',{'id':obj.data.id},function(data,status){
if(data.code == 0){
obj.del();
}
else{
layer.msg(data.err_msg);
}
});
layer.close(index);
});
} else if(obj.event === 'edit'){
window.location.href = '/index.php?c=admin&page=edit_category&id=' + obj.data.id;
}
});
//渲染链接列表
table.render({
elem: '#link_list'
,height: 520
,url: 'index.php?c=api&method=link_list' //数据接口
,page: true //开启分页
,toolbar: '#linktool'
,cols: [[ //表头
{type:'checkbox'} //开启复选框
,{field: 'id', title: 'ID', width:80, sort: true}
// ,{field: 'fid', title: '分类ID',sort:true, width:90}
,{field: 'category_name', title: '所属分类',sort:true,width:120}
4 years ago
,{field: 'url', title: 'URL',width:140,templet:function(d){
var url = '<a target = "_blank" href = "' + d.url + '" title = "' + d.url + '">' + d.url + '</a>';
return url;
}}
,{field: 'title', title: '链接标题', width:140}
,{field: 'add_time', title: '添加时间', width:148, sort: true,templet:function(d){
4 years ago
var add_time = timestampToTime(d.add_time);
return add_time;
}}
,{field: 'up_time', title: '修改时间', width:148,sort:true,templet:function(d){
4 years ago
if(d.up_time == null){
return '';
}
else{
var up_time = timestampToTime(d.up_time);
return up_time;
}
}}
,{field: 'weight', title: '权重', width: 75,sort:true}
,{field: 'property', title: '私有', width: 80, sort: true,templet: function(d){
if(d.property == 1) {
return '<button type="button" class="layui-btn layui-btn-xs">是</button>';
}
else {
return '<button type="button" class="layui-btn layui-btn-xs layui-btn-danger">否</button>';
}
}}
,{field: 'click', title: '点击数',width:90,sort:true}
,{fixed: 'right', title:'操作', toolbar: '#link_operate'}
]]
});
//头链接工具栏事件
table.on('toolbar(mylink)', function(obj){
var checkStatus = table.checkStatus(obj.config.id);
switch(obj.event){
case 'getCheckData':
var data = checkStatus.data;
if( data.length == 0 ) {
layer.msg('未选中任何数据!');
}
//遍历删除数据
else{
4 years ago
layer.confirm('确认删除选中数据?',{icon: 3, title:'温馨提示!'}, function(index){
4 years ago
for (let i = 0; i < data.length; i++) {
4 years ago
// $.post('/index.php?c=api&method=del_link',{'id':data[i].id},function(data,status){
// if(data.code == 0){
// }
// else{
// layer.msg(data.err_msg);
// }
// });
$.ajax({
'url': '/index.php?c=api&method=del_link',
'type': 'POST',
'async': false,
'data':{'id':data[i].id}
});
4 years ago
}
4 years ago
layer.open({
title: '温馨提醒'
,content: '选中数据已删除!',
yes: function(index, layero){
window.location.reload();
layer.close(index); //如果设定了yes回调,需进行手工关闭
}
});
4 years ago
});
}
//console.log(data[0].id);
4 years ago
//刷新当前页面
//window.location.reload();
4 years ago
break;
case 'getCheckLength':
var data = checkStatus.data;
layer.msg('选中了:'+ data.length + ' 个');
break;
case 'isAll':
layer.msg(checkStatus.isAll ? '全选': '未全选');
break;
//自定义头工具栏右侧图标 - 提示
case 'LAYTABLE_TIPS':
layer.alert('这是工具栏右侧自定义的一个图标按钮');
break;
};
});
//监听链接工具
table.on('tool(mylink)', function(obj){
var data = obj.data;
//console.log(obj);
//console.log(obj)
if(obj.event === 'del'){
layer.confirm('确认删除?',{icon: 3, title:'温馨提示!'}, function(index){
$.post('/index.php?c=api&method=del_link',{'id':obj.data.id},function(data,status){
if(data.code == 0){
obj.del();
}
else{
layer.msg(data.err_msg);
}
});
layer.close(index);
});
} else if(obj.event === 'edit'){
window.location.href = '/index.php?c=admin&page=edit_link&id=' + obj.data.id;
}
});
//登录
form.on('submit(login)', function(data){
$.post('/index.php?c=login&check=login',data.field,function(data,status){
//如果添加成功
if(data.code == 0) {
window.location.href = '/index.php?c=admin';
}
else{
layer.msg(data.err_msg, {icon: 5});
}
});
console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
3 years ago
//手机登录
form.on('submit(mobile_login)', function(data){
$.post('/index.php?c=login&check=login',data.field,function(data,status){
//如果登录成功
if(data.code == 0) {
window.location.href = '/';
}
else{
layer.msg(data.err_msg, {icon: 5});
}
});
console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
4 years ago
//添加分类目录
form.on('submit(add_category)', function(data){
$.post('/index.php?c=api&method=add_category',data.field,function(data,status){
//如果添加成功
if(data.code == 0) {
layer.msg('已添加!', {icon: 1});
}
else{
layer.msg(data.err_msg, {icon: 5});
}
});
console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
4 years ago
//添加自定义js
form.on('submit(add_js)', function(data){
$.post('/index.php?c=api&method=add_js',data.field,function(data,status){
//如果添加成功
if(data.code == 0) {
layer.msg('已添加!', {icon: 1});
}
else{
layer.msg(data.err_msg, {icon: 5});
}
});
//console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
4 years ago
//修改分类目录
form.on('submit(edit_category)', function(data){
$.post('/index.php?c=api&method=edit_category',data.field,function(data,status){
//如果添加成功
if(data.code == 0) {
layer.msg('已修改!', {icon: 1});
}
else{
layer.msg(data.err_msg, {icon: 5});
}
});
console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
//添加链接
form.on('submit(add_link)', function(data){
$.post('/index.php?c=api&method=add_link',data.field,function(data,status){
//如果添加成功
if(data.code == 0) {
layer.msg('已添加!', {icon: 1});
}
else{
layer.msg(data.err_msg, {icon: 5});
}
});
console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
//识别链接信息
form.on('submit(get_link_info)', function(data){
$.post('/index.php?c=api&method=get_link_info',data.field.url,function(data,status){
//如果添加成功
if(data.code == 0) {
console.log(data);
}
else{
layer.msg(data.err_msg, {icon: 5});
}
});
console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
//更新链接
form.on('submit(edit_link)', function(data){
$.post('/index.php?c=api&method=edit_link',data.field,function(data,status){
//如果添加成功
if(data.code == 0) {
layer.msg('已更新!', {icon: 1});
}
else{
layer.msg(data.err_msg, {icon: 5});
}
});
console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
//识别链接信息
form.on('submit(get_link_info)', function(data){
4 years ago
//是用ajax异步加载
4 years ago
$.post('/index.php?c=api&method=get_link_info',data.field,function(data,status){
4 years ago
//如果添加成功
if(data.code == 0) {
console.log(data);
}
else{
layer.msg(data.err_msg, {icon: 5});
}
});
console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
4 years ago
//导入书签
//识别链接信息
form.on('submit(imp_link)', function(data){
//用ajax异步加载
$.post('/index.php?c=api&method=imp_link',data.field,function(data,status){
//如果添加成功
if(data.code == 0) {
layer.open({
title: '导入完成'
,content: data.msg
});
//layer.msg('已添加!', {icon: 1});
}
else{
layer.msg(data.err_msg, {icon: 5});
}
});
console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
4 years ago
4 years ago
//书签上传
//执行实例
upload.render({
elem: '#up_html' //绑定元素
,url: 'index.php?c=api&method=upload' //上传接口
3 years ago
,accept:'file'
4 years ago
,exts: 'html|HTML'
,done: function(res){
//console.log(res);
//上传完毕回调
if( res.code == 0 ) {
$("#filename").val(res.file_name);
}
else if( res.code < 0) {
layer.msg(res.err_msg, {icon: 5});
layer.close();
}
}
,error: function(){
//请求异常回调
}
});
4 years ago
});
function get_link_info() {
var url = $("#url").val();
4 years ago
var index = layer.load(1);
4 years ago
$.post('/index.php?c=api&method=get_link_info',{url:url},function(data,status){
//如果添加成功
if(data.code == 0) {
4 years ago
if(data.data.title != null) {
$("#title").val(data.data.title);
}
if(data.data.description != null) {
$("#description").val(data.data.description);
}
4 years ago
layer.close(index);
}
else{
layer.msg(data.err_msg, {icon: 5});
layer.close(index);
}
});
}
function timestampToTime(timestamp) {
var date = new Date(timestamp * 1000); //时间戳为10位需*1000,时间戳为13位的话不需乘1000
Y = date.getFullYear() + '-' ;
M = (date.getMonth()+1 < 10 ? '0' +(date.getMonth()+1) : date.getMonth()+1) + '-' ;
D = date.getDate() + ' ' ;
h = date.getHours() + ':' ;
m = date.getMinutes();
s = date.getSeconds();
return Y+M+D+h+m;
}
function del_category(id){
layer.confirm('确认删除这张图片?', {icon: 3, title:'温馨提示!'}, function(index){
$.post("/set/del_img",{imgid:imgid,path:path,thumbnail_path:thumbnail_path},function(data,status){
var re = JSON.parse(data);
if(re.code == 200) {
$("#img"+id).remove();
console.log("#img"+id);
}
else{
layer.msg(data);
}
});
layer.close(index);
});
3 years ago
}
//弱密码检查
function check_weak_password(){
$.get("/index.php?c=api&method=check_weak_password",function(data,status){
if (data.err_msg === 'Weak password!') {
layui.use('layer', function(){
var layer = layui.layer;
layer.open({
title:'风险提示!',
content: '系统检测到您使用的默认密码,请参考<a href = "https://dwz.ovh/ze1ts" target = "_blank" style = "color:#01AAED;">帮助文档</a>尽快修改!' //这里content是一个普通的String
});
});
}
});
}
3 years ago
//检测数据库是否可能被下载
function check_db_down(){
3 years ago
$("#console_log").append("检查数据库是否可被下载...\n");
3 years ago
$.ajax({
type:"HEAD",
async:false,
url:"/data/onenav.db3",
statusCode: {
200: function() {
$("#console_log").append("危险!!!危险!!!危险!!!数据库可被下载,请尽快参考帮助文档:https://dwz.ovh/jvr2t 加固安全设置!\n\n");
},
403:function() {
$("#console_log").append("您的数据库看起来是安全的!\n\n");
}
}
});
}
3 years ago
//获取待更新数据库列表,http://onenav.com/index.php?c=api&method=exe_sql&name=on_db_logs.sql
function get_sql_update_list() {
$("#console_log").append("正在检查数据库更新...\n");
$.get("index.php?c=api&method=get_sql_update_list",function(data,status){
if ( data.code == 0 ) {
//如果没有可用更新,直接结束
if ( data.data.length == 0 ) {
$("#console_log").append("当前无可用更新!\n");
return false;
}
else{
$("#console_log").append("检查到可更新SQL列表:\n");
$("#console_log").append("正在准备更新...\n");
for(i in data.data) {
sqlname = data.data[i];
//$("#console_log").append(data.data[i] + "\n");
exe_sql(sqlname);
}
}
}
});
}
//更新SQL函数
function exe_sql(sqlname) {
$.ajax({ url: "index.php?c=api&method=exe_sql&name=" + sqlname, async:false, success: function(data,status){
if( data.code == 0 ){
3 years ago
$("#console_log").append(data.data);
3 years ago
}
else {
$("#console_log").append(sqlname + "更新失败!\n");
}
}});
}
3 years ago
//获取GET参数,参考:https://www.runoob.com/w3cnote/js-get-url-param.html
function getQueryVariable(variable)
{
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
}