零基礎創建ASP.NET MVC網站

備條件1：IIS能夠成功訪問，界面如下：本機在localhost:80測試成功

必備條件2：vsnet ，本人使用vs2012,其他更高版本也行。

在新建項目對話框中：

打開 Visual C# ，可能在其他語言中
選取模板 ASP.NET MVC 3 Web 應用程序
把項目名稱設置為 MvcApplication
設置磁盤位置，比如 d:\vsnet_work\aspx_mvc
點擊確定

當新項目對話框打開時：

選擇 Internet Application 模板,
選擇 Razor 引擎
選擇 HTML5 標記
點擊確定

先修改一下：

 ViewBag.Message="歡迎使用 ASP.NET MVC! 我是探索3000";

然后點擊上方的啟動在google chrome中，一個最簡單的mvc網站就自動呈現出來。

這個最簡單的網站模板，成功運行在http://localhost:54678/中。

如果想查看下生成的網頁代碼，會看到如下內容：

AVA中將WORD轉換為HTML導入到CKEDITOR編輯器中（解決圖片問題，樣式，非常完美），ckeditor粘貼word,ckeditor3粘貼word,ckeditor4粘貼word,ckeditor5粘貼word內容，ckeditor復制word圖片，ckeditor復制粘貼word圖片，ckeditor復制word內容，ckeditor粘貼word圖片，復制word圖片粘貼到ckeditor，

前端用了VUE2,VUE3，React，HTML5，也是一個新項目，為了方便用的這些框架，實際上這個是無所謂，功能的實現和前端這些框架沒什么關系。

后端用了PHP,JSP,ASP,ASP.NET,SpringBoot，功能實現和后端用的什么開發語言無關，后端只提供一個文件上傳的接口，HTTP form協議，圖片上傳時會調這個接口。

編輯器是ckeditor5，為ckeditor編輯器增加粘貼Word圖片的功能，支持快捷鍵操作（Ctrl+V），支持多種系統：Windows,macOS,Linux,信創國產化環境，中標麒麟，銀河麒麟，統信，龍芯。

支持word粘貼，word內容粘貼,word圖文粘貼,word圖片粘貼，粘貼后圖片能夠自動上傳到服務器中，然后將圖片和內容HTML添加到編輯器中，上傳接口地址能夠自定義

用戶使用操作起來更方便一些，一般發新聞，或者發文章用的比較多，基本上每天發新聞，發文章都會用到，

這個功能確實為用戶帶來了方便。

1.1. 集成到CKEditor3.x

主要步驟如下：

1.上傳WordPaster文件夾

一般將WordPaster.cab放在WordPaster目錄下。

2.上傳CKEditor插件目錄

3.引入JS，初始化控件

注意：不要重復引入jquery，如果您的項目已經引入了jq，則不用再引入jq-1.4

如果希望添加到默認工具欄中，請修改ckeditor.js，在toolbar_Full中增加imagepaster,netpaster

為ckeditor增加插件(imagepaster,netpaster,pptpaster,pdfimport)：

注意：

1.如果接口字段名稱不是file，請配置FileFieldName。ueditor接口中使用的upfile字段

參考：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

2.如果接口返回JSON，請配置ImageMatch

參考：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

3.如果接口返回的圖片地址沒有域名，請配置ImageUrl

參考：http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936
4.如果接口有權限驗證（登陸驗證，SESSION驗證），請配置COOKIE。或取消權限驗證。
參考：http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3

常見問題：

1.為什么整合到項目中圖片無法上傳？
請先測試接口：http://www.ncmem.com/doc/view.aspx?id=61f361025c9247098f6a15c3dfc53db5

上搜到了幾個方案，一個是用VUE,一個是純JS，也就是HTML5，一個是借助于控件。這幾個方案有利有弊，我們還是需要先確認一下項目需求。如果單純的只是實現功能的話，百度上可以搜到一大堆代碼，但是有沒有用，能不能用就不能保證了。

代碼：https://gitee.com/xproer/up6-vue-cli

1.引入up6組件

2.配置接口地址

接口地址分別對應：文件初始化，文件數據上傳，文件進度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表

參考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.定義事件

在線咨詢

上一篇：HTML 全局屬性
下一篇：程序員javascript仿寫冒險島，贏程序員鼓勵師

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

零基礎創建ASP.NET MVC網站

1.1. 集成到CKEditor3.x

您的項目需求