源码网_提供网站源码、discuz、wordpress主题与插件和站长教程等资源的下载服务

在线充值
站点导航

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

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

先看效果图

pbootcms给轮播图片再增加一个上传项的方法(图1)  
首先到数据库【ay_slide】表中新增一个轮播图字段，假如是【picc】，新增字段如下图：这里配合的是Navicat

，请自行准备

pbootcms给轮播图片再增加一个上传项的方法(图2)
找到路径：/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);
12
13if (! $gid) {
14$gid = $this->model->getMaxGid() + 1;
15}
16
17if (! $pic) {
18alert_back(图片不能为空！);
19}
20
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);
33
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);
13
14if (! $gid) {
15$gid = $this->model->getMaxGid() + 1;
16}
17
18if (! $pic) {
19alert_back(图片不能为空！);
20}
21
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);
35
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) {
03
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);
11
12if (! $gid) {
13$gid = $this->model->getMaxGid() + 1;
14}
15
16if (! $pic) {
17alert_back(图片不能为空！);
18}
19
20// 构建数据
21$data = array(
22gid => $gid,
23pic => $pic,
24link => $link,
25title => $title,
26subtitle => $subtitle,
27sorting => $sorting,
28update_user => session(username)
29);
30
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) {
03
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);
12
13if (! $gid) {
14$gid = $this->model->getMaxGid() + 1;
15}
16
17if (! $pic) {
18alert_back(图片不能为空！);
19}
20
21// 构建数据
22$data = array(
23gid => $gid,
24pic => $pic,
25picc => $picc,
26link => $link,
27title => $title,
28subtitle => $subtitle,
29sorting => $sorting,
30update_user => session(username)
31);
32
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">&#xe67c;</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">&#xe67c;</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">&#xe67c;</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">&#xe67c;</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>

最终修改效果如下：

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

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

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

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

 
加入收藏

标签：

本文链接：http://www.7ov.cn/xinwendongtai/1805.html

版权声明：站内所有文章皆来自网络转载，只供模板演示使用，并无任何其它意义！

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

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

相关推荐

热门排行

最新发布

联系客服
网站客服 业务合作 在线客服QQ
294169012
微信号
微信号
微信号
返回顶部