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

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

相关文章

Debian系和Redhat系防火墙配置方式

《Debian系和Redhat系防火墙配置方式》文章对比了Debian系UFW和Redhat系Firewalld防火墙的安装、启用禁用、端口管理、规则查看及注意事项,强调SSH端口需开放、规则持久化,... 目录Debian系UFW防火墙1. 安装2. 启用与禁用3. 基本命令4. 注意事项5. 示例配置R

PyCharm中配置PyQt的实现步骤

《PyCharm中配置PyQt的实现步骤》PyCharm是JetBrains推出的一款强大的PythonIDE,结合PyQt可以进行pythion高效开发桌面GUI应用程序,本文就来介绍一下PyCha... 目录1. 安装China编程PyQt1.PyQt 核心组件2. 基础 PyQt 应用程序结构3. 使用 Q

Redis MCP 安装与配置指南

《RedisMCP安装与配置指南》本文将详细介绍如何安装和配置RedisMCP,包括快速启动、源码安装、Docker安装、以及相关的配置参数和环境变量设置,感兴趣的朋友一起看看吧... 目录一、Redis MCP 简介二、安www.chinasem.cn装 Redis MCP 服务2.1 快速启动(推荐)2.

Spring Boot配置和使用两个数据源的实现步骤

《SpringBoot配置和使用两个数据源的实现步骤》本文详解SpringBoot配置双数据源方法,包含配置文件设置、Bean创建、事务管理器配置及@Qualifier注解使用,强调主数据源标记、代... 目录Spring Boot配置和使用两个数据源技术背景实现步骤1. 配置数据源信息2. 创建数据源Be

Spring Boot Maven 插件如何构建可执行 JAR 的核心配置

《SpringBootMaven插件如何构建可执行JAR的核心配置》SpringBoot核心Maven插件,用于生成可执行JAR/WAR,内置服务器简化部署,支持热部署、多环境配置及依赖管理... 目录前言一、插件的核心功能与目标1.1 插件的定位1.2 插件的 Goals(目标)1.3 插件定位1.4 核

RabbitMQ消息总线方式刷新配置服务全过程

《RabbitMQ消息总线方式刷新配置服务全过程》SpringCloudBus通过消息总线与MQ实现微服务配置统一刷新,结合GitWebhooks自动触发更新,避免手动重启,提升效率与可靠性,适用于配... 目录前言介绍环境准备代码示例测试验证总结前言介绍在微服务架构中,为了更方便的向微服务实例广播消息,

nginx 负载均衡配置及如何解决重复登录问题

《nginx负载均衡配置及如何解决重复登录问题》文章详解Nginx源码安装与Docker部署,介绍四层/七层代理区别及负载均衡策略,通过ip_hash解决重复登录问题,对nginx负载均衡配置及如何... 目录一:源码安装:1.配置编译参数2.编译3.编译安装 二,四层代理和七层代理区别1.二者混合使用举例

Java JDK1.8 安装和环境配置教程详解

《JavaJDK1.8安装和环境配置教程详解》文章简要介绍了JDK1.8的安装流程,包括官网下载对应系统版本、安装时选择非系统盘路径、配置JAVA_HOME、CLASSPATH和Path环境变量,... 目录1.下载JDK2.安装JDK3.配置环境变量4.检验JDK官网下载地址:Java Downloads

Linux下进程的CPU配置与线程绑定过程

《Linux下进程的CPU配置与线程绑定过程》本文介绍Linux系统中基于进程和线程的CPU配置方法,通过taskset命令和pthread库调整亲和力,将进程/线程绑定到特定CPU核心以优化资源分配... 目录1 基于进程的CPU配置1.1 对CPU亲和力的配置1.2 绑定进程到指定CPU核上运行2 基于

Spring Boot spring-boot-maven-plugin 参数配置详解(最新推荐)

《SpringBootspring-boot-maven-plugin参数配置详解(最新推荐)》文章介绍了SpringBootMaven插件的5个核心目标(repackage、run、start... 目录一 spring-boot-maven-plugin 插件的5个Goals二 应用场景1 重新打包应用