欢迎访问114模板网！
联系我们
pbootcms给轮播图片再增加一个上传项的方法-pbootcms教程-114模板网-企业网站设计建设、免费源码、html网页下载
您的位置： 首页>>站长学院>>pbootcms教程

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

编辑：admin 时间：2024-04-27 23:02:38 点击：33

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

先看效果图

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

 

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

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

找到路径：/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');//这里是增加的内容-114模板网提供
            $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">&#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>


最终修改效果如下：

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

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

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

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

上一篇：PBOOTCMS增加内容首图为缩略图按钮及内容图片为多图按钮

下一篇：pbootcms模板时间格式调用方法详解

推荐资讯

我要建站(留言后专人第一时间快速对接)

已有 1826 企业通过我们建设了网站

姓 名：

联系电话：

留言备注：

快捷留言

  1. 我想了解下此模板，请回电给我。
  2. 我有兴趣，请在上班时间回电给我。
  3. 我随时在线，请尽快联系我，谢谢！
  4. 我想建站，请发一份详细资料给我，谢谢

模板推荐

(PC+WAP)建筑电机模型营销型网站模板
(PC+WAP)建筑电机模型营销型网站模板
预估建站费用：500
热度：
我要建站
新能源太阳能光伏类网站模板
新能源太阳能光伏类网站模板
预估建站费用：500
热度：
我要建站
绿色新能源光伏太阳能网站模板
绿色新能源光伏太阳能网站模板
预估建站费用：500
热度：
我要建站
(PC+WAP)地暖热水器节能设备网站模板
(PC+WAP)地暖热水器节能设备网站模板
预估建站费用：500
热度：
我要建站
响应式营销技术个人博客网站模板
响应式营销技术个人博客网站模板
预估建站费用：500
热度：
我要建站
模板排行榜
  • 1(PC+WAP)机械设备零件加工类网站pbootcms模板 金属机械网站源码下载79
    (PC+WAP)机械设备零件加工类网站pbootcms模板 金属机械网站源码下载
    预估建站费用：500
    热度：
    查看详情>>
  • 2(自适应手机端)营销型运动健身器材网站模板39
    (自适应手机端)营销型运动健身器材网站模板
    预估建站费用：500
    热度：
    查看详情>>
  • 3(自适应手机版)响应式统一战线单位机构类网站pbootcms模板 红色部门机构网站源码下载34
    (自适应手机版)响应式统一战线单位机构类网站pbootcms模板 红色部门机构网站源码下载
    预估建站费用：500
    热度：
    查看详情>>
  • 4绿色新能源光伏太阳能网站模板31
    绿色新能源光伏太阳能网站模板
    预估建站费用：500
    热度：
    查看详情>>
  • 5响应式家用电器网站模板 小家电网站源码下载31
    响应式家用电器网站模板 小家电网站源码下载
    预估建站费用：500
    热度：
    查看详情>>
  • 6机械设备网站模板 工业产品网站源码下载30
    机械设备网站模板 工业产品网站源码下载
    预估建站费用：500
    热度：
    查看详情>>
  • 7响应式高端卫浴产品网站模板29
    响应式高端卫浴产品网站模板
    预估建站费用：500
    热度：
    查看详情>>
    • 建站指南
    • 运营技巧
    • 网络营销

    网站模版 Pbootcms模板 Discuz模板 wordpress模板 phpcms模板 ecshop模板 帝国模板 主机测评 站长学院 关于我们

  • (PC+WAP)建筑电机模型营销型网站模板

    (PC+WAP)建筑电机模型营销型网站模板

  • 新能源太阳能光伏类网站模板

    新能源太阳能光伏类网站模板

  • 绿色新能源光伏太阳能网站模板

    绿色新能源光伏太阳能网站模板

  • (PC+WAP)地暖热水器节能设备网站模板

    (PC+WAP)地暖热水器节能设备网站模板

  • 响应式营销技术个人博客网站模板

    响应式营销技术个人博客网站模板

  • APP应用程序软件介绍响应式网站模板

    APP应用程序软件介绍响应式网站模板

  • 大气的企业产品展示网站模板

    大气的企业产品展示网站模板

  • 响应式高端网络建站设计类公司网站模板

    响应式高端网络建站设计类公司网站模板

  • 响应式家用电器网站模板 小家电网站源码下载

    响应式家用电器网站模板 小家电网站源码下载

  • 响应式高端卫浴产品网站模板

    响应式高端卫浴产品网站模板

  • (自适应手机版端)绿植盆栽网站模板 盆栽租赁网站源码下载

    (自适应手机版端)绿植盆栽网站模板 盆栽租赁网站源码下载

  • 站长博客网站模板 新闻自媒体博客网站源码下载

    站长博客网站模板 新闻自媒体博客网站源码下载

  • 响应式装修设计网站模板 装修装潢公司网站源码下载

    响应式装修设计网站模板 装修装潢公司网站源码下载

  • 工业设备网站模板 响应式机械设备网站源码下载

    工业设备网站模板 响应式机械设备网站源码下载

  • 环保设备网站模板 响应式水处理设备网站源码下载

    环保设备网站模板 响应式水处理设备网站源码下载

  • 机械设备网站模板 工业产品网站源码下载

    机械设备网站模板 工业产品网站源码下载

    • 首页 |网站简介 |法律声明 |联系我们 |正在咨询 |行业新闻

    为您提供了海量的企业网站模板制作，包括企业pbootcms网站模板，静态网页模板，网站源码下载，HTML网站模板等。

    温馨提示：本站所有资源(模板、图片)搜集整理于互联网或者网友提供，仅供学习与交流使用。

    Copyright © 2022 114模板网 All Rights Reserved.

    XML地图

    主机测评 主机评测 网站模版