zoukankan      html  css  js  c++  java
  • 淘淘搜索结果中image属性中有多张图片的处理

    solr引擎查询某一个 商品后的结果中,image字段中如果有多张图片路径(用逗号隔开)时,前台会不 显示图片,解决方法如下:

    package com.taotao.portal.pojo;
    
    public class Item {
        private String id;
        private String title;
        private String sell_point;
        private long price;
        private String image;
        private String category_name;
        private String item_desc;
    
        public String getId() {
            return id;
        }
    
        public void setId(String id) {
            this.id = id;
        }
    
        public String getTitle() {
            return title;
        }
    
        public void setTitle(String title) {
            this.title = title;
        }
    
        public String getSell_point() {
            return sell_point;
        }
    
        public void setSell_point(String sell_point) {
            this.sell_point = sell_point;
        }
    
        public long getPrice() {
            return price;
        }
    
        public void setPrice(long price) {
            this.price = price;
        }
    
        public String getImage() {
            return image;
        }
    
        public void setImage(String image) {
            this.image = image;
        }
    
        public String getCategory_name() {
            return category_name;
        }
    
        public void setCategory_name(String category_name) {
            this.category_name = category_name;
        }
    
        public String getItem_desc() {
            return item_desc;
        }
    
        public void setItem_desc(String item_desc) {
            this.item_desc = item_desc;
        }
        
        //为了多张图片时,前台el表达式只取一张图片
        //(前台el表达式只根据后台是否有getXXX方法来取,不会看是否真有XXX属性
        //只要后台有  getXXX方法,前台 el中写${itme.XXX}就能取到)
        public String[] getImages() {
            if (image != null) {
                String[] images = image.split(",");
                return images;
            }
            return null;
        }
    }

    对应前端 jsp 改为:

    即,把原来的 “${item.image}"  改为  “${item.images[0]}” 即只取第一张图片的路径。

    【注意,后台get方法返回值是 数组,前台 el 是可以这样写的  注意这种写法】

  • 相关阅读:
    Vue+element UI实现“回到顶部”按钮组件
    JS判断字符串长度的5个方法(区分中文和英文)
    从vue源码看Vue.set()和this.$set()
    mac下git安装与使用
    JS数组reduce()方法详解及高级技巧
    vue中router.go、router.push和router.replace的区别
    上传及更新代码到github(以及如何在vscode上提交自己的代码)
    VSCode打开多个项目文件夹的解决方法
    get请求和post请求的区别
    android 进程的优先级
  • 原文地址:https://www.cnblogs.com/libin6505/p/9798386.html
Copyright © 2011-2022 走看看