分类目录归档:layui+thinkphp5

layui和tp5的结合,快速开发中的一些有用经验和一些代码段,小轮子

tp5,第二个数据库连接

public function index()
{
    $db =
        [
            // 数据库类型
            'type'          => 'mysql',
            // 服务器地址
            'hostname'       => 'rm.mysql.rds.aliyuncs.com',
            //'hostname'       => 'rm.mysql.rds.aliyuncs.com',
            // 数据库名
            'database'       => 'kehu',
            // 用户名
            'username'       => 'kehu',
            // 密码
            'password'       => 'SHpw',
            // 端口
            'hostport'       => '3306',
            // 连接dsn
            'dsn'           => '',
            // 数据库连接参数
            'params'         => [],
            // 数据库编码默认采用utf8
            'charset'        => 'utf8',
            // 数据库表前缀
            'prefix'         => '',
            // 数据库调试模式
            'debug'             => true,
            // 数据库部署方式:0 集中式(单一服务器),1 分布式(主从服务器)
            'deploy'         => 0,
            // 数据库读写是否分离 主从式有效
            'rw_separate'     => false,
            // 读写分离后 主服务器数量
            'master_num'      => 1,
            // 指定从服务器序号
            'slave_no'       => '',
            // 自动读取主库数据
            'read_master'     => false,
            // 是否严格检查字段是否存在
            'fields_strict'       => true,
            // 数据集返回类型
            'resultset_type'   => 'array',
            // 自动写入时间戳字段
            'auto_timestamp'   => false,
            // 时间字段取出后的默认时间格式
            'datetime_format'  => 'Y-m-d H:i:s',
            // 是否需要进行SQL性能分析
            'sql_explain'     => false,
        ];
    
    $list = Db::connect($db)
        -> name('rockphp_live_kj')
        -> where('id', '>', 0)
        -> order('id', 'DESC')
        //-> page($page, 50)
            -> limit(12)
        -> select();
    
    //dump($list);die();
    //$list = json_encode($list,true);
    $this->assign('list',$list);
    return view();
}

layui的form,mark一下

form改成div后,button的type=reset就失效了,

button的三个type参数submt,reset,button,如果使用type=submit,就不走layui的form.on方法,如果走form.on

<script>
    layui.use('form',function(){
        var form = layui.form;

        form.on('submit(add)', function(data)
        {
            console.log(data);
           $.post('/index/jbgs/apply/add', data.field, function(result)
           {
               // result.code = 100if;
               // layer.msg("success");
               // setTimeMethods(function()
               // {
               //     location.reload();
               // }, 500)
           });
            // return false;
        });
    })
</script>

自己写的提取文章中的图片(layui+tp5),以弹出窗口的形式,左右滑动展示,当然这里没用到tp5

//需要引用layer或者layui
//需要引用jquery
//需要引用swiper组件

<script>

//articlecontent是文章id所在DOM
      $("#aritclecontent").find("img").on("click",function() {

        var html = '';
        html += '<div class="swiper-container" style="z-index:999999999;width:1024px;"><div class="swiper-wrapper">';
        $('#aritclecontent img').each(function (index) {
            html += '<div class="swiper-slide">'
            html += '<div class="swiper-button-prev"></div><div class="swiper-button-next"></div><img style="width:1024px;" src="' + $(this).attr("src") + '"></div>';
        })
        html += '</div></div>';
        layer.open({
            type: 1,
            // area:['900px','600px'],
            title: false,
            skin: 'layui-layer-rim',
            closeBtn: 1,
            // shade:0,
            content: html
        })
        var mySwiper = new Swiper('.swiper-container',{
            // direction: 'vertical',//竖着切换
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        })
    })
</script>

jquery中的this和$(this)分别,简单就是说,this是js中的,$(this)是jquery中的,当然jquery中也可以用this.

      首先来看看JQuery中的 $() 这个符号,实际上这个符号在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象。那么,当你在网页中alert($(‘#id’));时,会弹出一个[object Object ],这个object对象,也就是jquery对象了。

那么,我们再回过头来说$(this),这个this是什么呢?假设我们有如下的代码:

继续阅读

php分页

仔细研究了分页,算不上难点,但是也算不上简单,尤其是跟layui结合的时候

关注几点:

php方面,定义变量四个
$totalpage—总页数

$pagesize—每页显示多少条记录

$vpage—–url传过来的页码

$totallist—-总条数

ceil()函数,获取totalpage

继续阅读