织梦cms标准图集融合layui提交,可图组集,多案例

摘要: 您如今的部位是:首页 > 資源共享资源 > 資源共享资源织梦cms标准图集融合layui提交,可图组集,多案例,可vip会员图组集方元2020-05-29【資源共享资源】人已看热闹介绍 flash立刻要撤出...

您如今的部位是:首页 > 資源共享资源 > 資源共享资源 织梦cms标准图集融合layui提交,可图组集,多案例,可vip会员图组集

方元2020-05-29【資源共享资源】人已看热闹

介绍 flash立刻要撤出演出舞台了,而织梦cms的标准图集提交作用更应用的便是flash控制,安全性性也低,并且不可以轻轻松松完成多案例图组集,大家来把它换一换,换为如今较为时兴的layui前端开发架构 - layui提交


flash立刻要撤出演出舞台了,而织梦cms的标准图集提交作用更应用的便是flash控制,安全性性也低,并且不可以轻轻松松完成多案例图组集,大家来把它换一换,换为如今较为时兴的layui前端开发架构 - layui提交控制模块。
演试实际效果

融合作用
  适用 gbk / utf8编号织梦cms程序
  适用后台管理、前台接待、vip会员连接
  适用全部实体模型连接
  适用每一个照片删掉一并删掉照片文档
  适用每一个照片注解
  适用每一个照片排列
  适用前台接待非常简易标识启用每一个标准图集
融合实例教程
第一步、免费下载附加需要文档,依据自身网站编号
把include里边的"layui"文档夹和"taglib"文档夹放进你网站include文档夹里去
 
百度云盘免费下载: 连接:s/1JRyRfvFbyfqnHzzx7dFVFg
获取码:5ptl
第二步、为后台管理照片集实体模型加上layui提交控制模块,官方网原先的标准图集提交作用保存没动
伸出手党 能够立即免费下载这4个文档更换就可以应用(更换以前提议你备份数据你自身的这4个文档)
  /dede/
  /dede/
  /
  /
百度云盘免费下载: 连接:s/nLzjKQT7A-g
获取码:ep9t
伸出手党 遮盖文档后更新后台管理就可以应用,下边的实例教程可忽略【留意,二开的后台管理请依据实例教程来实际操作】
动手能力党 可以看下边实例教程
1、开启 /dede/ 寻找

 div id="thumbnails" /div 
在它所属的tr标识下边添加
 link href="../include/layui/css/layui.css" rel="stylesheet" media="all" 
 script src="../include/layui/layui.js" type="text/javascript" /script 
 td width="100%" height="24" colspan="4" 
 table width="800" border="0" cellspacing="0" cellpadding="0" 
 td width="80" height="40" nbsp; b 默认设置标准图集: /b /td 
 td button type="button" i /i 提交照片 /button /td 
 /tr 
 /table 
 /td 
 /tr 
 td colspan="4" 
 table width='100%' 
 td div ul id="imgurls" /ul /div /td 
 /tr 
 /table 
 /td 
 /tr 
 script type="text/javascript" 
 layui.use('upload', function(){
 var $ = layui.jquery
 ,upload = layui.upload;
 // imgurls 照片提交
 var uploadInst = upload.render({
 elem: '.imgurls'
 ,url: '../include/'
 ,multiple: true
 ,accept: 'images'
 ,acceptMime: 'image/*'
 ,done: function(res){
 if(res.code == 0){
 return layer.msg(res.msg);
 $('#imgurls').append(' li div i /i i /i i data-id="' + res.id + '" /i /div img src="' + res.img + '" input type="text" name="imgurls[alt][]" value="" / input type="hidden" name="imgurls[url][]" value="' + res.img + '" / input type="hidden" name="imgurls[uaid][]" value="' + res.id + '" / /li 
 ,error: function(){
 $("body").on("click",".close",function(){
 var id = $(this).data('id');
 $.get('../include/',{'dopost':'del','id':id},function(res){})
 $(this).closest("li").remove();
 $("body").on("click",".layui-upload-img ul li .toleft",function(){
 var li_index = $(this).closest("li").index();
 if(li_index = 1){
 $(this).closest("li").insertBefore($(this).closest("ul").find("li").eq(Number(li_index)-1));
 $("body").on("click",".layui-upload-img ul li .toright",function(){
 var li_index = $(this).closest("li").index();
 $(this).closest("li").insertAfter($(this).closest("ul").find("li").eq(Number(li_index)+1));
 /script 


2、开启 /dede/ 寻找
 div id="thumbnails" /div 
在它所属的tr标识下边添加
 link href="../include/layui/css/layui.css" rel="stylesheet" media="all" 
 script src="../include/layui/layui.js" type="text/javascript" /script 
 td width="100%" height="24" colspan="4" 
 table width="800" border="0" cellspacing="0" cellpadding="0" 
 td width="80" height="40" nbsp; b 默认设置标准图集: /b /td 
 td button type="button" i /i 提交照片 /button /td 
 /tr 
 /table 
 /td 
 /tr 
 td colspan="4" 
 table width='100%' 
 td div ul id="imgurls" /ul /div /td 
 /tr 
 /table 
 /td 
 /tr 
 script type="text/javascript" 
 layui.use('upload', function(){
 var $ = layui.jquery
 ,upload = layui.upload;
 // imgurls 照片提交
 var uploadInst = upload.render({
 elem: '.imgurls'
 ,url: '../include/'
 ,multiple: true
 ,accept: 'images'
 ,acceptMime: 'image/*'
 ,done: function(res){
 if(res.code == 0){
 return layer.msg(res.msg);
 $('#imgurls').append(' li div i /i i /i i data-id="' + res.id + '" /i /div img src="' + res.img + '" input type="text" name="imgurls[alt][]" value="" / input type="hidden" name="imgurls[url][]" value="' + res.img + '" / input type="hidden" name="imgurls[uaid][]" value="' + res.id + '" / /li 
 ,error: function(){
 //不成功重传
 $("body").on("click",".close",function(){
 var id = $(this).data('id');
 $.get('../include/',{'dopost':'del','id':id},function(res){})
 $(this).closest("li").remove();
 $("body").on("click",".layui-upload-img ul li .toleft",function(){
 var li_index = $(this).closest("li").index();
 if(li_index = 1){
 $(this).closest("li").insertBefore($(this).closest("ul").find("li").eq(Number(li_index)-1));
 $("body").on("click",".layui-upload-img ul li .toright",function(){
 var li_index = $(this).closest("li").index();
 $(this).closest("li").insertAfter($(this).closest("ul").find("li").eq(Number(li_index)+1));
 /script 


3、开启 / 寻找
//添加额外表
在它上边添加
//标准图集字段名 imgurls
if(is_array($_POST['imgurls']['url']))
 $my_imgurls = "";
 foreach($_POST['imgurls']['url'] as $key = $val)
 $my_imgurls .= "{dede:img ddimg='$val' text='{$_POST['imgurls']['alt'][$key]}' width='' height='' uaid='{$_POST['imgurls']['uaid'][$key]}'}$val{/dede:img}\r\n";
$imgurls .= addslashes($my_imgurls);
4、开启 / 寻找
//升级额外表
在它上边添加
//标准图集字段名 imgurls
if(is_array($_POST['imgurls']['url']))
 $my_imgurls = "";
 foreach($_POST['imgurls']['url'] as $key = $val)
 $my_imgurls .= "{dede:img ddimg='$val' text='{$_POST['imgurls']['alt'][$key]}' width='' height='' uaid='{$_POST['imgurls']['uaid'][$key]}'}$val{/dede:img}\r\n";
$imgurls .= addslashes($my_imgurls);
第三步、內容页模版启用标准图集标识新书写
 h2 默认设置标准图集 /h2 
 {dede:imagelist}
 img src="[field:imgsrc/]" alt="[field:text/]" width="220" height="150" 
 p [field:text/] /p 
 /li 
 {/dede:imagelist}
 /ul 
 h2 房型照片 /h2 
 {dede:imagelist field="huxing"}
 img src="[field:imgsrc/]" alt="[field:text/]" width="220" height="150" 
 p [field:text/] /p 
 /li 
 {/dede:imagelist}
 /ul 
非常表明
{dede:imagelist field="huxing"}
field='照片集字段名'
不填得话便是启用标准图集默认设置
织梦cms好几个标准图集多案例实例教程
在实际操作下边的实例教程以前务必明确你早已进行上边第一、第二、第三步
第一步、额外表中加上好几个标准图集字段名,比如 房型照片 字段名
后台管理-系统软件-SQL专用工具-SQL指令行专用工具
ALTER TABLE dede_addonimages ADD `huxing` text;
dede_addonimages 就是我的标准图集实体模型额外表,留意自身的额外表,干万别写不对
第二步、开启 /dede/ 寻找
id="imgurls"
在它所属的tr下边添加
 tr 
 td width="100%" height="24" colspan="4" 
 table width="800" border="0" cellspacing="0" cellpadding="0" 
 td width="80" height="40" nbsp; b 房型照片: /b /td 
 button type="button" 
 i /i 提交照片
 /button 
 /td 
 /tr 
 /table 
 /td 
 /tr 
 td colspan="4" 
 table width='100%' 
 div 
 ul id="huxing" /ul 
 /div 
 /td 
 /tr 
 /table 
 /td 
 /tr 
如图所示,留意标明的地区
再次寻找
// imgurls 照片提交
在它上边添加
// huxing 照片提交
var uploadInst = upload.render({
 elem: '.huxing'
 ,url: '../include/'
 ,multiple: true
 ,accept: 'images'
 ,acceptMime: 'image/*'
 ,done: function(res){
 if(res.code == 0){
 return layer.msg(res.msg);
 $('#huxing').append(' li div i /i i /i i data-id="' + res.id + '" /i /div img src="' + res.img + '" input type="text" name="huxing[alt][]" value="" / input type="hidden" name="huxing[url][]" value="' + res.img + '" / input type="hidden" name="huxing[uaid][]" value="' + res.id + '" / /li 
 ,error: function(){
 //不成功重传
});
如图所示,留意标明的地区

第三步、开启 /dede/ 寻找
id="imgurls"
在它所属的tr下边添加
 tr 
 td width="100%" height="24" colspan="4" 
 table width="800" border="0" cellspacing="0" cellpadding="0" 
 td width="80" height="40" nbsp; b 房型照片: /b /td 
 button type="button" 
 i /i 提交照片
 /button 
 /td 
 /tr 
 /table 
 /td 
 /tr 
 td colspan="4" 
 table width='100%' 
 div 
 ul id="huxing" 
 ?php
 if($addRow['huxing']!="")
 $dtp = new DedeTagParse();
 $dtp- LoadSource($addRow['huxing']);
 if(is_array($dtp- CTags))
 $fhtml = '';
 foreach($dtp- CTags as $ctag)
 if($ctag- GetName()=="img")
 $bigimg = trim($ctag- GetInnerText());
 $text = trim($ctag- GetAtt('text'),'‘');
 $uaid = trim($ctag- GetAtt('uaid'),'‘');
 $fhtml .= " li "item_img\" div "operate\" i "toleft layui-icon layui-icon-left\" /i i "toright layui-icon layui-icon-right\" /i i "close layui-icon layui-icon-close-fill\" data-id=\"{$uaid}\" /i /div img src=\"{$bigimg}\" "img\" input type=\"text\" name=\"huxing[alt][]\" value=\"{$text}\" "layui-input\" / input type=\"hidden\" name=\"huxing[url][]\" value=\"{$bigimg}\" / input type=\"hidden\" name=\"huxing[uaid][]\" value=\"{$uaid}\" / /li 
 echo $fhtml;
 $dtp- Clear();
 /ul 
 /div 
 /td 
 /tr 
 /table 
 /td 
 /tr 
如图所示,留意标明的字段名一部分

再次寻找
// imgurls 照片提交
在它上边添加
// huxing 照片提交
var uploadInst = upload.render({
 elem: '.huxing'
 ,url: '../include/'
 ,multiple: true
 ,accept: 'images'
 ,acceptMime: 'image/*'
 ,done: function(res){
 if(res.code == 0){
 return layer.msg(res.msg);
 $('#huxing').append(' li div i /i i /i i data-id="' + res.id + '" /i /div img src="' + res.img + '" input type="text" name="huxing[alt][]" value="" / input type="hidden" name="huxing[url][]" value="' + res.img + '" / input type="hidden" name="huxing[uaid][]" value="' + res.id + '" / /li 
 ,error: function(){
 //不成功重传
});
如图所示,留意标明的字段名

第四步、开启 / 寻找
//转化成HTML
在它上边添加
//增加标准图集字段名 huxing
if(is_array($_POST['huxing']['url']))
 $huxing = "";
 foreach($_POST['huxing']['url'] as $key = $val)
 $huxing .= "{dede:img ddimg='$val' text='{$_POST['huxing']['alt'][$key]}' width='' height='' uaid='{$_POST['huxing']['uaid'][$key]}'}$val{/dede:img}\r\n";
 if($huxing)
 $huxing = addslashes($huxing);
 $upquery = "UPDATE `$addtable` SET `huxing`='$huxing' WHERE aid='$arcID' ";
 $dsql- ExecuteNoneQuery($upquery);
}
如图所示,留意标明的字段名

第五步、开启 / 寻找
//转化成HTML
在它上边添加
//增加标准图集字段名 huxing
$huxing = "";
if(is_array($_POST['huxing']['url']))
 foreach($_POST['huxing']['url'] as $key = $val)
 $huxing .= "{dede:img ddimg='$val' text='{$_POST['huxing']['alt'][$key]}' width='' height='' uaid='{$_POST['huxing']['uaid'][$key]}'}$val{/dede:img}\r\n";
$huxing = addslashes($huxing);
$upquery = "UPDATE `$addtable` SET `huxing`='$huxing' WHERE aid='$id' ";
$dsql- ExecuteNoneQuery($upquery);
如图所示,留意标明的字段名


第六步、內容页标识新书写参照上边
应用layui第一幅图做为缩列图
开启 / 寻找
转化成文本文档ID
在它上边添加
//应用layui第一幅图做为缩列图
if($ddisfirst==1 $litpic=='')
 if(isset($_POST['imgurls']['url'][0]))
 $litpic = $_POST['imgurls']['url'][0];
}



很赞哦! ()



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503