博客
关于我
xslt实现动态加载图片
阅读量:710 次
发布时间:2019-03-21

本文共 330 字,大约阅读时间需要 1 分钟。

页面中的图片通过数据库查询,动态加载显示。具体实现步骤如下:

首先,系统从数据库中查找记录,获取dataphoto变量。然后,从记录中提取PHOTOPATH字段作为图片路径。若路径存在,则直接使用该路径加载图片。否则,系统默认加载默认图片(Resources/Images/housephotos/None.jpg)。

代码逻辑清晰,分两部分实现:

  • img标签的src属性通过XSL表示。

  • 使用xsl:choose判断PHOTOPATH是否存在:

    • 若存在:span插入数据==' PHOTOPATH'值。
    • 若不存在:张张显示默认图片路径。

    该方法工作流程明确,可靠,适用于动态图片加载场景。通过数据库查询获取图片路径,再根据结果决定图片资源,简化了硬编码操作。

    转载地址:http://qbdrz.baihongyu.com/

    你可能感兴趣的文章
    nginx启动脚本
    查看>>
    Nginx和Tomcat的区别
    查看>>
    Nginx在Windows上和Linux上(Docker启动)分别配置基本身份认证示例
    查看>>
    Nginx在Windows下载安装启动与配置前后端请求代理
    查看>>
    Nginx在开发中常用的基础命令
    查看>>
    Nginx基础知识点与使用场景梳理
    查看>>
    Nginx多域名,多证书,多服务配置,实用版
    查看>>
    nginx如何实现图片防盗链
    查看>>
    Nginx学习总结(10)——Nginx前后端分离将多个请求转发到多个Tomcat,负载均衡反向代理
    查看>>
    Nginx学习总结(11)——提高Nginx服务器的安全性,稳定性和性能的12种技巧
    查看>>
    Nginx学习总结(12)——Nginx各项配置总结
    查看>>
    Nginx学习总结(13)——Nginx 重要知识点回顾
    查看>>
    Nginx学习总结(14)——Nginx配置参数详细说明与整理
    查看>>
    Nginx学习总结(15)—— 提升 Web 应用性能的十个步骤
    查看>>
    Nginx学习总结(1)——Nginx入门简介
    查看>>
    Nginx学习总结(2)——Nginx手机版和PC电脑版网站配置
    查看>>
    Nginx学习总结(3)——Nginx配置及应用场景之高级配置
    查看>>
    Nginx学习总结(4)——负载均衡session会话保持方法
    查看>>
    Nginx学习总结(5)——Nginx基本配置备忘
    查看>>
    Nginx学习总结(6)——Nginx + https + 免费SSL证书配置指南
    查看>>