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

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【ASP.NET MVC5网站开发添加文章（八）】，下面是详细的讲解！

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

一、添加文章
1、KindEditor富文本编辑器

到官方网站http://kindeditor.net/down.php下载最新版本，解压后把代码复制到项目的Scripts文件夹下。

2、添加界面的显示。

在ArticleController中添加Add 方法

右键添加Article的强类型视图，代码如下

效果如图

3、后台接受的处理。

在做架构的时候DAL、BLL的base类里有Add方法，我们可以直接使用ArticleService.Add方法添加到数据库

添加文章功能就实现了，但是不能上传附件，不能选择首页图片，不能删除多余的附件。下面就来实现附件功能。

二、附件上传
目标可以上传附件（图片，文件等），文件保存到上传目录中，且数据库中保存相应记录，可以浏览文件列表，未使用的附件可以删除记录。

一、添加附件

在AttachmentController添加Upload()方法，方法方法把文件写入磁盘中把附件的记录也保存到数据库中，中间会用到读取配置文件，见《.Net MVC 网站中配置文件的读写》。

二、查询附件列表

打开InterfaceAttachmentService接口，添加两个方法，都进行了注释比较容易理解，直接上代码。

AttachmentService中写现实代码

由于KindEditor文件管理需要从服务器获取json格式文件列表，在Ninesky.Web.Areas.Member.Models中单独给列表格式写个视图模型。AttachmentManagerViewModel

在AttachmentController添加返回文件列表的方法FileManagerJson。方法供KindEditor的文件管理器调用

3、为图片创建缩略图

把创建缩略图的方法写着Common项目中

在Ninesky.Common的Picture类中添加方法

在AttachmentController添加生成缩略图的action

三、整合
添加和上传附件都做好了，现在把他们整合到一起，我们就可以上传附件了。

打开Add视图，在创建KindEditor位置添加脚本

现在打开浏览器就可以上传和管理附件了

添加文章的最后一个字段是文章的默认首页图片，我希望点击选择按钮，可以在已上传中选择图片，并创建缩略图。

那么在Add视图里再弹出一个文件空间让用户选择已上传的文件，用户选择后讲选择的地址发送到服务器创建缩略图，并返回缩略图地址，然后将地址复制给隐藏表单，CommonModel_DefaultPicUrl，同事复制个<img />的src属性用来显示图片。Js代码如下：

看下效果

在保存文章的action中删除未使用的附件

完整的Add方法代码

单纯添加文章比较简单，复杂点在上传附件，浏览新添加的附件，删除文章中未使用的附件及生成缩略图上。KindEditor还支持批量上传附件，由于批量上传使用的swfupload，在提交时flash没传输cookie到服务器，无法验证用户导致上传失败，暂时无法使用批量上传，希望这篇文章可以对大家的学习有所帮助，大家可以结合小编之前发的文章进行学习，相信一定会有所收获。

关于ASP.NET MVC5网站开发添加文章（八）的用户互动如下：

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细