pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

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

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

首先到數據庫【ay_slide】表中新增一個輪播圖字段,假如是【picc】,新增字段如下圖:這里配合的是Navicat,請自行準備

找到路徑:/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');//這里是增加的內容
            $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">圖片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">圖片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>
最終修改效果如下:

在模板文件中調用方法如下:
{pboot:slide gid=* num=*}
<img src="[slide:src]">//原本的圖片調用
<img src="[slide:picc]">//新增的圖片調用
{/pboot:slide}       
以上操作步驟每步都需要做,操作之前建議備份下文件以免操作失敗,感謝您對本站支持,希望能夠幫到您。
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!

相關文檔推薦

適用范圍:全站任意地方均可使用 標簽作用:用于依次輸出指定分組的幻燈片圖片 1、幻燈片輪播圖列表 {pboot:slide gid=* num=*} img src=[slide:src] {/pboot:slide} 控制參數: gid=* 分組,必填,用
主站蜘蛛池模板: 螺钉式热电偶_便携式温度传感器_压簧式热电偶|无锡联泰仪表有限公司|首页 | 10吨无线拉力计-2吨拉力计价格-上海佳宜电子科技有限公司 | 挤出熔体泵_高温熔体泵_熔体出料泵_郑州海科熔体泵有限公司 | 壹车网 | 第一时间提供新车_资讯_报价_图片_排行! | 山东螺杆空压机,烟台空压机,烟台开山空压机-烟台开山机电设备有限公司 | 卡诺亚轻高定官网_卧室系统_整家定制_定制家居_高端定制_全屋定制加盟_定制家具加盟_定制衣柜加盟 | 风淋室生产厂家报价_传递窗|送风口|臭氧机|FFU-山东盛之源净化设备 | 机制砂选粉机_砂石选粉机厂家-盐城市助成粉磨科技有限公司 | 山东氧化铁红,山东铁红-淄博科瑞化工有限公司 | 油漆辅料厂家_阴阳脚线_艺术漆厂家_内外墙涂料施工_乳胶漆专用防霉腻子粉_轻质粉刷石膏-魔法涂涂 | 方源木业官网-四川木门-全国木门专业品牌 | 打造全球沸石生态圈 - 国投盛世 锂电混合机-新能源混合机-正极材料混料机-高镍,三元材料混料机-负极,包覆混合机-贝尔专业混合混料搅拌机械系统设备厂家 | 胜为光纤光缆_光纤跳线_单模尾纤_光纤收发器_ODF光纤配线架厂家直销_北京睿创胜为科技有限公司 - 北京睿创胜为科技有限公司 | 苏州同创电子有限公司 - 四探针测试仪源头厂家 | 大鼠骨髓内皮祖细胞-小鼠神经元-无锡欣润生物科技有限公司 | 杭州可当科技有限公司—流量卡_随身WiFi_AI摄像头一站式解决方案 | 江苏皓越真空设备有限公司| 电动不锈钢套筒阀-球面偏置气动钟阀-三通换向阀止回阀-永嘉鸿宇阀门有限公司 | 杜甫仪器官网|实验室平行反应器|升降水浴锅|台式低温循环泵 | 蜘蛛车-高空作业平台-升降机-高空作业车租赁-臂式伸缩臂叉装车-登高车出租厂家 - 普雷斯特机械设备(北京)有限公司 | 扬尘监测_扬尘监测系统_带证扬尘监测设备 - 郑州港迪科技有限公司 | 抓斗式清污机|螺杆式|卷扬式启闭机|底轴驱动钢坝|污水处理闸门-方源水利机械 | 沈阳缠绕包装机厂家直销-沈阳海鹞托盘缠绕包装机价格 | 活动策划,舞台搭建,活动策划公司-首选美湖上海活动策划公司 | 上海乾拓贸易有限公司-日本SMC电磁阀_德国FESTO电磁阀_德国FESTO气缸 | 置顶式搅拌器-优莱博化学防爆冰箱-磁驱搅拌器-天津市布鲁克科技有限公司 | 高速龙门架厂家_监控杆_多功能灯杆_信号灯杆_锂电池太阳能路灯-鑫世源照明 | 磁粉制动器|张力控制器|气胀轴|伺服纠偏控制器整套厂家--台灵机电官网 | 高精度-恒温冷水机-螺杆式冰水机-蒸发冷冷水机-北京蓝海神骏科技有限公司 | 深圳希玛林顺潮眼科医院(官网)│深圳眼科医院│医保定点│香港希玛林顺潮眼科中心连锁品牌 | 气动隔膜阀_气动隔膜阀厂家_卫生级隔膜阀价格_浙江浙控阀门有限公司 | CNC机加工-数控加工-精密零件加工-ISO认证厂家-鑫创盟 | 深圳快餐店设计-餐饮设计公司-餐饮空间品牌全案设计-深圳市勤蜂装饰工程 | 成人纸尿裤,成人尿不湿,成人护理垫-山东康舜日用品有限公司 | 雪花制冰机(实验室雪花制冰机)百科 | 贴片电容代理-三星电容-村田电容-风华电容-国巨电容-深圳市昂洋科技有限公司 | 防爆型气象站_农业气象站_校园气象站_农业四情监测系统「山东万象环境科技有限公司」 | 不锈钢法兰-碳钢法兰-法兰盘生产加工厂家-[鼎捷峰]-不锈钢法兰-碳钢法兰-法兰盘生产加工厂家-[鼎捷峰] | 高温热泵烘干机,高温烘干热泵,热水设备机组_正旭热泵 | 环境模拟实验室_液体-气体控温机_气体控温箱_无锡双润冷却科技有限公司 | 沥青车辙成型机-车托式混凝土取芯机-混凝土塑料试模|鑫高仪器 |