后台配置前台动态显示图片——善良公社

2023-11-23 17:40

本文主要是介绍后台配置前台动态显示图片——善良公社,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

        在善良公社项目中,首页的图片显示,不仅要求要根据客户的需要来切换图片,而且还是根据后台来配置,后台要求显示哪些图片那么前台就显示哪些图片。

       界面效果如下:下面总共显示了三种图片,可以滑动点击,在上面查看大图

      

        实现这些需求我是这样做的:

        在显示图片时利用flash,自己编写了XML文件,Flash读取XML文件,然后设置样式在首页上显示,其XML文件如下:这三张图片是默认的图片

<?xml version="1.0" encoding="utf-8"?>
<photos><photo filename="tp-1.jpg" thumbnail="tp-1.jpg" description="" />  <photo filename="tp-2.jpg" thumbnail="tp-2.jpg" description="" /><photo filename="tp-3.jpg" thumbnail="tp-3.jpg" description="" />
</photos>
        当这些齐全的时候只需要在前台写上如下,就可以正常显示了。

 <td  style="padding: 8px 8px 1px 8px; word-wrap:break-word; width:350px;">                <div id="idPicText"></div><table width="99%" height="102" border="0" cellpadding="0" cellspacing="0"><tr><td align="center" valign="top"><script type="text/javascript">//admin/SystemManager/AC_FL_RunContent('codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0', 'width', '320', 'height', '300', 'src', 'Photos/photo_xml', 'quality', 'high', 'pluginspage', 'http://www.macromedia.com/go/getflashplayer', 'movie', 'Photos/photo_xml'); //end AC code</script></td></tr></table>
        紧接着就是如何在后台设置了要显示的图片后怎么在前台显示了,这里涉及到动态修改XML的。
后台界面如下:


当"是否显示"字段为N时不再首页显示该图片,当更改为Y时,在首页相应的图片,如下:


此时的XML文件更改为:

<?xml version="1.0" encoding="utf-8"?>
<photos><photo filename="tp-1.jpg" thumbnail="tp-1.jpg" description="" /><photo filename="tp-2.jpg" thumbnail="tp-2.jpg" description="" /><photo filename="tp-3.jpg" thumbnail="tp-3.jpg" description="" /><photo filename="../../Photos/1_20140204162259.png" thumbnail="../../Photos/1_20140204162259.png" description="" />
</photos>
如何修改XML文件,如下:

            if (EindexImg.IsShow == "N")                   //如果是否显示更改为N时{string strfile = "photos.xml";             //用到的xml文件名string fileName = context.Server.MapPath(strfile); ; //context.Server.MapPath获取当前aspx页所处的路径string[] splitByChar = fileName.Split('\\');   //将获取到的路径以\\分割string FileName = splitByChar[0] + "/" + splitByChar[1] + "/" + splitByChar[2] + "/" + splitByChar[3] + "/" + splitByChar[4] + "/" + splitByChar[5] + "/" + splitByChar[6] + "/" + "Photos/" + splitByChar[9]; //重新构建正确的xml地址 XmlDocument myXml = new XmlDocument();try{myXml.Load(FileName);   //加载XML文件}catch{myXml.Load(FileName);}XmlNode rootXml = myXml.SelectSingleNode("photos");   //查询XML文件的根节点("photos")XmlNode root = myXml.DocumentElement;XmlNodeList nodeList = root.ChildNodes;foreach (XmlNode node in nodeList)   //遍历子节点{if (node.Attributes["filename"].Value == EindexImg.IndexImgURL)  //当子节点中的地址与数据库中存入的地址相同{node.ParentNode.RemoveChild(node);     //删除这个节点,不让图片显示}}myXml.Save(FileName);  //保存XML文件}
      既然知道了当为“N”时如何修改XML,那么当为“Y”时就知道如何修改了。
      总结:其实对节点的操作,早在学习JS时就学了,说白了修改XML也就是对节点的修改,掌握基础知识很有必要,以少集多,慢慢的提高自己!


这篇关于后台配置前台动态显示图片——善良公社的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/419632

相关文章

MySQL数据库双机热备的配置方法详解

《MySQL数据库双机热备的配置方法详解》在企业级应用中,数据库的高可用性和数据的安全性是至关重要的,MySQL作为最流行的开源关系型数据库管理系统之一,提供了多种方式来实现高可用性,其中双机热备(M... 目录1. 环境准备1.1 安装mysql1.2 配置MySQL1.2.1 主服务器配置1.2.2 从

Linux云服务器手动配置DNS的方法步骤

《Linux云服务器手动配置DNS的方法步骤》在Linux云服务器上手动配置DNS(域名系统)是确保服务器能够正常解析域名的重要步骤,以下是详细的配置方法,包括系统文件的修改和常见问题的解决方案,需要... 目录1. 为什么需要手动配置 DNS?2. 手动配置 DNS 的方法方法 1:修改 /etc/res

mysql8.0.43使用InnoDB Cluster配置主从复制

《mysql8.0.43使用InnoDBCluster配置主从复制》本文主要介绍了mysql8.0.43使用InnoDBCluster配置主从复制,文中通过示例代码介绍的非常详细,对大家的学习或者... 目录1、配置Hosts解析(所有服务器都要执行)2、安装mysql shell(所有服务器都要执行)3、

java程序远程debug原理与配置全过程

《java程序远程debug原理与配置全过程》文章介绍了Java远程调试的JPDA体系,包含JVMTI监控JVM、JDWP传输调试命令、JDI提供调试接口,通过-Xdebug、-Xrunjdwp参数配... 目录背景组成模块间联系IBM对三个模块的详细介绍编程使用总结背景日常工作中,每个程序员都会遇到bu

uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)

《uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)》在uni-app开发中,文件上传和图片处理是很常见的需求,但也经常会遇到各种问题,下面:本文主要介绍uni-app小程序项目中实... 目录方式一:使用<canvas>实现图片压缩(推荐,兼容性好)示例代码(小程序平台):方式二:使用uni

90%的人第一步就错了! 顺利登录wifi路由器后台的技巧

《90%的人第一步就错了!顺利登录wifi路由器后台的技巧》登录Wi-Fi路由器,其实就是进入它的后台管理页面,很多朋友不知道该怎么进入路由器后台设置,感兴趣的朋友可以花3分钟了解一下... 你是不是也遇到过这种情况:家里网速突然变慢、想改WiFi密码却不知道从哪进路由器、新装宽带后完全不知道怎么设置?别慌

JDK8(Java Development kit)的安装与配置全过程

《JDK8(JavaDevelopmentkit)的安装与配置全过程》文章简要介绍了Java的核心特点(如跨平台、JVM机制)及JDK/JRE的区别,重点讲解了如何通过配置环境变量(PATH和JA... 目录Java特点JDKJREJDK的下载,安装配置环境变量总结Java特点说起 Java,大家肯定都

linux配置podman阿里云容器镜像加速器详解

《linux配置podman阿里云容器镜像加速器详解》本文指导如何配置Podman使用阿里云容器镜像加速器:登录阿里云获取专属加速地址,修改Podman配置文件并移除https://前缀,最后拉取镜像... 目录1.下载podman2.获取阿里云个人容器镜像加速器地址3.更改podman配置文件4.使用po

Android实现图片浏览功能的示例详解(附带源码)

《Android实现图片浏览功能的示例详解(附带源码)》在许多应用中,都需要展示图片并支持用户进行浏览,本文主要为大家介绍了如何通过Android实现图片浏览功能,感兴趣的小伙伴可以跟随小编一起学习一... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码

Vue3 如何通过json配置生成查询表单

《Vue3如何通过json配置生成查询表单》本文给大家介绍Vue3如何通过json配置生成查询表单,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录功能实现背景项目代码案例功能实现背景通过vue3实现后台管理项目一定含有表格功能,通常离不开表单