换主页轮播的主题图片（1）---轻开电子商务系统(企业入门级B2C网站)

一共4个文件：

列表显示文件：site/links/img0.html
添加图片文件：site/links/img0_add.html
添加保存图片文件：site/links/img0_add_up1.chtml
删除图片文件：site/links/img0_del.chtml

在轻开电子商务系统(企业入门级B2C网站)的site/links/目录下

轻松实现图片替换

1、列表显示文件代码介绍

查询最新的主题图片

<esql module=base id=links>Select we_id,img_url,link,name From images_base where catalog=0 order by created desc limit 10</esql>

循环显示主题图片列表

 <for objects=links end="@{links:getLength}"><tr align=center><td><img src="@{sys:path}@{links:IMG_URL}" width="@{double:730/3}" height="@{double:486/3}" border=1 style="cursor:pointer" οnclick="window.open('@{sys:path}@{links:IMG_URL}','','width=730,height=486')" alt="全图"></td><td align=left><a href="@{links:LINK}" target=_blank title="@{links:LINK}">@{links:NAME}</a></td><td><if x="@{sys:canDo}"><a href="javascript:doDel('@{links:WE_ID}');" x=true>[删除]</a></if></td></tr></for>

列表效果

点开单张效果

权限判断

<chtml><Bag id=sys><we name=NodeID>a0.0</we></Bag></chtml><!-- 栏目节点 -->
<chtml file="base/ac/checkAcl.htm"/><!-- 引入权限检查文件 -->
...
<if x="@{sys:canDo}"><a href="javascript:doDel('@{links:WE_ID}');" x=true>[删除]</a></if>
....
<center><if x="@{sys:canDo}"><a href="@{sys:face}site/links/img0_add.html" x=true>[添加]</a></if></center>

删除提示js函数

function doDel(rid)
{if(!confirm('真的要删除吗？')){return;}var str = '@{sys:face}site/links/img0_del.chtml?reUrl=site/links/img0.html&WE_ID='+rid;location.href= str;
}

全部代码

<link href="@{sys:path}site/links/a.css" rel="stylesheet" type="text/css" />
<chtml><Bag id=sys><we name=NodeID>a0.0</we></Bag></chtml><!-- 栏目节点 -->
<chtml file="base/ac/checkAcl.htm"/><!-- 引入权限检查文件 -->
<chtml>
<table width=90% align=center border=1 cellpadding="3" cellspacing="0" style="border-collapse:collapse;font-size:12px">
<tr><th colspan=3>.<font class=listTitle>主题图片</font>.</th></tr><tr align=center bgcolor=#ECECEC><th>图片</th><th>名称和链接</th><th width=40>操作</th></tr>             <esql module=base id=links>Select we_id,img_url,link,name From images_base where catalog=0 order by created desc limit 10</esql><for objects=links end="@{links:getLength}"><tr align=center><td><img src="@{sys:path}@{links:IMG_URL}" width="@{double:730/3}" height="@{double:486/3}" border=1 style="cursor:pointer" οnclick="window.open('@{sys:path}@{links:IMG_URL}','','width=730,height=486')" alt="全图"></td><td align=left><a href="@{links:LINK}" target=_blank title="@{links:LINK}">@{links:NAME}</a></td><td><if x="@{sys:canDo}"><a href="javascript:doDel('@{links:WE_ID}');" x=true>[删除]</a></if></td></tr></for>
</table><br>
<center><if x="@{sys:canDo}"><a href="@{sys:face}site/links/img0_add.html" x=true>[添加]</a></if></center>
</chtml>
<script>
function doDel(rid)
{if(!confirm('真的要删除吗？')){return;}var str = '@{sys:face}site/links/img0_del.chtml?reUrl=site/links/img0.html&WE_ID='+rid;location.href= str;
}
</script>

（文件：site/links/img0.html）在轻开电子商务系统(企业入门级B2C网站) 的site/links/目录下

轻松互联网开发平台（Easy Do IT）资源下载

开发实例：轻开企业入门级B2C电子商务网站，免费下载：http://download.csdn.net/detail/tx18/8818883轻开平台会不定期升级为大家提供更多强大而Easy的功能，请留意下载最新的版本

换主页轮播的主题图片（1）---轻开电子商务系统(企业入门级B2C网站)相关推荐

换主页轮播的主题图片（2、添加）---轻开电子商务系统(企业入门级B2C网站)
接上一博文件:site/links/img0.html中的添加按钮(第14行) <center><if x="@{sys:canDo}"><a hr ...
换主页轮播的主题图片（3、保存添加）---轻开电子商务系统(企业入门级B2C网站)
接上一博文件:site/links/img0_add.html中的表单(第4行) <form id=save action="@{sys:face}site/links/img0_a ...
三郎前端特效学习源代码：图片主页轮播组件
三郎前端特效学习源代码:图片主页轮播组件简单介绍效果图源代码 html部分 js部分 css部分简单介绍各大网站都比较常用的主页轮播组件可以自己改改就能用效果图源代码 html部分 & ...
element-ui中轮播图自适应图片高度
哈哈,久违了各位.我又回来了,最近在做毕设,所以难免会遇到很多问题,需要解决很多问题,在万能的博友帮助下,终于解决了Element-ui中轮播图的图片高度问题,话不多说上代码. 那个axios的使用不 ...
解决v-for轮播图中图片无法显示
v-fo中src拿不到img的地址,图片无法显示 view可以打印出list.data中的img值,说明数组没问题,已经拿到图片值: 将src直接赋值地址,有图片显示,那么就是src没有拿到图片地址: ...
php写后台轮播图,dedecms图片相关问题—后台上传图片实现图片轮播
用织梦dedecms套网站已经做了几个了,但图片轮播始终是用手工改代码.今天研究了一下在后台上传图片来实现图片轮播的. 首先那当然是设置网站的栏目了,我的栏目名是取的大眼睛(这里随便取了),内空模型: ...
解决轮播动态加图片效果失效的问题
之前在做项目的时候需要用到轮播的效果,我们公司的前端把页面做好后扔给我,我就开始撸起来了,可结果没想到的是轮播井然失效,死活不能生效,当时各种解决方法都试了就是不管用,最后换了一个轮播js才解决的,想 ...
Flexslider图片轮播、文字图片相结合滑动切换效果
Flexslider是一款基于的jQuery内容滚动插件.它能让你轻松的创建内容滚动的效果,具有非常高的可定制性.开发者可以使用Flexslider轻松创建各种图片轮播效果.焦点图效果.图文混排滚动效 ...
jQuery/Zepto的Bootstrap轮播图中图片自适应宽高并居中插件
2019独角兽企业重金招聘Python工程师标准>>> 今天写了一下午带晚上的jQuery/Zepto的Bootstrap轮播图插件,功能是能够根据当前较短的一边实现自适应宽度,并且 ...

换主页轮播的主题图片（1）---轻开电子商务系统(企业入门级B2C网站)

换主页轮播的主题图片（1）---轻开电子商务系统(企业入门级B2C网站)相关推荐

最新文章

热门文章