Web图片教学管理系统的设计

摘 要: 本文作者主要以教师在多校区教学时,需要利用很多图片资源的实际需求出发,为了帮助教师方便管理并利用好这些图片资源,采用设计Web图片教学管理系统来解决这一问题,利用提供的图像处理函数,在上传图片的同时自动生成缩略图并添加标志水印。

关键词: 图像处理 缩略图 水a印

很多专业在教学过程中教师需要使用很多示例作品,学生在学习过程中也有很多设计作品,而这些作品都是图片的形式。以前都是零散的存放这些资料,没有很好地组织和分类,现在利用计算机软件技术开发管理系统对这些图片资料进行有序管理,可提高利用价值,让教师有丰富的教学资源,让学生有充分的展示平台。采用技术开发,基于B/S模式的Web图片管理系统由此而生。

一、开发环境

很多学校都有多校区,并且相距很远,上课使用的图片资料需要在校区之间频繁地拷贝,这样不但操作繁琐,而且丢失数据的危险很大,不能保证资料的安全。为此利用计算机软件技术开发管理系统进行管理,采用B/S结构的系统可以不受地区的限制,使用浏览器就能使用系统,方便系统的部署和使用。所以采用微软的.NET架构,平台开发。是建立在微软新一代.Net平台架构上,利用普通语言运行时(Common Language Runtime)在服务器后端为用户提供建立强大的企业级Web应用服务的编程框架。

二、功能需求

Web图片管理系统应能实现以下主要功能,图片上传到服务器并按照图片类别储存在数据中,可以按照图片的类别、名称、上传时间、内容、关键字等对图片进行添加、查询、修改、删除,还包括图片的检索与浏览等功能。

为保证系统的高效、科学、合理,系统应实现以下目标。

(1)系统能够稳定可靠运行,具有良好的可维护性、可扩展性、可移植性。在数据组织、系统功能、系统结构上保留足够的扩充余地,便于今后的扩充。

(2)系统能简化管理和提高效率,能够提供流畅的数据信息处理、快速方便的信息查询。

(3)系统具有良好的安全、版权保护性能。

三、系统的开发与实现

1.功能模块的设计

该系统的主要功能模块包括:用户管理、图片数据管理、图片类别管理、图片数据检索等模块。用户管理模块实现用户信息的注册、修改、注销等操作;图片类别管理模块实现图片数据的类别添加、类别修改、类别删除等操作;图片数据管理模块实现上传图片并生成缩略图和加水印、编辑图片、删除图片等操作,以及将与图片相关的信息保存到数据库等重要细节;图片数据检索模块实现按关键字检索,本模块提供按图片名称、关键字、类别、内容等作为关键字的图片查询,对检索结果采用列表和缩略图两种方式显示。系统功能模块如图1。

图1 系统功能模块图

2.程序设计

下面将对上传图片和加水印模块设计进行介绍。为了服务器的安全,对上传图片的类型进行限制,系统设定只能上传.BMP、.JPG、.PNG等允许的类型,这样避免了上传病毒脚本带来的危害;上传的图片都比较大,为了提高浏览速度,同时生成缩略图,并且给原图片加上水印,保护资料的版权。

缩略图的生成:利用提供的Drawing.Graphics图像处理函数,配合网站对上传图片的基本要求,在上传图片的同时自动生成缩略图,并给图片添加标志水印。首先判断上传文件格式是否是允许处理的图片格式,如果不是,就拒绝上传;如果是允许的图片格式,那将使用自定义函数来对图片进行处理后上传到指定目录。为确保文件名的惟一性,文件上传时以上传时间为名字对文件重新命名。要生成缩略图首先要用Drawing.Graphics函数新创建一个指定大小的空白画板,然后使用DrawImage函数将原图绘制到新图形上,再通过Save函数保存到指定目录。而给原图添加水印,则是使用Graphics.DrawString函数将水印文字写到原图指定位置,再通过Image.Save函数保存到指定目录。

生成缩略图函数。参数说明:original Image Path源图路径(物理路径),thumbnail Path缩略图路径(物理路径)缩略图宽度height缩略图高度,Content Type缩略格式,mode生成缩略图的方式。

public void MakeThumbnailImage(string originalImagePath,string thumbnailPath,int width,int height,string ContentType,string mode)

{......

//新建一个bmp图片

System.Drawing.Image bitmap=new System.Drawing.Bitmap(towidth,toheight);

//新建一个画板

System.Drawing.Graphics g=System.Drawing.Graphics.FromImage(bitmap);

//设置高质量插值法

g.InterpolationMode=System.Drawing.Drawing2D.InterpolationMode.High;

//设置高质量,低速度呈现平滑程度

g.SmoothingMode=System.Drawing.Drawing2D.Smoothing Mode.HighQuality;

//清空画布并以透明背景色填充

g.Clear(System.Drawing.Color.Transparent);

//在指定位置并且按指定大小绘制原图片的指定部分

g.DrawImage(originalImage,new System.Drawing.Rectangle(0,0,towidth,toheight),new System.Drawing.Rectangle(x,y,ow,oh),System.Drawing.GraphicsUnit.Pixel);

bitmap.Save(thumbnailPath,GetImageType(ContentType));

...... }

//图片加水印函数。参数说明:str水印字符串,filePath原图片位置,savePath水印加入后的位置。

public static string CreateBackImage(System.Web.UI.Page pageCurrent,string str,string filePath,string savePath,int x,int y)

{ System.Drawing.Image img=System.Drawing.Image.FromFile(pageCurrent.MapPath(filePath));

//创建图片

System.Drawing.Graphics graphics=System.Drawing.Graphics.FromImage(img);

//指定要绘制的面积

graphics.DrawImage(img,0,0,img.Width,img.Height);

//定义字段和画笔

System.Drawing.Font font=new System.Drawing.Font(“黑体”,16);

System.Drawing.Brush brush=new System.Drawing.SolidBrush(System.Drawing.Color.Yellow);

graphics.DrawString(str,font,brush,x,y);

//保存并输出图片

img.Save(pageCurrent.MapPath(savePath),System.Drawing.Imaging.ImageFormat.Jpeg);

return savePath;}

由于网络技术的发展,基于传统的文件整理、保存、使用方式的局限性和不足逐渐显现出来。于是,基于B/S结构的图片管理信息系统逐渐呈现出更大的优势和生命力,B/S结构的图片管理信息系统是建立在技术上的,这样大大简化了开发进程和程序设计难度,同时B/S结构使得用户不需要额外安装客户端就能灵活的使用系统,顺利地将资料管理过程和计算机技术有机地结合起来,使得管理流程更加清晰,管理更加简洁、灵活,是资料管理信息化不可缺少的一个重要组成部分。教师可以在任何地方包括家里进行课件资料的整理,在不同地域通过网络使用,消除了不同地方都要拷贝资料的繁琐事情,而且给教师提供了一个丰富的网络教学资料库,为学校重点学科建设提供了教学建设成果展示。

参考文献:

[1]胡海璐.网络系统开发(版)北京:电子工业出版社.

[2]杨得国,门维江.大学公共计算机资源共享平台的构想[J].教育信息化,2006,(10).

[3]战仁军,张明书.图像文件在数据库中的存取[J].西安工程科技学院学报,2003,17(4).

本文为全文原貌 未安装PDF浏览器用户请先下载安装 原版全文