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

最近在做一個響應式網站輪播圖片調用，pbootcms默認只有一個上傳圖片的地方，像響應式這種調用，圖片是要寫在一起的，那么我們要給輪播圖片再增加一個上傳項要怎么操作呢？

先看效果圖

首先到數據庫【ay_slide】表中新增一個輪播圖字段，假如是【picc】，新增字段如下圖：這里配合的是Navicat

，請自行準備

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

找到代碼：// 輪播圖增加，添加【picc】這個新增的數據字段名稱，該文件共需要新增四處，可以對照其他字段進行添加

查看源碼打印代碼幫助

01// 輪播圖增加

02public function add()

03{

04if ($_POST) {

05// 獲取數據

06$gid = post(gid, int);

07$pic = post(pic);

08$link = post(link);

09$title = post(title);

10$subtitle = post(subtitle);

11$sorting = post(sorting, int);

13if (! $gid) {

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

15}

17if (! $pic) {

18alert_back(圖片不能為空！);

19}

21// 構建數據

22$data = array(

23acode => session(acode),

24gid => $gid,

25pic => $pic,

26link => $link,

27title => $title,

28subtitle => $subtitle,

29sorting => $sorting,

30create_user => session(username),

31update_user => session(username)

32);

34// 執行添加

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

36$this->log(新增輪播圖成功！);

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

38success(新增成功！, base64_decode($backurl));

39} else {

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

41}

42} else {

43$this->log(新增輪播圖失敗！);

44error(新增失敗！, - 1);

45}

46}

47}

修改為：

查看源碼打印代碼幫助

01// 輪播圖增加

02public function add()

03{

04if ($_POST) {

05// 獲取數據

06$gid = post(gid, int);

07$pic = post(pic);

08$picc = post(picc);//這里是增加的內容-AB模板網提供

09$link = post(link);

10$title = post(title);

11$subtitle = post(subtitle);

12$sorting = post(sorting, int);

14if (! $gid) {

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

16}

18if (! $pic) {

19alert_back(圖片不能為空！);

20}

22// 構建數據

23$data = array(

24acode => session(acode),

25gid => $gid,

26pic => $pic,

27picc => $picc,

28link => $link,

29title => $title,

30subtitle => $subtitle,

31sorting => $sorting,

32create_user => session(username),

33update_user => session(username)

34);

36// 執行添加

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

38$this->log(新增輪播圖成功！);

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

40success(新增成功！, base64_decode($backurl));

41} else {

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

43}

44} else {

45$this->log(新增輪播圖失敗！);

46error(新增失敗！, - 1);

47}

48}

49}

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

查看源碼打印代碼幫助

01// 修改操作

02if ($_POST) {

04// 獲取數據

05$gid = post(gid, int);

06$pic = post(pic);

07$link = post(link);

08$title = post(title);

09$subtitle = post(subtitle);

10$sorting = post(sorting, int);

12if (! $gid) {

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

14}

16if (! $pic) {

17alert_back(圖片不能為空！);

18}

20// 構建數據

21$data = array(

22gid => $gid,

23pic => $pic,

24link => $link,

25title => $title,

26subtitle => $subtitle,

27sorting => $sorting,

28update_user => session(username)

29);

31// 執行添加

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

33$this->log(修改輪播圖 . $id . 成功！);

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

35success(修改成功！, base64_decode($backurl));

36} else {

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

38}

39} else {

40location(- 1);

41}

42} else {

43// 調取修改內容

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

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

46error(編輯的內容已經不存在！, - 1);

47}

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

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

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

51}

52}

直接替換為以下代碼：

查看源碼打印代碼幫助

01// 修改操作

02if ($_POST) {

04// 獲取數據

05$gid = post(gid, int);

06$pic = post(pic);

07$picc = post(picc);

08$link = post(link);

09$title = post(title);

10$subtitle = post(subtitle);

11$sorting = post(sorting, int);

13if (! $gid) {

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

15}

17if (! $pic) {

18alert_back(圖片不能為空！);

19}

21// 構建數據

22$data = array(

23gid => $gid,

24pic => $pic,

25picc => $picc,

26link => $link,

27title => $title,

28subtitle => $subtitle,

29sorting => $sorting,

30update_user => session(username)

31);

33// 執行添加

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

35$this->log(修改輪播圖 . $id . 成功！);

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

37success(修改成功！, base64_decode($backurl));

38} else {

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

40}

41} else {

42location(- 1);

43}

44} else {

45// 調取修改內容

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

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

48error(編輯的內容已經不存在！, - 1);

49}

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

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

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

53}

54}

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

然后添加此字段的上傳框，如下圖所示，頁面共需要添加兩處，新增和修改里面都需要添加哦，新增大約在66-75行，原文代碼：

查看源碼打印代碼幫助

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

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

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

4<input type="text" name="pic" id="pic" required lay-verify="required" placeholder="請上傳圖片" class="layui-input">

5</div>

6<button type="button" class="layui-btn upload" data-des="pic"> <i class="layui-icon"></i>上傳圖片 </button>

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

8</div>

在這段代碼下面新增如下代碼：

查看源碼打印代碼幫助

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

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

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

4<input type="text" name="picc" id="picc" required lay-verify="required" placeholder="請上傳圖片2" class="layui-input">

5</div>

6<button type="button" class="layui-btn upload" data-des="picc"> <i class="layui-icon"></i>上傳圖片 </button>

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

8</div>

繼續往下找到如下代碼：

查看源碼打印代碼幫助

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

02<label class="layui-form-label">圖片</label>

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

04<input type="text" name="pic" id="pic" required lay-verify="required" value="{$slide->pic}" placeholder="請上傳圖片" class="layui-input">

05</div>

06<button type="button" class="layui-btn upload" data-des="pic"> <i class="layui-icon"></i>上傳圖片 </button>

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

08<dl>

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

10<dd>刪除</dd>

11</dl>

12{/if}</div>

13</div>

在這段代碼下面新增如下代碼：

查看源碼打印代碼幫助

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

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

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

04<input type="text" name="picc" id="picc" required lay-verify="required" value="{$slide->picc}" placeholder="請上傳圖片" class="layui-input">

05</div>

06<button type="button" class="layui-btn upload" data-des="picc"> <i class="layui-icon"></i>上傳圖片 </button>

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

08<dl>

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

10<dd>刪除</dd>

11</dl>

12{/if}</div>

13</div>

最終修改效果如下：

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

查看源碼打印代碼幫助

1{pboot:slide gid=* num=*}

2<img src="[slide:src]">//原本的圖片調用

3<img src="[slide:picc]">//新增的圖片調用

4{/pboot:slide}

以上操作步驟每步都需要做，操作之前建議備份下文件以免操作失敗，感謝您對AB模板網支持，希望能夠幫到您。

加入收藏

標簽：

本文鏈接：http://m.373753.com/xinwendongtai/1805.html

上一篇： PBOOTCMS增加內容首圖為縮略圖按鈕及內容圖片為多圖按鈕

下一篇： pbootcms模板時間格式調用方法詳解

69久久夜色精品国产69乱青草_国产高清日韩_亚洲一二三四区不卡_亚洲国产成人av网

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