网站给轮播图片再添加一个上传项的方法 pbootcms

牛端2025-09-01 16:33　91 浏览

点赞收藏

最近在做一个响应式网站轮播图片调用，pbootcms默认只有一个上传图片的地方，像响应式这种调用，图片是要写在一起的，那么我们要给轮播图片再增加一个上传项要怎么操作呢？

先看效果图

首先到数据库【ay_slide】表中新增一个轮播图字段，假如是【picc】，新增字段如下图：这里配合的是Navicat，请自行准备

找到路径：/apps/admin/controller/content/下找到SlideContrller.php文件

找到代码：// 轮播图增加，添加【picc】这个新增的数据字段名称，该文件共需要新增四处，可以对照其他字段进行添加

// 轮播图增加

    public function add()

    {

        if ($_POST) {

            // 获取数据

            $gid = post('gid', 'int');

            $pic = post('pic');

            $link = post('link');

            $title = post('title');

            $subtitle = post('subtitle');

            $sorting = post('sorting', 'int');

            

            if (! $gid) {

                $gid = $this->model->getMaxGid() + 1;

            }

            

            if (! $pic) {

                alert_back('图片不能为空！');

            }

            

            // 构建数据

            $data = array(

                'acode' => session('acode'),

                'gid' => $gid,

                'pic' => $pic,

                'link' => $link,

                'title' => $title,

                'subtitle' => $subtitle,

                'sorting' => $sorting,

                'create_user' => session('username'),

                'update_user' => session('username')

            );

            

            // 执行添加

            if ($this->model->addSlide($data)) {

                $this->log('新增轮播图成功！');

                if (! ! $backurl = get('backurl')) {

                    success('新增成功！', base_decode($backurl));

                } else {

                    success('新增成功！', url('/admin/Slide/index'));

                }

            } else {

                $this->log('新增轮播图失败！');

                error('新增失败！', - 1);

            }

        }

    }

修改为：

// 轮播图增加

    public function add()

    {

        if ($_POST) {

            // 获取数据

            $gid = post('gid', 'int');

            $pic = post('pic');

            $picc = post('picc');//这里是增加的内容-AB模板网提供

            $link = post('link');

            $title = post('title');

            $subtitle = post('subtitle');

            $sorting = post('sorting', 'int');

            

            if (! $gid) {

                $gid = $this->model->getMaxGid() + 1;

            }

            

            if (! $pic) {

                alert_back('图片不能为空！');

            }

            

            // 构建数据

            $data = array(

                'acode' => session('acode'),

                'gid' => $gid,

                'pic' => $pic,

                'picc' => $picc,

                'link' => $link,

                'title' => $title,

                'subtitle' => $subtitle,

                'sorting' => $sorting,

                'create_user' => session('username'),

                'update_user' => session('username')

            );

            

            // 执行添加

            if ($this->model->addSlide($data)) {

                $this->log('新增轮播图成功！');

                if (! ! $backurl = get('backurl')) {

                    success('新增成功！', base_decode($backurl));

                } else {

                    success('新增成功！', url('/admin/Slide/index'));

                }

            } else {

                $this->log('新增轮播图失败！');

                error('新增失败！', - 1);

            }

        }

    }

继续往下，我们找到//修改操作，原文代码如下：

    // 修改操作

    if ($_POST) {

        

        // 获取数据

        $gid = post('gid', 'int');

        $pic = post('pic');

        $link = post('link');

        $title = post('title');

        $subtitle = post('subtitle');

        $sorting = post('sorting', 'int');

        

        if (! $gid) {

            $gid = $this->model->getMaxGid() + 1;

        }

        

        if (! $pic) {

            alert_back('图片不能为空！');

        }

        

        // 构建数据

        $data = array(

            'gid' => $gid,

            'pic' => $pic,

            'link' => $link,

            'title' => $title,

            'subtitle' => $subtitle,

            'sorting' => $sorting,

            'update_user' => session('username')

        );

        

        // 执行添加

        if ($this->model->modSlide($id, $data)) {

            $this->log('修改轮播图' . $id . '成功！');

            if (! ! $backurl = get('backurl')) {

                success('修改成功！', base_decode($backurl));

            } else {

                success('修改成功！', url('/admin/Slide/index'));

            }

        } else {

            location(- 1);

        }

    } else {

        // 调取修改内容

        $this->assign('mod', true);

        if (! $result = $this->model->getSlide($id)) {

            error('编辑的内容已经不存在！', - 1);

        }

        $this->assign('gids', $this->model->getGid());

        $this->assign('slide', $result);

        $this->display('content/slide.html');

    }

}

直接替换为以下代码：

    // 修改操作

    if ($_POST) {

        

        // 获取数据

        $gid = post('gid', 'int');

        $pic = post('pic');

        $picc = post('picc');

        $link = post('link');

        $title = post('title');

        $subtitle = post('subtitle');

        $sorting = post('sorting', 'int');

        

        if (! $gid) {

            $gid = $this->model->getMaxGid() + 1;

        }

        

        if (! $pic) {

            alert_back('图片不能为空！');

        }

        

        // 构建数据

        $data = array(

            'gid' => $gid,

            'pic' => $pic,

            'picc' => $picc,

            'link' => $link,

            'title' => $title,

            'subtitle' => $subtitle,

            'sorting' => $sorting,

            'update_user' => session('username')

        );

        

        // 执行添加

        if ($this->model->modSlide($id, $data)) {

            $this->log('修改轮播图' . $id . '成功！');

            if (! ! $backurl = get('backurl')) {

                success('修改成功！', base_decode($backurl));

            } else {

                success('修改成功！', url('/admin/Slide/index'));

            }

        } else {

            location(- 1);

        }

    } else {

        // 调取修改内容

        $this->assign('mod', true);

        if (! $result = $this->model->getSlide($id)) {

            error('编辑的内容已经不存在！', - 1);

        }

        $this->assign('gids', $this->model->getGid());

        $this->assign('slide', $result);

        $this->display('content/slide.html');

    }

}

添加好后需要在路径：/apps/admin/view/default/content/ 下找到 slide.html 文件

然后添加此字段的上传框，如下图所示，页面共需要添加两处，新增和修改里面都需要添加哦，新增大约在66-75行，原文代码：

<div class="layui-form-item">

  <label class="layui-form-label">图片</label>

  <div class="layui-input-inline">

    <input type="text" name="pic" id="pic" required  lay-verify="required" placeholder="请上传图片"  class="layui-input">

  </div>

  <button type="button" class="layui-btn upload" data-des="pic"> <i class="layui-icon">&#xe67c;</i>上传图片 </button>

  <div id="pic_box" class="pic"></div>

</div>

在这段代码下面新增如下代码：

<div class="layui-form-item">

  <label class="layui-form-label">图片2</label>

  <div class="layui-input-inline">

    <input type="text" name="picc" id="picc" required  lay-verify="required" placeholder="请上传图片2"  class="layui-input">

  </div>

  <button type="button" class="layui-btn upload" data-des="picc"> <i class="layui-icon">&#xe67c;</i>上传图片 </button>

  <div id="pic_box" class="pic"></div>

</div>

继续往下找到如下代码：

<div class="layui-form-item">

  <label class="layui-form-label">图片</label>

  <div class="layui-input-inline">

    <input type="text" name="pic" id="pic" required  lay-verify="required" value="{$slide->pic}" placeholder="请上传图片"  class="layui-input">

  </div>

  <button type="button" class="layui-btn upload" data-des="pic"> <i class="layui-icon">&#xe67c;</i>上传图片 </button>

  <div id="pic_box" class="pic">{if([$slide->pic])}

    <dl>

      <dt><img src="{SITE_DIR}{$slide->pic}" data-url="{$slide->pic}"></dt>

      <dd>删除</dd>

    </dl>

    {/if}</div>

</div>

在这段代码下面新增如下代码：

<div class="layui-form-item">

  <label class="layui-form-label">图片2</label>

  <div class="layui-input-inline">

    <input type="text" name="picc" id="picc" required  lay-verify="required" value="{$slide->picc}" placeholder="请上传图片"  class="layui-input">

  </div>

  <button type="button" class="layui-btn upload" data-des="picc"> <i class="layui-icon">&#xe67c;</i>上传图片 </button>

  <div id="pic_box" class="pic">{if([$slide->picc])}

    <dl>

      <dt><img src="{SITE_DIR}{$slide->picc}" data-url="{$slide->picc}"></dt>

      <dd>删除</dd>

    </dl>

    {/if}</div>

</div>

最终修改效果如下：

本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：7855231#qq.com

模板时间格式调用方法介绍 pbootcms

CMS网站怎样增加内容首图为缩略图按钮及内容图片为多图按钮 pbootCMS

评论0评论

文章资讯

随机推荐