基于ASP.NET的Web应用开发技术实用教程[方玉燕][电子教案]项目4 信息处理

1、项目4 信息处理, 掌握.NET中文件系统的管理； 掌握ASP.NET文件上传与显示的基本原理； 掌握ASP.NET中图片的存储方式与图片的处理方法； 掌握ASP.NET文本信息处理方式； 了解第三方组件在ASP.NET中的应用。,知识目标:,技能目标:, 能根据网站项目情况实现文件的上传与下载功能； 能选择合理的方法存储网站中的图片数据； 能选择合适的方式实现在线文本编辑功能。,项目4 信息处理,本项目计划总学时 8学时 （1）情境介绍 1学时 （2）任务1 2学时 （3）任务2 2学时 （4）任务3 3学时,项目4 信息处理,情境介绍,教师项目演示 15分钟,任务1 文件的上传与下载,为完

2、成本任务，要完成以下几个方面的工作： 1学习.NET常用的文件系统管理类； 2实现单文件上传； 3实现批量文件上传； 4实现文件下载功能。,实战演练 15分钟,任务1-1单文件上传,大多数Web应用程序都允许用户上传文件，并在一定权限范围内允许用户创建、修改和保存文件。.NET平台提供了管理驱动器、目录和文件的类。,任务1-1单文件上传,任务1-1单文件上传,文件路径访问管理Path类 通过Path路径访问管理类，用户可以访问存储在树状结构中的文件和目录路径的每个段，包括驱动器盘符、目录名、文件名、文件扩展名及路径分隔符。Path类是静态共享类，使用时不需要经过实例化。,任务1-1单文件上传,

3、文件路径访问管理Path类 其常用属性和方法如下： GetDirectoryName()方法：返回指定路径字符串的目录信息，包括驱动盘符和文件名的路径。“C:mydirmyfile.ext”返回“C:mydir”。 GetExtension()方法：返回某个指定文件的路径中文件的扩展名。 GetFileName()方法：返回指定路径字符串的文件名和扩展名，由path中最后的目录字符后的字符组成。 GetFullPath()方法：返回指定路径字符串的绝对路径，如“C:MyFile.txt”；,任务1-1单文件上传,使用File和FileInfo类访问文件 File类提供用于创建、复制、删除、移动

4、和打开文件的静态方法；FileInfo类提供用于创建、复制、删除、移动和打开文件的实例方法。二者都协助创建FileStream。 由于所有的File方法都是静态的，所以如果只想执行一个操作，那么使用File方法的效率比使用相应的FileInfo实例方法更高。,任务1-1单文件上传,使用File和FileInfo类访问文件 Copy()方法：将现有文件复制到新文件； Create()方法：在指定路径中创建文件； Delete()方法：删除指定的文件，如果指定的文件不存在，不引发异常； Exists()方法：确定指定的文件是否存在； Move()方法：将指定文件移到新位置，并提供指定新文件名的选项

5、； Open()方法：打开指定路径上的FileStream，如 FileStream fs=File.Open (path,FileMode. Open, FileAccess.Write)； Replace()方法：用另外一个文件替换或改写某个文件。,任务1-1单文件上传,FileInfo类常用属性和方法如下： Directory属性：获取包含文件的目录实例； DirectoryName属性：获取表示目录完整路径的字符串； Exists属性：获取指示文件是否存在的值； Extension属性：获取表示文件扩展名部分的字符串； FullName属性：获取目录或文件的完整目录； Length属性

6、：获取当前文件的大小（字节）； Name属性：获取文件名； Create()方法：创建文件； Delete()方法：永久删除文件； Open()方法：用各种读/写访问权限和共享特权打开文件。,任务1-1单文件上传,使用Directory和DirectoryInfo类访问目录 DirectoryInfo类常用属性和方法如下： Exists属性：获取指示目录是否存在的值； Extension属性：获取表示文件扩展名部分的字符串； FullName属性：获取目录或文件的完整目录； Name属性：获取此DirectoryInfo实例的名称； Parent属性：获取指定子目录的父目录； Root属性：获

7、取路径的根部分； CreateSubdirectory()方法：在指定路径中创建子目录； Delete()方法：从路径中删除目录及其内容； GetDirectories()方法：返回当前目录的子目录； GetFiles()方法：返回当前目录的文件列表。,任务1-1单文件上传,使用Directory和DirectoryInfo类访问目录 提供了Directory和DirectoryInfo两个类供用户操作目录，提供创建、移动和枚举目录和子目录的静态方法。 Directory类供创建、移动和枚举目录和子目录的静态方法；DirectoryInfo类提供创建、移动和枚举目录和子目录的实例方法。,任务1

8、-1单文件上传,使用Directory和DirectoryInfo类访问目录 提供了Directory和DirectoryInfo两个类供用户操作目录，提供创建、移动和枚举目录和子目录的静态方法。 Directory类供创建、移动和枚举目录和子目录的静态方法；DirectoryInfo类提供创建、移动和枚举目录和子目录的实例方法。,课外练习：添加文件目录 时间：15分钟,任务1-1单文件上传,实战演练 15分钟,任务1-2 多文件的上传,HttpContext类封装了有关HTTP请求的所有HTTP特定的信息，也叫上下文信息。该类对Request、Respose、Server等都进行了封装，并保

9、证在整个请求周期内都可以随时随地地调用。其常用属性如下： Cache属性：获取当前应用程序域的Cache对象； Current属性：为当前HTTP请求获取或设置HttpContext对象； Request属性：为当前HTTP请求获取HttpRequest对象； Response属性：为当前HTTP请求获取HttpResponse对象； Server属性：获取提供用于处理Web请求方法的HttpServerUtility对象； Session属性：为当前HTTP请求获取HttpSessionState对象。,任务1-2 多文件的上传,实战演练 20分钟,任务1-3 文件下载,字符集与编码 字符（

10、Character）是各种文字和符号的总称，常见的字符集有：ASCII、GB 2312、Unicode、ISO-8859、UTF等。 Unicode的实现方式称为Unicode转换格式（Unicode Translation Format，简称为UTF）。 UTF-8：8 bit变长编码，对于大多数常用字符集（ASCII中0127字符），它只使用单字节，而对其他常用字符（特别是朝鲜和汉语会意文字），它使用3字节； UTF-16：16 bit编码，是变长码，大致相当于20位编码，值在0到010FFFF之间，基本上就是Unicode编码的实现； UTF-32：32 bit编码，仅使用了Unicod

11、e范围（0到010FFFF）的32位编码。,任务1-3 文件下载,Encoding类 Encoding类主要用于在不同的编码和Unicode之间进行转换，属于System.Text命名空间。其常见属性和方法如下： Unicode属性：获取UTF-16格式的编码； UTF32属性：获取UTF-32格式的编码； UTF8属性：获取UTF-8格式的编码； ASCII属性：获取ASCII（7位）字符集的编码； GetEncodings()方法：返回包含所有编码的EncodingInfo类型的数组，可以通过EncodingInfo类的CodePage属性和Name属性查看编码的代码页标识符和名称。,任务

12、1-3 文件下载,课外练习：编写文件管理类 时间：15分钟,任务1-3 文件下载,任务2 图片文件的上传与显示,为完成本任务，要完成以下几个方面的工作： 1掌握ASP.NET中常见的两种图片文件的存储方式； 2掌握图片的基本处理方式； 3掌握图片在网页的显示方法。,实战演练 30分钟,任务2-1 图片的上传处理,在图片处理中图片的缩放和剪裁是常见的两种处理方式。主要使用Graphics. DrawImage（Image image,Rectangle destRect,Rectangle srcRect,GraphicsUnit srcUnit）方法来实现。 缩放的原理是把整个原始图都往目标区

13、域里塞，剪裁只是把原始区域上等宽等高的那个区域塞到目标区域里。 决定图片缩放时的质量与缩放图像时使用的算法有关，可以通过设置Graphics. InterpolationMode属性值来完成，该属性值是System.Drawing.Drawing2D命名空间的InterpolationMode枚举值。,任务2-1 图片的上传处理,课内练习：实现图片的剪裁 时间：15分钟,任务2-1 图片的上传处理,实战演练 30分钟,任务2-2 图片的显示,Web程序通常情况是把图片存放在文件夹，同时把与图片相关的信息存放在数据库。这种方式显示比较方便 数据方式存放的图片要在Web页面中显示则比较麻烦，一般采

14、用把二进制图片数据通过Response.BinaryWrite()方法输出到Web页面中，再设置ImageUrl指向显示图片的Web页面，代码如下： /,任务2-2 图片的显示,任务3文字处理与第三方控件的使用,为完成本任务，要完成以下几个方面的工作： 1掌握简易文本编辑器开发原理； 2了解目前常见的第三方控件的使用方式； 3掌握目前常见的两个图文编辑器FreeTextBox和CuteEditor的使用。,实战演练 20分钟,任务3-1 实现简易文本编辑器,ASP.NET所提供的文本控件在上传文本信息时，不能实现分段、空行等功能。在实际的应用中，采取的是曲线的方式，把标记通过属性设置成为可编辑

15、状态，通过在文本中插入HTML的格式标记来实现。 由于简易文本编辑器中上传的文本信息包含标记的内容，在客户端中会检测到有潜在危险的Request.Form值，因此需要设置如下Page指令： ,任务3-1 实现简易文本编辑器,实战演练 20分钟,任务3-2 FreeTextBox上传组件的应用,要使用FreeTextBox控件一般先把控件添加添加到工具栏，直接把控件拖拽到Web窗体中，在 HTML代码页页头会自动添加指令和引入控件标签。 由于FreeTextBox控件实现时客户端中会检测到有潜在危险的Request.Form值，需要设置Page指令为： ,任务3-2 FreeTextBox上传组

16、件的应用,FreeTextBox控件最常用的属性设置是toolbarlayout，该属性主要设置编辑框上方的可用功能按钮，可根据需要选择toolbarlayout的属性值。Toolbarlayout完整的属性值为： Toolbarlayout=ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu, FontForeColorPicker,FontBackColorsMenu,FontBackColorPicker; |Bold,Italic,Underline,Strikethrough,Superscript,Subscri

17、pt,RemoveFormat; |JustifyLeft,JustifyRight,JustifyCenter,JustifyFull;BulletedList,NumberedList,Indent,Outdent; |CreateLink,Unlink,InsertImage; |Cut,Copy,Paste,Delete;Undo,Redo,Print,Save; |SymbolsMenu,StylesMenu,InsertHtmlMenu; |InsertRule,InsertDate,InsertTime; |InsertTable,EditTable;InsertTableRow

18、After,InsertTableRowBefore,DeleteTableRow; InsertTableColumnAfter,InsertTableColumnBefore,DeleteTableColumn; |InsertForm,InsertTextBox,InsertTextArea,InsertRadioButton,InsertCheckBox,InsertDropDownList,InsertButton; |InsertDiv,EditStyle,InsertImageFromGallery,Preview,SelectAll,WordClean,NetSpell。,任务

19、3-2 FreeTextBox上传组件的应用,如果在FreeTextBox控件的工具栏上添加ImageGallery按钮，FreeTextBox控件也会支持图片上传。图片上传是通过ImageGallery组件实现的，这个控件应放在同一个目录的另一个文件中在如ImageGallery.aspx。在FreeTextBox控件中设置ImageGalleryPath和ImageGalleryUrl属性的设置格式如下： ImageGalleryPath = /image/upload ImageGalleryUrl = ImageGallery.aspx?rif=0&cif=0,任务3-2 FreeTe

20、xtBox上传组件的应用,ImageGallery组件常用格式为： FreeTextBox控件上传组件包含FreeTextBoxControls、FreeTextBoxControls.Design和FreeText BoxControls.Common三个命名空间。,任务3-2 FreeTextBox上传组件的应用,课内练习：FreeTextBox上传组件使用练习 时间：15分钟,任务3-2 FreeTextBox上传组件的应用,实战演练 20分钟,任务3-3CuteEditor组件实现数据与文件同步上传,CuteEditor是一款功能非常强大，支持图片上传、文件下载和Word类似的文字编辑器。对于新闻发布系统和博客之类的系统，是非常方便的。在下载文件包的Bin文件夹中包含以下四个文件： 主文件CuteEditor.dll； 增加的EditorImage功能文件CuteEditor.ImageEditor.dll； 解密文件CuteEditor.lic； 拼写检查功能文件NetSpell.SpellChecker.dll。 CuteSoft_Client文件夹包含CuteEditor文