使用 asp.net core實作一個類 google blog的網站

 

之前有分享過 試作 CKEditor 圖片選擇器 ( image upload )，利用 ckeditor和客制 image picker
來達成圖片選取，但是圖片的處理、儲存還沒實作完成，最近剛好寫完預算系統，所以利用空檔來繼續完成這個部份，完成工作內容如下：

試作 CKEditor 圖片選擇器 ( image upload )

之前的文章有分享過用 MongoDB 和 Asp.Net MVC 寫一個別人分享的 blog程式，裡面有用到 CKEditor (ASP.Net版)，因為需要上傳文件，所以也要用 CKFinder，但是我想要的是 google blogspot的方式，點選圖片按鈕時可以出現一個 dialog，可以上傳後再選擇或是從雲端選擇圖片，最重要的是要有多選，但基本的元件好像無法達到多選，所以想自己找出一個方法可以達成的。目前在多選的部份已經達到這樣的需求，作法如下

MongoDB 和 Asp.Net MVC

A MONGODB TUTORIAL USING C# AND ASP.NET MVC 使用 ASP.NET MVC 3和 MONGODB實作了一個 BLOG網站，大家可以試試看，我自己還在消化，有幾點可以和大家分享

我使用是 APS.NET MVC 4 和 MONGODB C# DRIVER 1.8.1.20和一個 MONGODB 是放在 SERVER上，所以使用宓碼連結

連結 MONGO的寫法要改成如下

var client = new MongoClient("mongodb://userName:passWord@ipaddress/dbName");
var server = client.GetServer();
var db = server.GetDatabase("dbName");

可以成功執行後，我想要讓 CKEDITOR 可以上傳圖片，就 ASP.NET MVC來說，還是要使用 CK FINDER FOR ASP.NET的版本

可以在 CKEDITOR 的 config.js 內加上
config.filebrowserImageBrowseUrl = '/Scripts/ckfinder/ckfinder.html?type=Images';
config.filebrowserUploadUrl= '/Scripts/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl= '/UploadImage/Upload';  //controller/actionName

在 CKFINDER的 config.ascx

public override bool CheckAuthentication() 依權限 return true;

public override void SetConfig()
我的 CKFINDER是放在 Scripts的目錄，所以 BaseUrl = "~/Scripts/ckfinder/userfiles/";


客制的 UPLOAD CONTROLLER

public ActionResult Upload(HttpPostedFileBase upload, string CKEditorFuncNum, string CKEditor, string langCode)
    {
        string url; // url to return
        string message; // message to display (optional)
        //CODE FOR SAVE IMAGE HERE
        url =  "/" + path + "/" + filename;
      string output = @"";

            return Content(output);
        }

參數有三個CKEditor=editor1&CKEditorFuncNum=1&langCode=en

CK Finder for asp.net V2.3.1 download


參考網址
A MONGODB TUTORIAL USING C# AND ASP.NET MVC

CSharp Driver Tutorial

Authenticate to MongoDB with the C# Driver

Integration of CkFinder with Ckeditor failed in my Asp.net mvc3.How can i successfully integrate it?

Integrating CKEditor with a Custom File Browser

Splitting DateTime - Unit Testing ASP.NET MVC Custom Model Binders

ASP.NET MVC Model Binding and Data Annotation

MongoDB实战开发

PHP實作 Ckeditor+Ckfinder檔案上傳 動態指定儲存位置

其它..

在 Global.asax.cs 的 protected void Application_Start() 加上

 ModelBinders.Binders.Add(typeof(ObjectId), new ObjectIdBinder());  //自動產生 mongoID

monogo基本指令

show dbs

show collections

use --dbName  

db.--collectionsName.find()

mogodb C# driver 請直接用 negut就可以找的到