第一步,model中需要如下的做法

  [UIHint("Picture")]  //加上之后会默认显示上传图片的模式
public int PictrueId { get; set; } public string PictureThumbnailUrl { get; set; }//路径

第二步,控制器中

                             aaModel m=new aaModel ();
//picture
var defaultProductPicture = _pictureService.GetPictureById(x.PictrueId);
m.PictureThumbnailUrl = _pictureService.GetPictureUrl(defaultProductPicture, , true);

附加一些理解使用的代码(可省略):

 [HttpPost]
public virtual ActionResult List(GZUCarouselPicModel model, DataSourceRequest command, string key)
{ var info = _carouselPicService.GetAllGZUCarouselPics().Where(x => x.Area.Contains(key)).ToList();
var Pageinfo = new PagedList<GZUCarouselPic>(info, command.Page - , command.PageSize); //load Pageinfo var gridModel = new DataSourceResult
{
Data = Pageinfo.Select(x =>
{
var m = x.ToModel();
m.IsPublish = x.IsPublish;
m.IsPublishStr = x.IsPublish ? "是" : "否"; //picture
var defaultProductPicture = _pictureService.GetPictureById(x.PictrueId);
m.PictureThumbnailUrl = _pictureService.GetPictureUrl(defaultProductPicture, , true);
return m;
}),
Total = Pageinfo.TotalCount
}; return Json(gridModel);
}

第三步,页面中

<div class="form-group">
<div class="col-md-3">
@Html.NopLabelFor(model => model.PictrueId)
</div>
<div class="col-md-6">
@Html.NopEditorFor(model => model.PictrueId)
@Html.ValidationMessageFor(model => model.PictrueId)
</div>
</div>

第四步,Lsit中

                                       {
field: "PictureThumbnailUrl",
title: "@T("Admin.GZUCarouselPic.PictrueId")",
template: '<img src="#=PictureThumbnailUrl#" />',
width: ,
attributes: { style: "text-align:center" } }

通过id查询出图片的更多相关文章

  1. Struts2自定义标签2自定义一个按班级id查询出该班级下的学生,存放进值栈,并遍历出来。

    Struts2自定义标签的流程概念: (1)需要两个类:标签类(继承相应的tag类),基本类(继承Component).标签类专门负责从客户端取得用户输入的一些属性,这个普通的jsp自定义标签一样,取 ...

  2. sql实现通过父级id查询所有的子集

    通过sql实现传入父级id查询出所有的子集 最近刚好有个业务需要这样实现个功能,就是在点击查询列表详情的时候只会传入父级id,而详情得渲染出所有子集,那么做法有很多,可以直接通过代码递归查询去实现, ...

  3. 05Mybatis_入门程序——根据id查询用户

    这篇文章我们来做一个入门的案例: 建表: /* SQLyog v10.2 MySQL - 5.1.72-community : Database - mybatis ***************** ...

  4. MySQL GROUP_CONCAT函数使用示例:如何用一个SQL查询出一个班级各个学科第N名是谁?

    如何用一个SQL查询出一个班级各个学科第N名是谁? 首先贴出建表语句,方便大家本地测试: -- 建表语句 CREATE TABLE score ( id INT NOT NULL auto_incre ...

  5. JS 点击弹出图片/ 仿QQ商城点击左右滚动幻灯片/ 相册模块,点击弹出图片,并左右滚动幻灯片

    1, 点击弹出图片 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...

  6. T-SQL 查询出某个列总值大于X的数据

    原文: https://www.lesg.cn/netdaima/sqlservert-sql/2016-459.html 今天操作查询的时候遇见一个这样的要求: 有一张表 用户ID 购买日期 购买金 ...

  7. Linux 根据组名查询出该组内所有成员

    目前linux中没有直接根据组名查询组员的命令. 目前系统提供的查找组员和组之间的关系的方法有两种, 一种是:查找/etc/passwd和/etc/group目录,根据/etc/group目录里面的组 ...

  8. 一个学生分数表,用sql语句查询出各班级的前三名

    昨天去一家公司面试,被这道题难住了,哎,又失去一次好的机会. 回来 之后就再想这个问题 表结构及数据如下:

  9. Oracle查询出最最近一次的一条记录

    需求:从一个表中查询数据,得到的数据为最新的一条记录. -------------建立测试表 --drop table TB ),dtDate date) -------------插入测试数据 ,' ...

随机推荐

  1. 分析新建的android代码

    1).xml文件中的<?xml version="1.0" encoding="utf-8"?>是每个xml文件开仅有一个的声明xml的代码. 2) ...

  2. HRBUST 2072 树上求最大异或路径值

    一个很经典的套路 思想是 F [u,v] = F[1,u] ^ F[1,v] 这样就转化成了n个数两两异或 求最大值 可以用字典树来做 每次用当前数去树中寻求最大xor值 然后把这个数字插进去 就相当 ...

  3. java 学习汇总

    一.安装svn 插件 1.svn - http://subclipse.tigris.org/update 安装的过程中可能出错,解决方法: 导航到:The Eclipse Project Updat ...

  4. Live disk migration with libvirt blockcopy

    nova采用 libvirt blockcopy(python  API virDomainBlockRebase)来做live snapshot. Create the base image: $ ...

  5. Linux下DB2的TCP配置

    1切换到db2实例用户下(uppdb) su - uppdb 2查看db2是否开启tcp服务 db2set -all 设置tcp服务:db2set DB2COMM=TCPIP 3查看是否配置db2 t ...

  6. 在其他平台上使用 ActiveMQ

    这一章讲了使用其他编程语言来访问 ActiveMQ,其他语言基本上都有相应的协议实现,所以说实现了协议,编程语言不是障碍! 还说了 ActiveMQ 提供了 RESTFul API 和 Ajax AP ...

  7. 配置标准的 ActiveMQ 组件

    简单地说,使用 ActiveMQ 的方式是固定且直接的:启动 ActiveMQ 服务器,发送消息,接收消息.但你并未理解 ActiveMQ 背后运作的详情.在一些要求更高的场景里,需要理解并有能力自定 ...

  8. 反射+type类+Assembly+特性

    什么是元数据,什么是反射: 程序是用来处理数据的,文本和特性都是数据,而我们程序本身(类的定义和BLC中的类)这些也是数据. 有关程序及其类型的数据被称为元数据(metadata),它们保存在程序的程 ...

  9. FunnelWeb 开源Blog引擎介绍

    FunnelWeb is an open source blog engine, built by developers for developers. Instead of fancy quotes ...

  10. C# 高效过滤DataTable 中重复数据方法

    使用DataView,然后设置ToTable,设置几个字段和一个布尔值,表示这些字段作为一个整体,在这个表内不允许重复,示例代码: namespace A { class Program { stat ...