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

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

相关文章

VScode连接远程Linux服务器环境配置图文教程

《VScode连接远程Linux服务器环境配置图文教程》:本文主要介绍如何安装和配置VSCode,包括安装步骤、环境配置(如汉化包、远程SSH连接)、语言包安装(如C/C++插件)等,文中给出了详... 目录一、安装vscode二、环境配置1.中文汉化包2.安装remote-ssh,用于远程连接2.1安装2

C#实现添加/替换/提取或删除Excel中的图片

《C#实现添加/替换/提取或删除Excel中的图片》在Excel中插入与数据相关的图片,能将关键数据或信息以更直观的方式呈现出来,使文档更加美观,下面我们来看看如何在C#中实现添加/替换/提取或删除E... 在Excandroidel中插入与数据相关的图片,能将关键数据或信息以更直观的方式呈现出来,使文档更

Redis多种内存淘汰策略及配置技巧分享

《Redis多种内存淘汰策略及配置技巧分享》本文介绍了Redis内存满时的淘汰机制,包括内存淘汰机制的概念,Redis提供的8种淘汰策略(如noeviction、volatile-lru等)及其适用场... 目录前言一、什么是 Redis 的内存淘汰机制?二、Redis 内存淘汰策略1. pythonnoe

windos server2022的配置故障转移服务的图文教程

《windosserver2022的配置故障转移服务的图文教程》本文主要介绍了windosserver2022的配置故障转移服务的图文教程,以确保服务和应用程序的连续性和可用性,文中通过图文介绍的非... 目录准备环境:步骤故障转移群集是 Windows Server 2022 中提供的一种功能,用于在多个

windos server2022里的DFS配置的实现

《windosserver2022里的DFS配置的实现》DFS是WindowsServer操作系统提供的一种功能,用于在多台服务器上集中管理共享文件夹和文件的分布式存储解决方案,本文就来介绍一下wi... 目录什么是DFS?优势:应用场景:DFS配置步骤什么是DFS?DFS指的是分布式文件系统(Distr

关于Maven中pom.xml文件配置详解

《关于Maven中pom.xml文件配置详解》pom.xml是Maven项目的核心配置文件,它描述了项目的结构、依赖关系、构建配置等信息,通过合理配置pom.xml,可以提高项目的可维护性和构建效率... 目录1. POM文件的基本结构1.1 项目基本信息2. 项目属性2.1 引用属性3. 项目依赖4. 构

C#中图片如何自适应pictureBox大小

《C#中图片如何自适应pictureBox大小》文章描述了如何在C#中实现图片自适应pictureBox大小,并展示修改前后的效果,修改步骤包括两步,作者分享了个人经验,希望对大家有所帮助... 目录C#图片自适应pictureBox大小编程修改步骤总结C#图片自适应pictureBox大小上图中“z轴

龙蜥操作系统Anolis OS-23.x安装配置图解教程(保姆级)

《龙蜥操作系统AnolisOS-23.x安装配置图解教程(保姆级)》:本文主要介绍了安装和配置AnolisOS23.2系统,包括分区、软件选择、设置root密码、网络配置、主机名设置和禁用SELinux的步骤,详细内容请阅读本文,希望能对你有所帮助... ‌AnolisOS‌是由阿里云推出的开源操作系统,旨

使用Python将长图片分割为若干张小图片

《使用Python将长图片分割为若干张小图片》这篇文章主要为大家详细介绍了如何使用Python将长图片分割为若干张小图片,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. python需求的任务2. Python代码的实现3. 代码修改的位置4. 运行结果1. Python需求

mysql-8.0.30压缩包版安装和配置MySQL环境过程

《mysql-8.0.30压缩包版安装和配置MySQL环境过程》该文章介绍了如何在Windows系统中下载、安装和配置MySQL数据库,包括下载地址、解压文件、创建和配置my.ini文件、设置环境变量... 目录压缩包安装配置下载配置环境变量下载和初始化总结压缩包安装配置下载下载地址:https://d