毕业设计（论文）-动态交互网站开发--项目图片管理系统.doc

动态交互网站开发项目图片管理系统摘要目前随痞计算机科学的发展，数据库技术在Internet中的应用越来越广泛，为广大用户提供全方位的服务和方针是网站建设的最大愿望。新的技术总是带来新的机遇，企业迫切需要充分利用网络，捕捉市场变化的机遇，积极吸取新知识并制定相应的战略，重组资源，调整自己的行动。这样才能应变灵活，不断提高竞争优势。Internet上发布信息主要是通过网站来实同的，获取信息也是要地Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下业。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视，因而开发此图片管理系统，本论文主要介绍了项目图片管理系统的整体开发流程，即：网站的需求分析、概要设计、详细设计以及网站的测试、维护与发布。以及开发过程中用到的技术（Asp.Net(C#)和SqlServer2008）。项目图片管理系统的开发更大程度的节约管理成本同时提高了管理水平。关键词：项目图片管理系统、Asp.Net、SQL Server2008前言随着计算机及通信技术的飞速发展、网络规模的扩大，现在网络的发展已呈现商业化、全民化、全球化的趋势。蓬勃发展的国内经济和世界经济全球体化的趋势越来越影响到国内中小企业的发展。目前，几乎所有的行业都在利用网络传递商业信息，进行商业活动，从宣传企业、发布广告、招聘员工以及拓展市场，网上销售等，无所不能，通过建立网站实现网上销售服务，借助网络推广企业的形象，同时通过信息反馈使网站建设者更加了解需求者的心理和需求，为了在国际市场这个大的舞台上生存，发展，壮大，国内的中小企业急需做出相应的改变。尤其是在21世纪的今天，他们需要节约成本，提高管理水平和生产效率。计算机和数码设备的普及，数字图片资源已成为我们日常生活中的一个重要部分，对于日常增多的图片资源，如何更好地存储和有效检索已成为们们面临的一个新的课题。图片文件不同于文本文件，它以二进制方式存放于电脑中，因此实现图片管理主要有以下两种方式：第一种是将图片直接放入数据库对应的表中，这种方式的优点是实现了图库合一，但这种存储方式对数据库的容量和性能要求提高；另一种方式是将图片以文件方式存放到服务器上，并将与图片相关的信息和路径人对应的数据表中，这种方式缩小了表的大小，同时提高数据库操作速度，故通常被基于B/S的系统所广泛采用。本文以第二种方式为基础，通对对一个网络电子相册示例的阐述，详细描述如何使用ASP.NET来构建网络图片管理系统。考虑到自己毕业设计课题的临近，我决定以图片管理系统来进行自己的毕业设计。结合自己在学校学习的软件开发相关的知识和所掌握的知识水平，我决定用SQL Server 2008 + ASP.NET2.0 + C# 来开发这样一款能够图片管理系统的软件。目录第一章需求分析21.1项目背景21.2具体系统分析4第二章系统内部结构42.1 ASP.Net52.2 CSS62.3 HTML62.4 SQL Server 2008 数据库62.5 IIS72.6 脚本语言9第三章系统总体设计113.1图片管理系统结构描述113.2 图片管理系统功能分析11第四章 详细设计124.1 数据库设计124.2 前台页面设计13第五章主要技术分析155.1 Default.aspx页部分代码155.2 创建专辑页面(addAblum.aspx.cs).165.3Web.config页面部分代码.20第六章网站的测试、发布与维护2161 软件测试2162 网站测试2163 网站维护2164 实施后的网站测评22总结23致谢24参考文献25第一章 需求分析1.1 总体功能需求分析随着社会的发展，在信息社会中，信息的获取、处理、交流和决策都需要高质量的计算机软件来完成。图片管理是现在互联网网站面临的一项必要任务，如何有效的实同对图片的有效管理也是一件比较重要不和复杂的工作，其涉及的内容也比较广泛。因此制作一个图片管理系统是十分重要和必要的。而基于ASP.NET的图片管理系统可以让上网的人能够在网上添加、删除照片，也便于人们搜索自己需要的图片，以此可见它的重要性可见一般。一、适用性 浏览者可通过搜索框直接搜索需求图片。能够方便的在上面下载和存储图片。二、易用性 界面色彩和风格舒适、尽量减少了搜索的繁琐，方便搜索。保证了浏览者的迅速搜索。三、可扩充性浏览者不但可以查找，删除图片，图片管理实现的关键是将图片上传到服务器，这涉及到原始图片的上传、生成原始图片的缩略图以及将与图片的信息保存到数据库等重要细节，以扩充图片的搜索量。1.2 具体系统分析一、硬件环境（一）服务器：CPU P IV/1.7G以上、内存2G以上、硬盘30G。推荐使用HP、IBM等品牌服务器。（二）工作站：CPU P IV/1.7G以上，内存512M以上，硬盘40G以上。显示器17以上。二、 软件环境（一）数据库服务器： Windows2003（二）工作站：Windows XP（三）数据库：SQL Server2008中文版三、网络环境（一）系统基于TCP/IP的网络技术和开放的网络应用平台。（二）系统采用Windows Server 2003 的应用方案。（三）客户端桌面操作系统采用 Windows XP。四、开发环境系统开发语言：C#、Asp.Net；数据库：SQL2008；五、运行环境第二章 系统内部结构2.1 ASP.NetASP.net不仅仅是 Active Server Page (ASP) 的下一个版本,而且是一种建立在通用语言上的程序构架，能被用于一台Web服务器来建立强大的Web应用程序。ASP.net提供许多比现在的Web开发模式强大的优势。一、执行效率大幅提高ASP.net是把基于通用语言的程序在服务器上运行。不像以前的ASP即时解释程序，而是将程序在服务器端首次运行时进行编译，这样的执行效果，当然比一条一条的解释强很多。二、世界级的工具支持ASP.net构架是可以用Microsoft（R）公司最新的产品 Visual S开发环境进行开发，WYSIWYG（What You See Is What You Get所见即为所得）的编辑。这些仅是ASP.net强大化软件支持的一小部分。三、强大性和适应性因为ASP.net是基于通用语言的编译运行的程序，所以它的强大性和适应性，可以使它运行在Web应用软件开发者的几乎全部的平台上。通用语言的基本库，消息机制，数据接口的处理都能无缝的整合到ASP.net的Web应用中。ASP.net同时也是language-independent语言独立化的，所以，你可以选择一种最适合你的语言来编写你的程序，或者把你的程序用很多种语言来写，现在已经支持的有C#（C+和Java的结合体），VB，Jscript。四、简单性和易学性ASP.net使运行一些很平常的任务如表单的提交客户端的身份验证、分布系统和网站配置变得非常简单。例如ASP.net页面构架允许你建立你自己的用户分界面，使其不同于常见的VB-Like界面。五、高效可管理性ASP.net使用一种字符基础的，分级的配置系统，使你服务器环境和应用程序的设置更加简单。因为配置信息都保存在简单文本中，新的设置有可能都不需要启动本地的管理员工具就可以实现。这种被称为Zero Local Administration的哲学观念使A的基于应用的开发更加具体，和快捷。一个ASP.net的应用程序在一台服务器系统的安装只需要简单的拷贝一些必须的文件，不需要系统的重新启动，一切就是这么简单。六、ASP.NET的基本对象一、ASP常用的基本对象（一）Response对象Response对象用来将信息发送给浏览器。可以利用此对象将你的脚本语言结果输出到浏览器上。（二） Request对象Request对象可以被用来访问所有从浏览器到服务器间的信息，也可以利用此对象接收用户在html主页的form中的信息。（三）Server对象Server对象提供了许多server端的应用函数。例如，可以利用此对象来控制脚本语言在超过时限前的运行时间.也可以利用此对象来创建其它对象的实例。（四）Session对象存储特定的用户会话所需的信息。用户在应用程序的页之间跳转时，存储在Session对象中的变量不会清除，而用户在应用程序中访问页面时，这些变量始终存在。（五） Application对象Application对象被用来存储一个应用中的所有用户共享的信息。例如，可以利用Application对象在你的站点的不同用户间传递信息。（六） ObjectContext对象ObjectContext对象可以被用来控制ASP的执行。这种执行过程由Microsoft Transaction Server(MTS)来进行管理。（七） Active Data对象Active Data对象(ADO)提供可以从诸如SQL Server这样的数据库系统中存储数据的手段 这种对象相当重要。2.2 CSS CSS是Cascading Style Sheets(层叠样式表)的简称。它是一种用来表现 HTML 或 XML 等文件式样的表现标准语言。1996年12月出版了CSS的第一版，包括非常基本的属性如字体、颜色、空白边。1998年5月出版了CCS的第二版，添加了高级概念如浮动，定位、对有声样式表、用户界面样式表、国际化和双向文本等等的支持。到目前年为止，第三版还未完备，CSS 3规范部分发布了，部分尚未完成，包括于多列布局的模块的等新特性。2.3 HTML HTML的英语意思是：Hypertext Marked Language，即超文本标记语言，是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作。HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作（是World Wide Web的缩写，也可简写WEB、中文叫做万维网） 的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器显示出效果。2.4 SQL Server 2008 数据库 当今组织机构面临着多项前所未有的数据技术挑战：在整个企业范围内实现数据与系统的高度分布；为内部员工、目标客户与合作伙伴提供针对相关数据的持续访问调用能力；以切实有效的信息资料武装信息工作者，促进科学决策；在不必牺牲应用程序可用性、安全性或可靠性的前提下控制成本费用水平。在过去的SQL Server 2005的基础之上，SQL Server 2008做了以下方面的增强来扩展它的安全性：一、外键管理 SQL Server 2008为加密和密钥管理提供了一个全面的解决方案。为了满足不断发展的对数据中心的信息的更强安全性的需求，公司投资给供应商来管理公司内的安全密钥。SQL Server 2008通过支持第三方密钥管理和硬件安全模块(HSM)产品为这个需求提供了很好的支持。 二、增强了审查 SQL Server 2008使你可以审查你的数据的操作，从而提高了遵从性和安全性。审查不只包括对数据修改的所有信息，还包括关于什么时候对数据进行读取的信息。SQL Server 2008具有像服审务器中加强的审查的配置和管理这样的功能，这使得公司可以满足各种规范需求。SQL Server 2008还可以定义每一个数据库的审查规范，所以查配置可以为每一个数据库作单独的制定。为指定对象作审查配置使审查的执行性能更好，配置的灵活性也更高。2.5 IIS IIS 是Internet信息服务（InternetInfomationServer）的缩写。它是一种Web服务。 IIS 5.0是WINDOWS 2000的内置组件，在安装WINDOWS 2000的过程中可以选择安装IIS 5.0组件。如果系统中当前尚未安装IIS 5.0组件，则可以通过控制面板来安装该组件。1、选择 开始-设置-控制面板命令。2、在控制面板窗口中，双击”添加或删除程序”图标。3、在”添加/删除程序”窗口中，单击”添加/删除程序WIONDOWS组件”。4 、在”WINDOWS组件向导”对话框中，选中”INTERNET信息服务(IIS)”组件，然后单击”下一步”按钮直到完成。步骤一：添加或删除程序如图2-1所示。图 2-1 添加或删除程序对话框步骤二：添加Windows组件如图2-2所示。图 2-2 Windows组件对话框步骤三：配置组件如图2-3所示。图 2-3 正在配置组件对话框步骤四：完成Windows 组件向导如图2-4所示。图 2-4 完成Windows组件向导对话框2.6 脚本语言脚本语言是介于 HTML 和 Java、C+ 和 Visual Basic 之类的编程语言之间的语言。HTML 通常用于格式化文本和链接网页.编程语言通常用于向计算机发送一系列复杂指令.脚本语言也可用来向计算机发送指令，但它们的语法和规则没有可编译的编程语言那样严格和复杂。脚本语言主要用于格式化文本和使用以编程语言编写的已编译好的组件。一、JavaScript 概述JavaScript 是一种新的描述语言，此一语言可以被箝入 HTML 的文件之中. 透过 JavaScript 可以做到回应使用者的需求事件 (如： form 的输入) 而不用任何的网路 来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server) 处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。 二、JQuery 概述JQuery的创始人是 John Resig，开始于2006年，是一个轻量级的JS库，拥有强大的选择器，出色的DOM操作，可靠的事件处理、完善的兼容性和链式操作等功能。jQuery 是一个快速，精确的 JavaScript 库，简化了对 HTML 文档的操作，动画以及事件处理，同时又是快速 Ajax 开发交互平台。jQuery 的使命是改变你编写 JavaScript 代码的方式。最新版本是JQuery-1.4.2版本。JQuery 有一下优势：（一）轻量级：jQuery非常小巧，压缩后大小不到30K（155-24）（二）强大的选择器：运行使用CSS1到CSS3所有的选择器。还包括自己的高级而复杂的选择器。（三）出色的DOM操作和封装（四）可靠的事件处理机制（五）完善的Ajax（六）不污染顶级变量：只建立一个JQuery对象（七）出色的浏览器兼容性（八）链式操作方式（九）隐式迭代（十）行为层与结构层的分离（十一）丰富的插件支持（十二）开源第三章 系统总体设计3.1 图片管理系统结构描述图片管理系统结构简介：创建专辑，为专辑添加照片，浏览专辑中的照片，修改专辑，删除专辑。3.2 图片管理系统功能分析：一、创建专辑此模块主要是为图片管理系统创建新的专辑。二、为专辑添加照片此模块主要是为图片管理系统添加照片并且可以对所添加图片进行描述。三、浏览专辑中的照片此模块主要是浏览图片管理系统中已上传的照片，并且可以修改图片所属专辑和简介。四、修改专辑此模块的功能主要是修改图片管理系统中已创建专辑中封面名称，封面图片以及对专辑的简介。五、删除专辑此模块的功能主要是删除已创建的专辑，删除专辑后专辑中已上传的图片将永久删除。第四章 详细设计4.1 数据库设计AblumID表如图4-1所示：列名数据类型长度空/非空键值/索引ablumID整型非空主键ablumName字符型50空ablumTime日期型8空logoUrl字符型50空ablumIntr字符型50非空表结构：图4-1Image表如图4-2所示：列名数据类型长度空/非空键值/索引imageID整型非空主键imageName字符型50非空imgTime日期型8非空imgUrl字符型50非空AblumID整型非空imgIntr字符型最大非空表结构：图4-24.2前台页面设计一、主页面（default.aspx） 主页面主要显示整个系统的模块及其各个页面，如图4-3所示图4-3二、为专辑添加图片（addImage.aspx） 为专辑添加图片页面主要是为系统添加图片并且对图片进行描述，如图4-4图4-4三、浏览专辑中的照片（ViewImage.aspx）浏览专辑中的照片主要是可以浏览专辑中已上传的图片，并且可以修改图片所属专辑和简介，如图4-5图4-5四、修改专辑（addAblum.aspx）修改专辑页面主要可以修改已创建专辑中封面名称，封面图片以及对专辑的简介，如图4-6图4-6第五章 网站详细设计5.1 Default.aspx页代码style type=text/css .style1 width: 100%; .style2 height: 24px; .style3 height: 218px; .style4 height: 21px; .style5 height: 21px; width: 200px; /style script language=javascript type=text/javascript/function quit()/ / window.close();/ function delete_confirm(e) if(event.srcElement.outerText = 删除) event.returnValue = confirm(删除专辑将会删除专辑下所有图片且不可恢复，您确认执行删除操作么？); document .onclick=delete_confirm;/script解释：1、 通过定义Css样式来设置图片的宽度和高度。2、通过书写 JavaScript 脚本中定义函数在客户端控制不符合条件的用户登录系统，增加了系统的安全性。如：Confirm方法主要用处是,他可以弹出一个包含确定与取消的对话方块。5.2 创建专辑页面（addAblum.aspx.cs）public partial class addAblum : System.Web.UI.Page DB db = new DB(); protected void Page_Load(object sender, EventArgs e) lblTodayDate.Text = DateTime.Now.ToString(); if (!IsPostBack) /当为 编辑专辑时，所实现的界面,保存了一下ablumId,以便以后用 if (Request.QueryStringedit = true) lblTitle.Text = 编辑专辑; btnOkAdd.Visible = false; btnSubmit.Text = 保存; DataTable dt = new DataTable(); dt = db.GetAlbumAll( ablumID = + Convert.ToInt32(Request.QueryStringablumID.ToString(); txtAblumName.Text = dt.Rows01.ToString(); lblUrl.Text = dt.Rows03.ToString(); txtAblumIntr.Text = dt.Rows04.ToString(); /创建专辑并添加图片 protected void btnOkAdd_Click(object sender, EventArgs e) string logoUrl = ; if (FileUpload1.FileName = ) logoUrl = ConfigurationManager.AppSettingsDefaultLogo; else string imgClient = FileUpload1.FileName; string imgExtendName = (imgClient.Substring(imgClient.IndexOf(.)+1).ToLower(); if (imgExtendName = jpg | imgExtendName = gif | imgExtendName = png | imgExtendName = bmp) logoUrl = logo/ + txtAblumName.Text.Trim() + logo. + imgExtendName; FileUpload1.SaveAs(Server.MapPath(logoUrl); else Page.RegisterStartupScript(err1, scriptalert(请选择jpg、gif、png、bmp的图片); return; DataTable dt = new DataTable(); dt = db.GetAlbumAll(ablumName= + txtAblumName.Text + ); if (dt.Rows.Count = 0) string temp; if (txtAblumIntr.Text = ) temp = 这家伙很懒，什么也没写.; else temp = txtAblumIntr.Text; if (db.insertAblum(txtAblumName.Text, DateTime.Now, logoUrl, temp) = 1) dt = db.GetAlbumAll(ablumName = + txtAblumName.Text + ); string ablumName = dt.Rows01.ToString(); string ablumID = dt.Rows00.ToString(); Response.Redirect(AddImage.aspx?ablumName= + ablumName + ablumID= + ablumID); protected void btnSubmit_Click(object sender, EventArgs e) /判断表中是否已存在此名称的专辑 DataTable dt = new DataTable(); string logoUrl = ; /判断是否已上传 专辑封面 if (FileUpload1.FileName = ) if (Request.QueryStringEdit = true) logoUrl = lblUrl.Text; else logoUrl = ConfigurationManager.AppSettingsDefaultLogo; else /专辑封面图片的名称 string imgClientUrl = FileUpload1.FileName; /从物理路径中只取出 图片扩展名转为小写 string imgExtendName = (imgClientUrl.Substring(imgClientUrl.LastIndexOf(.) + 1).ToLower(); if (imgExtendName = jpg | imgExtendName = gif | imgExtendName = png | imgExtendName = bmp) logoUrl = logo/ + txtAblumName.Text.Trim() + logo. + imgExtendName; FileUpload1.SaveAs(Server.MapPath(logoUrl); else Page.RegisterStartupScript(err1, scriptalert(请上传格式为jpg、gif、png、bmp的图片！)/script); return; if (Request.QueryStringedit = true) if(db.updateAblum(Convert.ToInt32(Request.QueryStringablumID.ToString(),txtAblumName.Text,logoUrl,txtAblumIntr.Text) = 1) Response.Redirect(default.aspx); else /调db类中的方法，返回一个table表，根据此表，判断专辑中是否已存在该名称 dt = db.returnTable(txtAblumName.Text); if (dt.Rows.Count = 0) /不存在此专辑名 /不存在对表插入新专辑 if (txtAblumIntr.Text = ) txtAblumIntr.Text = 这家伙很懒，什么也没写; int cnt = db.insertAblum(txtAblumName.Text, DateTime.Now,logoUrl , txtAblumIntr.Text); if (cnt 0) Page.RegisterStartupScript(err1, scriptalert(创建成功)/script); else Page.RegisterStartupScript(err1, scriptalert(专辑名称已存在！)/script); 解释：该页面主要用来添加专辑、上传图片，通过条件判断表中是否存在此前创建的专辑与其图片是否上传并且限制了上传图片的格式。5.3Web.config页面部分代码connectionStrings add name=ConnectionString connectionString=server=.;uid=sa;pwd=sa;Integrated security=true;database=imageManage/ !-add name=imageManageConnectionString connectionString=Data Source=PC-201011011055.;Initial Catalog=imageManage;User ID=sa;Password=sa providerName=System.Data.SqlClient / add name=imageManageConnectionString2 connectionString=Data Source=PC-201011011055.;Initial Catalog=imageManage;User ID=sa;Password=sa providerName=System.Data.SqlClient / add name=imageManageConnectionString3 connectionString=Data Source=PC-201011011055.;Initial Catalog=imageManage;Persist Security Info=True;User ID=sa;Password=sa providerName=System.Data.SqlClient /- /connectionStrings解释：该代码的主要功能是连接数据库。将前台页面添加的图片存储到数据库中。第六章 网站的测试、发布与维护6.1 软件测试我的开发经验尚浅，开发人员在开发过程中不可避免的会存在一些不足和缺陷，对系统进行测试是必须的。通常测试分为单元测试，集成测试，系统测试，验收测试。单元测试也称模块测试，完成对最小的软件设计单元（即模块）的验证工作。如登录测试，设备查询测试等。集成测试是将多个单元组合起来形成更大的单元，检查各个单元之间的相互接口是否正确。可以按照模块设计的划分进行模块集成测试，也可以按照使用者操作习惯进行集成测试。系统测试是对已经集成好的软件系统进行彻底的测试，以验证软件系统的正确性和性能等满足其规约所制定的要求。测试时要确认软件在规定的操作环境下正确运行，还要考虑在不正常的强度很大的环境里正常运行的能力。系统测试包括对系统的性能、安全性、可计算性、配置灵敏度、启动和恢复等方面的测试。验收测试是针对软件合同，软件设计规格书上的要求，检验是否已经满足所有需求，合同等上的明文要求。6.2 网站测试Web服务器是整个应用系统的关键因素，主要负责对客户端的请求提供应答服务，浏览器和Web服务器之间通过HTTP协议交换信息。测试需要验证系统能否在同一时间响应