国产人成精品香港三级在-国产人成精品香港三级古代-国产人成-国产全黄a一级毛片视频-日本伦理网站-日本乱码一卡二卡三卡永久

按 + 收藏我們

網站模板

網站模板搜索
404模板 營銷型模板 外貿網站模板 單頁模板 雙語模板 標簽大全

注冊
網站模板 > cms教程 > pbootcms教程 >

pbootcms給輪播圖片再增加一個上傳項的方法

AB模板網 / 2023-11-29
最近在做一個響應式網站輪播圖片調用，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');//這里是增加的內容-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('新增成功！', 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}
以上操作步驟每步都需要做，操作之前建議備份下文件以免操作失敗，感謝您對AB模板網支持，希望能夠幫到您。
 
文章搜集與網絡，如有侵權請聯系本站，轉載請說明出處：http://www.tbwwir.cn/pbootcmsjs/10841.html
X

截屏，微信識別二維碼

微信號：wwwadminbuycn

（點擊微信號復制，添加好友）

  打開微信

 
咨詢
QQ在線咨詢

如無回復
請加下面的微信

添加微信客

微信客服
wwwadminbuycn