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

080

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

先看效果图

1-23112Z932101C

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

1-23112Z92231640

找到路径：/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('新增成功！', base64_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');//这里是增加的内容-推推论坛提供
            $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('新增成功！', base64_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('修改成功！', base64_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('修改成功！', base64_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"></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"></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"></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"></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>

最终修改效果如下：

1-23112Z93231O6

在模板文件中调用方法如下：

{pboot:slide gid=* num=*}
<img src="[slide:src]">//原本的图片调用
<img src="[slide:picc]">//新增的图片调用
{/pboot:slide}

以上操作步骤每步都需要做，操作之前建议备份下文件以免操作失败，感谢您对推推论坛支持，希望能够帮到您。

© 版权声明
文章搜集于网络，如有侵权请联系本站，转载请说明出处。
THE END
源码教程
# pbootcms# pbootcms教程
喜欢就支持一下吧
点赞0 分享
推推的头像-推推论坛钻石会员
Pbootcms留言“提交成功”的提示语修改-推推论坛
Pbootcms留言“提交成功”的提示语修改
Pbootcms留言“提交成功”的提示语修改
1年前 353
栏目页调用当前栏目的文章（常用于侧边栏新闻）-推推论坛
栏目页调用当前栏目的文章（常用于侧边栏新闻）
栏目页调用当前栏目的文章（常用于侧边栏新闻）
1年前 236
织梦DEDECMS网站栏目页如何获取顶级栏目标题-推推论坛
织梦DEDECMS网站栏目页如何获取顶级栏目标题
织梦DEDECMS网站栏目页如何获取顶级栏目标题
9个月前 208
阿里云云虚拟主机Nginx系统，如何配置伪静态-推推论坛
阿里云云虚拟主机Nginx系统，如何配置伪静态
阿里云云虚拟主机Nginx系统，如何配置伪静态
1年前 204
pbootcms基本使用教程-推推论坛
pbootcms基本使用教程
pbootcms基本使用教程
1年前 151
紫色美女网站phpcms模板-推推论坛
紫色美女网站phpcms模板
紫色美女网站phpcms模板
27天前 137
相关推荐
织梦（DedeCMS）系统列表页调用TAG标签并带上链接的实现方法-推推论坛
织梦（DedeCMS）系统列表页调用TAG标签并带上链接的实现方法
织梦（DedeCMS）系统列表页调用TAG标签并带上链接的实现方法
1年前 14
dedecms按文档标签(TAG)数目排序的方法-推推论坛
dedecms按文档标签(TAG)数目排序的方法
dedecms按文档标签(TAG)数目排序的方法
9个月前 22
(PC+WAP)【简繁双语】塑料注塑机械设备类pbootcms企业网站模板-推推论坛
(PC+WAP)【简繁双语】塑料注塑机械设备类pbootcms企业网站模板
(PC+WAP)【简繁双语】塑料注塑机械设备类pbootcms企业网站模板
27天前 16
织梦DedeCMS用include调用页面出现空白行的解决方法-推推论坛
织梦DedeCMS用include调用页面出现空白行的解决方法
织梦DedeCMS用include调用页面出现空白行的解决方法
1个月前 3
PBOOTCMS列表页输出图片集/多图-推推论坛
PBOOTCMS列表页输出图片集/多图
PBOOTCMS列表页输出图片集/多图
1年前 9
PbootCMS如何取消后台、留言、自定义表单验证码-推推论坛
PbootCMS如何取消后台、留言、自定义表单验证码
PbootCMS如何取消后台、留言、自定义表单验证码
1年前 8
评论 抢沙发

请登录后发表评论

    暂无评论内容

黑鱼资源网魔方财务魔众帮助中心管理系统高速图床系统高考高端首涂模板首涂主题餐饮美食餐饮加盟餐饮食品调料食品音乐播放器鞋球鞋子面试鸭面试刷题系统青色随身助手