图片分页显示.docx

图片分页显示.docx

《图片分页显示.docx》由会员分享，可在线阅读，更多相关《图片分页显示.docx（13页珍藏版）》请在冰豆网上搜索。

图片分页显示

实现：

从数据库读取image类型的数据，在页面上显示有序列关系的图片，并完成分页显示。

涉及：

vs2010sql2008mvc3ef4dwz

数据结构：

脚本：

SQLQueryTypeImage.sql

用mvc3ef4搭建好平台。

新建项目：

开始EF。

在项目上右键：

点击确定，报参数错误。

设置高级选项：

生成成功：

整合dwz。

搭建好了。

现在可以开始图片的问题了。

实现图片在web下的显示：

1.添加一般处理程序，用于图片的输出：

导入空间：

usingMvcApplicationShowImageList.Models;（数据上下文）

publicvoidProcessRequest（HttpContextcontext）

{

stringid=context.Request.QueryString["id"];

stringn=context.Request.QueryString["no"];

if（string.IsNullOrEmpty（n））n="1";

byte[]imagebyte;

try

{

intSequence_No=Int32.Parse（n）;

//Getimagedatabyimage’ˉsID

using（testimagexppContextdb=newtestimagexppContext（））

{

imagebyte=db.Image_info

.Where（a=>a.ID==id）

.Where（a=>a.Sequence_No==Sequence_No）.Single（）.Medical_content;

}

context.Response.ContentType="image/jpg";

context.Response.BinaryWrite（imagebyte）;

}

catch（ExceptionError）

{

context.Response.Write（Error.Message）;

}

}

2.添加控制器

在此之前，EF完之后需要编译程序，不然找不到模型类。

选择对应的类：

自动生成了很多

我不需要这些页面。

重新加一个空控制器：

编写

publicActionResultIndex（）

{

stringid="xpp001";//接ó受酣筰d值μ

ViewBag.id=id;

using（testimagexppContextdb=newtestimagexppContext（））

{

varq=db.Image_info.Where（a=>a.ID==id）.ToList（）;

ViewBag.totalCount=q.Count;//总哩_页?

数簓

}

returnView（）;

}

3.在页面用img调用该程序，显示图片。

默认显示第一页no=1。

src="../showbingli.ashx?

id=@ViewData["zyh"]&&no=1"alt=""/>

2.在controller控制器对应的get方法中绑定好需要传递的值：

publicActionResultIndex（）

{

stringid="xpp001";//接ó受酣筰d值μ

ViewBag.id=id;

using（testimagexppContextdb=newtestimagexppContext（））

{

varq=db.Image_info.Where（a=>a.ID==id）.ToList（）;

ViewBag.totalCount=q.Count;//总哩_页?

数簓

}

returnView（）;

}

修改Global.asax来配置起始页。

运行下看看，图片是否正常显示。

好正常。

下面开始实现分页：

在controller里面写个FenyeModelget方法

publicActionResultFenye（stringid,stringno）

{

ViewBag.id=id;

ViewBag.currentPage=no;

returnView（）;

}

显示页面：

共@ViewData["totalCount"]页

@for（inti=1;i<（int）ViewData["totalCount"]+1;i++）

{

[

zyh=@ViewData["zyh"]&&no=@i"

target="ajax"rel="bingli"style="width:

100%;">第@i页

]

}