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

一共4个文件:

  1. 列表显示文件:site/links/img0.html
  2. 添加图片文件:site/links/img0_add.html
  3. 添加保存图片文件:site/links/img0_add_up1.chtml
  4. 删除图片文件: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" onclick="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" onclick="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的功能,请留意下载最新的版本
时间: 2024-10-13 07:58:25

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

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

接(  换主页轮播的主题图片1 ) 文件:site/links/img0.html中的表单(第11行最后一个td) <td><if x="@{sys:canDo}"><a href="javascript:doDel('@{links:WE_ID}');" x=true>[删除]</a></if></td> 及16到23行的删除提示js函数(参数为reUrl和图片we_id) <scrip

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

接上一博 文件:site/links/img0.html中的添加按钮(第14行) <center><if x="@{sys:canDo}"><a href="@{sys:face}site/links/img0_add.html" x=true>[添加]</a></if></center> 效果 点"[添加]"跳转到文件:site/links/img0_add.html(在轻

换今日特价图片---轻开电子商务系统(企业入门级B2C网站)

跟换主页轮播图片一样,一共4个文件: 列表显示文件:site/links/img2.html 添加图片文件:site/links/img2_add.html 添加保存图片文件:site/links/img2_add_up1.chtml 删除图片文件(跟删除主页轮播图片共用一个文件,用记录we_id识别):site/links/img0_del.chtml 在轻开电子商务系统(企业入门级B2C网站)的site/links/目录下 1.列表显示文件:site/links/img2.html <lin

换静态图片---轻开电子商务系统(企业入门级B2C网站)

一共3个文件: 显示及上传文件:site/links/img_one.html 保存图片文件:site/links/img_one_up1.chtml 导航菜单文件:site/links/menu.html 在轻开电子商务系统(企业入门级B2C网站)的site/links/目录下 显示图片信息且上传表单:site/links/img_one.html 显示标题(从menu.html文件传过来的标题) <tr><th colspan=2>.<font class=listTit

换网站Logo图片---轻开电子商务系统(企业入门级B2C网站)

一共2个文件: 显示及上传文件:site/links/img_logo.html 保存图片文件:site/links/img_logo_up1.chtml 在轻开电子商务系统(企业入门级B2C网站)的site/links/目录下 显示及上传文件:site/links/img_logo.html 显示Logo图片 <img src="@{sys:path}images/menu/logo.jpg" border=1> 提交上传文件的表单(提交到img_logo_up1.cht

换主页轮播的主题图片(3、保存添加)---轻开电子商务系统(企业入门级B2C网站)

接上一博 文件:site/links/img0_add.html中的表单(第4行) <form id=save action="@{sys:face}site/links/img0_add_up1.chtml" onsubmit="return false;" target=_self method=post enctype="multipart/form-data"> <input type=hidden name=reUrl

换今日特价图片---轻开电子商务系统(企业入门级B2C站点)

跟换主页轮播图片一样,一共4个文件: 列表显示文件:site/links/img2.html 加入图片文件:site/links/img2_add.html 加入保存图片文件:site/links/img2_add_up1.chtml 删除图片文件(跟删除主页轮播图片共用一个文件,用记录we_id识别):site/links/img0_del.chtml 在轻开电子商务系统(企业入门级B2C站点)的site/links/文件夹下 1.列表显示文件:site/links/img2.html <li

element-ui中轮播图自适应图片高度

哈哈,久违了各位.我又回来了,最近在做毕设,所以难免会遇到很多问题,需要解决很多问题,在万能的博友帮助下,终于解决了Element-ui中轮播图的图片高度问题,话不多说上代码. 那个axios的使用不重要,大致思路就是页面渲染前拿到当前窗口的宽度*图片比例给轮播图一个初始的高度,当窗后大小发生变化时,监听事件里将轮播图高度重新赋值即可,再次感谢两位博友的帮助 <template> <div v-if="imgurl"> <el-carousel :heig

Jquery图片轮播和CSS图片轮播

学习Jquery以后,很多时候觉得比写源生代码要简单一点.我们用JQuery做了一个图片轮播的动画,感觉比写CSS要简单一些.下面我来具体讲一下是怎么用JQuery来写. <body> <div class="img_div"> <img class="img1" src="../image/img1.jpg" /> <img class="img2" src="../ima