按 + 收藏我們

網(wǎng)站模板

網(wǎng)站模板搜索

注冊(cè)
網(wǎng)站模板 > cms教程 > pbootcms教程 >

pbootcms給輪播圖片再增加一個(gè)上傳項(xiàng)的方法

AB模板網(wǎng) / 2023-11-29
最近在做一個(gè)響應(yīng)式網(wǎng)站輪播圖片調(diào)用，pbootcms默認(rèn)只有一個(gè)上傳圖片的地方，像響應(yīng)式這種調(diào)用，圖片是要寫在一起的，那么我們要給輪播圖片再增加一個(gè)上傳項(xiàng)要怎么操作呢？

先看效果圖

pbootcms給輪播圖片再增加一個(gè)上傳項(xiàng)的方法
 
 
首先到數(shù)據(jù)庫(kù)【ay_slide】表中新增一個(gè)輪播圖字段，假如是【picc】，新增字段如下圖：這里配合的是Navicat，請(qǐng)自行準(zhǔn)備

pbootcms給輪播圖片再增加一個(gè)上傳項(xiàng)的方法

找到路徑：/apps/admin/controller/content/下找到SlideContrller.php文件
 
找到代碼：// 輪播圖增加，添加【picc】這個(gè)新增的數(shù)據(jù)字段名稱，該文件共需要新增四處，可以對(duì)照其他字段進(jìn)行添加
 
// 輪播圖增加
    public function add()
    {
        if ($_POST) {
            // 獲取數(shù)據(jù)
            $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('圖片不能為空！');
            }
            
            // 構(gòu)建數(shù)據(jù)
            $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')
            );
            
            // 執(zhí)行添加
            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) {
            // 獲取數(shù)據(jù)
            $gid = post('gid', 'int');
            $pic = post('pic');
            $picc = post('picc');//這里是增加的內(nèi)容-AB模板網(wǎng)提供
            $link = post('link');
            $title = post('title');
            $subtitle = post('subtitle');
            $sorting = post('sorting', 'int');
            
            if (! $gid) {
                $gid = $this->model->getMaxGid() + 1;
            }
            
            if (! $pic) {
                alert_back('圖片不能為空！');
            }
            
            // 構(gòu)建數(shù)據(jù)
            $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')
            );
            
            // 執(zhí)行添加
            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);
            }
        }
    }

繼續(xù)往下，我們找到//修改操作，原文代碼如下：

        // 修改操作
        if ($_POST) {
            
            // 獲取數(shù)據(jù)
            $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('圖片不能為空！');
            }
            
            // 構(gòu)建數(shù)據(jù)
            $data = array(
                'gid' => $gid,
                'pic' => $pic,
                'link' => $link,
                'title' => $title,
                'subtitle' => $subtitle,
                'sorting' => $sorting,
                'update_user' => session('username')
            );
            
            // 執(zhí)行添加
            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 {
            // 調(diào)取修改內(nèi)容
            $this->assign('mod', true);
            if (! $result = $this->model->getSlide($id)) {
                error('編輯的內(nèi)容已經(jīng)不存在！', - 1);
            }
            $this->assign('gids', $this->model->getGid());
            $this->assign('slide', $result);
            $this->display('content/slide.html');
        }
    }

直接替換為以下代碼：

        // 修改操作
        if ($_POST) {
            
            // 獲取數(shù)據(jù)
            $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('圖片不能為空！');
            }
            
            // 構(gòu)建數(shù)據(jù)
            $data = array(
                'gid' => $gid,
                'pic' => $pic,
                'picc' => $picc,
                'link' => $link,
                'title' => $title,
                'subtitle' => $subtitle,
                'sorting' => $sorting,
                'update_user' => session('username')
            );
            
            // 執(zhí)行添加
            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 {
            // 調(diào)取修改內(nèi)容
            $this->assign('mod', true);
            if (! $result = $this->model->getSlide($id)) {
                error('編輯的內(nèi)容已經(jīng)不存在！', - 1);
            }
            $this->assign('gids', $this->model->getGid());
            $this->assign('slide', $result);
            $this->display('content/slide.html');
        }
    }

添加好后需要在路徑：/apps/admin/view/default/content/ 下找到 slide.html 文件
 
然后添加此字段的上傳框，如下圖所示，頁(yè)面共需要添加兩處，新增和修改里面都需要添加哦，新增大約在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="請(qǐng)上傳圖片"  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="請(qǐng)上傳圖片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>

繼續(xù)往下找到如下代碼：

<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="請(qǐng)上傳圖片"  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="請(qǐng)上傳圖片"  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給輪播圖片再增加一個(gè)上傳項(xiàng)的方法

在模板文件中調(diào)用方法如下：

{pboot:slide gid=* num=*}
<img src="[slide:src]">//原本的圖片調(diào)用
<img src="[slide:picc]">//新增的圖片調(diào)用
{/pboot:slide}
以上操作步驟每步都需要做，操作之前建議備份下文件以免操作失敗，感謝您對(duì)AB模板網(wǎng)支持，希望能夠幫到您。
 
文章搜集與網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)聯(lián)系本站，轉(zhuǎn)載請(qǐng)說(shuō)明出處：http://www.warewashingadvisors.com/pbootcmsjs/10841.html
首頁(yè) pbootcms模板 html模板 會(huì)員中心
 
咨詢
QQ在線咨詢

如無(wú)回復(fù)
請(qǐng)加下面的微信

添加微信客

微信客服
wwwadminbuycn