ASP.NET MVC5网站开发添加文章（八）

在长沙网络推广精心整理的ASP.NET MVC5网站开发系列中，我们将逐步如何构建一个功能完善的网站。今天，我们将深入如何为ASP.NET MVC5网站添加文章，让你轻松掌握网站内容的更新与管理。在此过程中，我们将引入KindEditor富文本编辑器，使内容编辑更为便捷。

一、引入KindEditor富文本编辑器

你需要前往KindEditor官方网站下载版本的编辑器。下载完成后，将编辑器代码解压并复制到你的项目中的Scripts文件夹。这是一个强大的富文本编辑器，它将为你的网站内容添加提供强大的支持。

二、添加文章界面展示

三、后端处理

除了前端界面的设计，后端处理也是至关重要的。在ASP.NET MVC5中，你需要创建一个相应的控制器来处理添加文章的请求。这包括验证用户输入的数据是否合法、处理图片上传等任务。一旦完成验证和处理，你就可以将新文章保存到数据库中。

ASP.NET MVC5网站开发是一个系统的学习过程，每一步都需要我们仔细研究和实践。今天的内容主要是关于如何为网站添加文章功能，通过引入KindEditor富文本编辑器，我们可以提高用户体验和内容管理的效率。在后续的文章中，我们还将继续ASP.NET MVC5的其他功能和技巧，帮助你更好地构建你的网站。敬请期待并关注长沙网络推广的ASP.NET MVC5系列文章，让我们一起成长和进步。一、在ArticleController中添加Add方法

///

/// 视图页面

public ActionResult Add()

{

return View();

}

二、创建Article的强类型视图

在视图中，我们引入了KindEditor富文本编辑器的脚本，并创建了一个表单来添加文章。具体的代码逻辑包括选择栏目、输入文章标题、作者、来源、简介、内容和默认图片等功能。每个字段都使用了相应的HTML标签和验证消息，以确保数据的正确性和完整性。我们还提供了一个图片选择的链接按钮，用于选择并上传默认图片。表单以一个“添加”按钮结尾，用于提交数据。

三、前端表单提交与后台处理

当用户填写完表单并点击“添加”按钮后，表单数据将被提交到后台进行处理。后台接收到数据后，将进行一系列的验证和操作，如数据的有效性检查、文章的创建和保存等。具体的处理逻辑将依赖于你的业务需求和后台代码的实现。

四、效果展示

页面的展示效果将依赖于你的CSS样式和JS脚本的实现。整体页面应该呈现出清晰、简洁、易于操作的特点，让用户能够方便快捷地添加文章。页面的布局、颜色、字体等都应该与你的网站风格相一致，以提供良好的用户体验。

在数字化世界的浪潮中，我们时常需要为网站增添新的文章，与广大网友分享的资讯与洞见。那么，如何实现这一功能并优化用户体验呢？让我们一步步其中的奥秘。

来到后台管理系统，面对的是“添加文章”的入口。当点击提交按钮时，后台的`Add`方法开始执行。这个方法首先验证提交的数据是否有效。一旦验证通过，它会为文章设置一些固定值，如点击数、输入者名称、模型名称、发布日期和状态码。紧接着，通过`ArticleService.Add`方法，这篇文章被添加到数据库中。如果文章的ID成功生成并大于0，系统将会跳转到“添加成功”的页面，展示文章的详细信息。

在构建网站架构时，我们已经在DAL和BLL的base类中设置了`Add`方法，这些方法为我们提供了便捷地将内容添加到数据库的途径。通过这些方法，我们可以轻松实现文章的添加功能，虽然暂时不支持附件上传、首页图片选择以及多余附件的删除，但这只是暂时的。我们的网站——像狼蚁一样敏捷——正朝着更完善的方向进化。

接下来，让我们将视线转向“附件上传”这一功能。这是网站SEO优化的重要一环。我们的目标是实现用户能够上传附件（包括图片、文件等），这些文件会被保存到指定的上传目录，并且在数据库中有相应的记录。用户还可以浏览文件列表，并对不再使用的附件进行删除操作。

为了实现这一功能，我们在`AttachmentController`中添加了`Upload()`方法。这个方法负责将文件写入磁盘，并在数据库中保存附件的记录。在这个过程中，我们需要读取配置文件，详细操作可以参考之前分享的《.Net MVC 网站中配置文件的读写》。

通过不断的优化和改进，我们的网站将变得越来越完善，为用户提供更加流畅、丰富的体验。让我们期待更多功能的加入，共同见证网站的成长与蜕变。

文件上传功能详解

当我们谈及文件上传，不得不提的是一项重要的功能——Upload方法。此方法不仅承载着上传文件的核心功能，还涉及到一系列的配置与验证操作。让我们深入了解这一过程。

我们从系统的Web配置中获取上传配置信息。这些信息包括文件大小限制、保存路径、文件路径、文件名、扩展名、目录类型以及允许上传的文件类型。这些配置信息对于后续的文件上传和处理至关重要。

在文件上传过程中，用户首先需要通过HTTP请求发送一个文件。这个文件被称为“imgFile”，是本次上传的主要对象。如果用户没有选择文件，系统会返回一个错误信息：“请选择文件”。

一旦接收到文件，系统首先会获取文件的名称和扩展名，然后根据请求中的目录类型参数确定将文件保存到哪个目录。如果请求中没有提供目录类型参数，系统默认将文件保存到“image”目录。

接下来，系统会检查所上传的文件是否符合要求。文件大小必须在允许范围内。如果文件大小为0或者超过了系统规定的最大限制，系统会返回一个错误信息：“文件大小超过限制”。

然后，系统会验证文件的扩展名。它会检查扩展名是否允许，并与配置中允许的文件类型进行对比。如果上传的文件类型不在允许的列表中，系统也会返回一个错误信息，告知用户不允许上传此类型的文件，并提示用户只允许哪些格式的文件。

这一系列的操作确保了上传文件的合法性和安全性。只有当文件通过了所有的验证，才会被保存到指定的路径。这一过程中，系统还会将上传的文件信息记录到相应的日志中，以备后续查询和管理。

文件上传功能是一个复杂而又重要的过程，涉及到配置、验证、处理等多个环节。只有确保每个环节的准确性和安全性，才能为用户提供稳定、可靠的文件上传服务。希望这篇文章能够帮助你更好地理解文件上传的过程和原理。一、文件上传与处理

在数字化时代，文件上传功能已成为许多应用程序不可或缺的一部分。当用户需要上传附件时，我们的系统便开始了忙碌的工作。以下是文件上传与处理的流程。

我们定义了一个文件保存路径 `_fileParth`，并拼接上目录名 `_dirName` 和当前日期的年份与月份。然后，我们通过 `Server.MapPath` 方法获取服务器路径，构建完整的保存路径 `_savePath`。

接下来，我们检查上传目录是否存在。如果不存在，我们就创建一个新的目录。这时，我们为上传的文件生成一个新的文件名 `_newFileName`，该文件名为当前时间的年月日时分秒加上文件扩展名 `_fileExt`。然后，我们将新文件名添加到保存路径中。

之后，我们调用 `_postFile.SaveAs(_savePath)` 方法保存文件。我们还需要在数据库中记录文件的详细信息。这里，我们通过 `attachmentsService.Add` 方法添加了一个新的附件记录，包括文件扩展名、文件路径、拥有者、上传时间和类型等信息。

我们通过返回 JSON 格式的数据，告知用户上传成功，并提供了文件的访问链接。

二、查询附件列表

为了使用户能够方便地管理自己的附件，我们还需要提供查询附件列表的功能。这时，我们可以打开 `InterfaceAttachmentService` 接口，并添加两个方法来实现这一功能。

我们添加一个方法来获取附件的列表数据。这个方法会通过数据库查询，获取所有满足条件的附件记录，然后返回给前端展示。方法的注释清晰明了，便于开发者理解。

我们还需要添加一个方法来处理附件的删除操作。当用户需要删除某个附件时，我们可以通过这个方法在数据库中删除相应的记录，并删除服务器上的文件。这样，用户就能轻松管理自己的附件了。

查找附件列表的新视界

在Ninesky的附件服务中，有一个重要的任务——查找附件列表。想象一下你在浏览一个大型文件库，或是在浏览一个大型项目的众多附件时，快速准确地找到你需要的文件是多么重要。这就是附件列表功能所起的作用。

在这背后，有一个精心设计的代码段在运行。当我们需要查找附件列表时，只需提供几个参数：公共模型ID、所有者以及类型。这就是我们的“FindList”方法所做的事情。

这只是查找功能的一部分。有时候，我们还需要考虑特殊情况，比如是否包括ModelID为Null的附件。这就是第二个“FindList”方法所擅长的领域。除了上述参数外，它还接受一个额外的参数——“withModelIDNull”，帮助我们更灵活地处理各种查找需求。

接下来是具体的实现细节：我们在CurrentRepository的实体中进行筛选。根据提供的参数，我们会过滤出符合条件的附件。如果设置了“withModelIDNull”，则会同时考虑ModelID为空的情况。所有这些操作都返回了一个可查询的附件列表，方便后续操作。

为了满足前端的需求，特别是像KindEditor这样的文件管理需求，我们需要提供一个格式化的视图模型。在Ninesky.Web.Areas.Member.Models中，我们专门为此创建了一个视图模型，以生成符合要求的JSON格式文件列表。这样，无论是管理员还是普通用户，都能轻松地从服务器获取所需的文件列表。

简而言之，这是一个强大的工具，让你可以在大量附件中快速找到所需的文件，同时提供了一个方便的方式来获取服务器上的文件列表，满足前端的需求。这一切都在Ninesky的附件服务中轻松实现。在Ninesky.Web.Areas.Member模块中，有一个名为AttachmentManagerViewModel的模型，它代表了KindEditor文件管理中文件的视图模型。这个模型包含了关于文件的各种详细信息，让我们深入了解下这个模型。

这个模型诞生于2014年3月9日，并承载着许多重要的属性和功能。它主要包括以下几个属性：

is_dir属性是一个布尔值，表示当前路径是否是一个目录。通过它可以判断用户正在查看的是文件还是文件夹。

has_file也是一个布尔值，表示当前路径下是否有文件存在。这对于用户浏览和选择文件非常重要。

接着是filesize属性，它是一个整数，表示文件的大小。无论是图片还是文档，这个属性都能够帮助用户了解文件占用的存储空间。

然后，is_photo属性也是一个布尔值，专门用来标识文件是否是一张照片。这对于在文件管理系统中区分图片和其他类型的文件非常有用。

filetype和filename属性分别表示文件的类型和文件名。这对于用户了解文件的内容和识别不同的文件非常有帮助。

datetime属性是一个字符串，表示文件的创建或修改时间。通过这个时间信息，用户可以了解文件的状态。

方法供KindEditor的文件管理器调用

附件管理列表的实现细节引人注目。当我们思考如何在公共模型ID下管理和操作附件时，这段代码应运而生。它为我们的应用程序提供了一个强大的工具，用于处理与附件相关的操作。

当接收到一个请求时，我们的`FileManagerJson`方法被激活。它接受一个公共模型ID和目录类型作为参数。当公共模型ID为空时，意味着我们查询的是尚未与模型关联的附件列表，这些附件可能已经上传但对应的文章还未保存。而当公共模型ID不为空时，方法将返回指定模型ID及其相关的附件列表。这是一个灵活而强大的功能，确保我们能够轻松管理各种类型的附件。

接下来，我们开始构建这个附件列表。我们从服务层获取附件的列表。然后，我们遍历每个附件，构建一个包含其详细信息的`AttachmentManagerViewModel`对象。这些信息包括上传时间、文件类型、文件大小等。每个附件都被转化为一个视图模型并添加到列表中。我们将这个列表以及其他一些信息封装成一个JSON对象并返回给调用者。整个过程被精心编码和调试，确保能够流畅地运行并返回预期的结果。

我们还为图片创建缩略图的功能编写了一些代码。这个功能被放在了Common项目中，具体在Nineskymon的Picture类里。这个类提供了创建缩略图的方法，它接受一个原图地址和缩略图地址作为输入，然后根据指定的宽度和高度生成缩略图。这个方法非常实用，能够帮助我们快速生成适合在网页上显示的缩略图。

一、上传附件的新时代

随着科技的进步，上传附件已经成为我们日常生活中的一部分。无论是工作还是娱乐，我们都需要上传各种文件。今天，我将介绍一种更加便捷的方法来处理附件上传，特别是在上传文章的首页图片时。想象一下，只需点击选择按钮，就可以从已上传的文件中选择图片，并快速创建缩略图。这一切的背后，是强大的编程技术支撑。

二、创建缩略图的幕后英雄

三、整合与提升

现在让我们把各个部分整合到一起。在添加附件的视图中，我们添加了脚本，使得用户可以方便地通过浏览器上传和管理附件。对于文章的首页图片，用户可以通过点击选择按钮，从已上传的文件中选择图片。然后，系统将所选地址发送到服务器创建缩略图。如果缩略图创建成功，系统会返回缩略图的地址，并将其复制到隐藏表单中，同时更新图片的显示。这一切都在后台默默完成，为用户提供无缝的体验。

四、便捷的操作体验

使用这种方式处理附件上传和缩略图创建，不仅提高了效率，也大大提升了用户体验。无需复杂的操作，只需简单的点击和选择，就可以完成整个流程。这对于那些不熟悉技术细节的用户来说，无疑是一大福音。这种方式的灵活性也使得开发者可以轻松地对其进行扩展和定制，以适应不同的需求。

体验全新文章添加功能：细致入微的附件管理

在数字内容的海洋中，文章是我们传递信息、分享知识的重要载体。而附件作为文章的辅助元素，其管理却常常被我们忽视。今天，我要为大家介绍一个细致入微的文章添加功能，特别是其附件管理的部分。让我们一同体验这个强大的工具，深入了解其如何简化我们的工作，提高效率。

想象一下，你正在撰写一篇引人入胜的文章，同时需要上传多个附件以丰富内容。你完成了文章的撰写，点击保存，此刻后台正在进行一系列的操作。文章的点击量、作者、模型、发布日期等固定值被自动设定。接着，文章被添加到数据库，并获取一个新的文章ID。

此刻，附件的处理成为关键。系统开始查询所有相关附件，并对每一个附件进行详细检查。如果某个附件被用在文章的首页图片或正文中，它会被标记并更新其ModelID为刚刚保存的文章的ModelID。这意味着该附件与这篇文章紧密关联。

对于那些未被使用的附件，系统同样不会放过。它会智能地识别出哪些附件是多余的，然后执行删除操作。这一功能不仅帮助我们管理服务器空间，也简化了数据库的记录，使数据管理更为高效。

这个过程看似复杂，但实际上，这一切都在后台默默进行，你只需简单几步操作就能完成文章的添加。不仅如此，这个工具还支持生成缩略图，让你的文章更加生动、直观。虽然批量上传附件功能因某些技术限制暂时无法使用，但我们相信随着技术的进步，这一切都会得到完美的解决。

值得一提的是，这个强大的工具对于学习者和从业者来说都是一个巨大的帮助。结合我们之前分享的文章进行学习，你会发现更多的细节和技巧，从而更加熟练地运用这个工具，提高你的工作效率。

这个文章添加功能为我们提供了一个全新的附件管理方式，使我们在添加文章的也能轻松管理附件，让我们的工作更加高效、有序。让我们一起期待这个工具的未来更新，相信它会给我们带来更多的惊喜和便利。

结束语：这篇文章旨在为大家提供一个全新的视角，希望对你的学习和工作有所帮助。让我们一起数字世界的无限可能，创造更多的价值！

以上内容，如有任何疑问或建议，欢迎交流。让我们一起学习、一起进步！