Jackie

Jackie

5175飞吻 2017-2-17 加入 来自云南昆明

(这个人懒得留下签名)

Jackie 最近的回答

  • 5天前怎么调整body的高度中回答:

  • 5天前后台界面完整功能 之------HTML代码中回答:

    顶部的横向导航好像无法切换左侧导航
  • 5天前怎么调整body的高度中回答:

    给body设置一个padding-bottom,值为底部菜单栏的高度,这样你试试行不
  • 2019-11-21 22:41:7弹出层内的下拉选择框显示不全中回答:

    改变下拉框的z-index值为足够大就行
  • 2019-11-17 17:10:35数据表格搜索问题中回答:

    好的,解决了,谢谢!
  • 2019-11-9 16:27:8数据表格无法渲染数据中回答:

    @IDyun 解决了,是我后端数据有问题,用json就可以,之前写的json_encode就不行
  • 2019-11-9 16:19:50数据表格无法渲染数据中回答:

    浏览器返回的就是0
  • 2019-11-5 22:33:49我下载了怎么连接数据库啊,哪位大神教教我!求教了中回答:

    你下载了什么,layui吗,这个是前端框架 ,跟数据库没关系啊,数据库是你服务端连接的
  • 2019-10-30 21:12:50请问有这种样式的例子吗中回答:

    https://www.layui.com/demo/timeline.html
  • 2019-10-6 0:6:32弹层提交表单中回答:

    @Old_four 我是直接后端返回结果的,成功和失败都是后端返回res数据
  • 2019-10-4 21:11:41弹层提交表单中回答:

  • 2019-10-3 1:9:3表格中按钮颜色功能改变中回答:

    @QingBABA 初始样式都可以通过class类名来修改样式,比如:https://www.layui.com/doc/element/button.html

  • 2019-10-2 18:15:7表格中按钮颜色功能改变中回答:

    这个你可以用class跟disabled属性来控制,但是固定的,你可以用JS来根据数据设置样式和属性
  • 2019-10-1 10:35:10Date类型的转换中回答:

  • 2019-10-1 10:11:15Date类型的转换中回答:

    不好意思,忘记复制时间处理的函数代码了:
    // 时间戳的处理
    layui.laytpl.toDateString = function(d, format){
    var date = new Date(d || new Date())
    ,ymd = [
    this.digit(date.getFullYear(), 4)
    ,this.digit(date.getMonth() + 1)
    ,this.digit(date.getDate())
    ]
    ,hms = [
    this.digit(date.getHours())
    ,this.digit(date.getMinutes())
    ,this.digit(date.getSeconds())
    ];

    format = format || 'yyyy-MM-dd HH:mm:ss';

    return format.replace(/yyyy/g, ymd[0])
    .replace(/MM/g, ymd[1])
    .replace(/dd/g, ymd[2])
    .replace(/HH/g, hms[0])
    .replace(/mm/g, hms[1])
    .replace(/ss/g, hms[2]);
    };
    // 数字前置补零
    layui.laytpl.digit = function(num, length, end){
    var str = '';
    num = String(num);
    length = length || 2;
    for(var i = num.length; i < length; i++){
    str += '0';
    }
    return num < Math.pow(10, length) ? str + (num|0) : num;
    };
  • 2019-10-1 10:1:43菜鸟请教layui后台框架搭建问题!!中回答:

    如果右侧区域想用多选项卡方式,案例中有很多后台布局样式,你可以任选一个来用就行,如果仅仅只是右侧区域只显示一个页面,可以直接在右侧区域用iframe,然后点击的页面都在iframe中显示就行
  • 2019-10-1 9:56:18Date类型的转换中回答:

    {field: 'time', width: 200, title: '添加时间', sort: true, align: 'center', templet: '<div>{{ layui.laytpl.toDateString(d.time*1000) }}</div>'}
  • 2019-9-24 8:52:28纯小白提点低智商问题中回答:

    新手最好用Windows,如果用Linux的,可以用centos,刚好可以学习下命令,可以安装一个宝塔面板,这样很多东西都可以通过宝塔面板来设置,避免新手不熟悉导致的很多错误。
  • 2019-7-20 8:38:16社区现在的帖子都没法看中回答:

    我也刚刚看到,希望贤心好好管理下@贤心
  • 2019-7-19 10:33:19轮播图动态渲染数据时不显示图片中回答:

    已经解决了
  • 2019-3-20 11:43:45社区字体改变了吗中回答:

    估计是我装了苹方字体吧,但是其他网站字体是正常的
  • 2019-3-20 11:42:29社区字体改变了吗中回答:

    @Minhat 谷歌浏览器拿来的急速模式
  • 2019-1-11 10:19:47layui穿梭框中回答:

  • 2018-10-22 0:19:37请教一下,手机上访问两边有空白,怎么解决?中回答:

    @菜菜鸟来了 但是你的页面宽度是固定的宽度,而手机屏幕像素并不是真实的宽度,而是根据屏幕像素比例不同而不同的,所以就算页面宽度大于手机像素宽度,并不表示可以完全按我们的设计来正常显示,这个涉及到很多的响应式开发技巧
  • 2018-10-21 23:33:5请教一下,手机上访问两边有空白,怎么解决?中回答:

    是不是body的默认margin没有清除
  • 2018-9-10 0:50:36layui登录时,记住密码怎么实现中回答:

    @Programmer414 我就写在页面里的
  • 2018-9-9 22:41:37layui登录时,记住密码怎么实现中回答:

    这是我的实现方法,仅供参考,希望对你有帮助。
    <!-- 记住用户名复选框 -->
    <input type="checkbox" name="remember_user" id="remember_user" lay-skin="primary" title="记住用户" />

    /* JS代码 */
    /*记住用户名和密码*/
    $(function() {
    if ($.cookie("remember_user")) {
    $("#remember_user").prop("checked", true);
    $("#user_name").val($.cookie("user_name"));
    $("#user_password").val($.cookie("user_password"));
    }
    });

    function saveUserInfo() {
    if ($("#remember_user").prop("checked") == true) {
    var user_name = $("#user_name").val();
    var user_password = $("#user_password").val();
    $.cookie("remember_user", "true", {
    expires: 7
    }); // 存储一个带7天期限的 cookie
    $.cookie("user_name", user_name, {
    expires: 7
    }); // 存储一个带7天期限的 cookie
    $.cookie("user_password", user_password, {
    expires: 7
    }); // 存储一个带7天期限的 cookie
    } else {
    $.cookie("remember_user", "false", {
    expires: -1
    }); // 删除 cookie
    $.cookie("user_name", '', {
    expires: -1
    });
    $.cookie("user_password", '', {
    expires: -1
    });
    }
    }
  • 2018-5-7 7:31:51不知道如何接入ASP后台数据 有教程嘛 或者请高手指点一下,愿意分享layuiadmin中回答:

    你可以参考这个网站的视频教程:
    http://www.ty502.com/
    我一开始就在这里学的
  • 2018-4-25 23:48:21求教,layui表单ajax提交无效中回答:

    @3th1nk 我的在我自己的项目中是正常的
  • 2018-4-24 23:48:39求教,layui表单ajax提交无效中回答:

    你可以参考下我的这个,可能有点low,别介意
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>添加用户</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="../css/font/iconfont.css" media="all" />
    <link rel="stylesheet" href="css/public.css" media="all" />
    </head>
    <body class="layerBody">
    <div class="admin-main">
    <form class="layui-form layui-form-pane form-item-full" name="form1" id="form1" action="" method="post">
    <div class="layui-form-item">
    <label class="layui-form-label">姓名</label>
    <div class="layui-input-block">
    <input type="text" name="user_name" id="user_name" placeholder="请输入用户姓名" class="layui-input" lay-verify="required">
    </div>
    </div>
    <div class="layui-form-item" pane="">
    <label class="layui-form-label">性别</label>
    <div class="layui-input-block">
    <input type="radio" name="user_sex" id="user_sex" value="男" title="男" lay-verify="required">
    <input type="radio" name="user_sex" id="user_sex" value="女" title="女" lay-verify="required">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">手机号码</label>
    <div class="layui-input-block">
    <input type="text" name="user_mobile" id="user_mobile" placeholder="请输入手机号码" class="layui-input" lay-verify="required">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">密码</label>
    <div class="layui-input-block">
    <input type="text" name="user_password" id="user_password" placeholder="默认密码为:123456,如无需更改请留空" class="layui-input">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">用户角色</label>
    <div class="layui-input-block">
    <select id="user_role_id" name="user_role_id" lay-verify="required" placeholder="请选择角色" lay-search>
    <option value="">请选择角色</option>
    <?php foreach($roles as $role):?>
    <option value="<?php echo $role['role_id']; ?>"><?php echo $role['role_name']; ?></option>
    <?php endforeach;?>
    </select>
    </div>
    </div>
    <div class="layui-form-item" pane="">
    <label class="layui-form-label">状  态</label>
    <div class="layui-input-block">
    <input type="checkbox" name="user_status" id="user_status" checked="checked" title="启用">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">电子邮箱</label>
    <div class="layui-input-block">
    <input type="text" name="user_email" id="user_email" placeholder="请输入电子邮箱" class="layui-input" lay-verify="required|email">
    </div>
    </div>

    <input type="hidden" id="user_operator" name="user_operator" value="<?php echo $row['user_name']; ?>">
    <input type="hidden" id="user_ip" name="user_ip" value="<?php echo $user_ip; ?>">

    <div class="layer-btn-center">
    <button type="submit" id="submit" class="layui-btn submit" id="submit" lay-submit lay-filter="submit"><i class="iconfont"></i> 提交</button>
    <button type="reset" class="layui-btn layui-btn-primary"><i class="iconfont"></i> 重置</button>
    </div>
    </form>
    </div>
    <script type="text/javascript" src="plugins/layui/layui.js"></script>
    <script type="text/javascript" src="plugins/jquery/1.9.1/jquery.min.js"></script>
    <script>
    layui.use(['jquery', 'form', 'layer'], function(){
    var $ = layui.jquery;
    var form = layui.form;
    layer = layui.layer;

    form.on('submit(submit)',function(data){

    if($('#user_status').prop('checked')){
    $('#user_status').val(1);
    } else {
    $('#user_status').val(0);
    }

    var user_name = $('#user_name').val();
    var user_sex = $('input[name="user_sex"]:checked').val();
    var user_mobile = $('#user_mobile').val();
    var user_password = $('#user_password').val();
    var user_role_id = $('#user_role_id').val();
    var user_status = $('#user_status').val();
    var user_email = $('#user_email').val();
    var user_operator = $('#user_operator').val();
    var user_ip = $('#user_ip').val();

    $.ajax({
    url: 'add_user_server.php',
    type: 'POST',
    dataType: 'json',
    data: {
    user_name : user_name,
    user_sex : user_sex,
    user_mobile : user_mobile,
    user_password : user_password,
    user_role_id : user_role_id,
    user_status : user_status,
    user_email : user_email,
    user_operator : user_operator,
    user_ip : user_ip
    },
    beforeSend: function(){

    },
    success: function(res){
    if(res.code==1){
    layer.alert('添加成功',{
    icon: 1,
    skin: 'layer-ext-moon'
    },function(){
    parent.window.location.reload();
    var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
    parent.layer.close(index);
    });
    }else if(res.code==2){
    layer.alert('该手机号码已经存在,不能重复添加,请重试!',{
    icon: 0,
    skin: 'layer-ext-moon'
    },function(){
    window.location.reload();
    });
    }else{
    layer.alert('添加失败',{
    icon: 0,
    skin: 'layer-ext-moon'
    },function(){
    layer.getFrameIndex(window.name); //获取窗口索引
    parent.layer.load(index);
    });
    }
    }
    });
    return false;
    });
    });
    </script>
    </body>
    </html>