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

 

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

mongoDB .Net Driver 使用 MapReduce

目前有一個需求，在 mongoDB的一個 collection，有一個屬性 created_date記錄資料建立時的日期，我希望利用這個屬性，以30天為一個單位找出每個間隔日期，在關連式資料庫會使用如下 SQL來完成需求：

SELECT CONVERT(varchar(10), DATEADD(d, (datediff(d,GETDATE(),created_date) /30)*30,GETDATE()),111)
 FROM [DATA].[dbo].[expense]
 group by CONVERT(varchar(10), DATEADD(d, (datediff(d,GETDATE(),created_date) /30)*30,GETDATE()),111)

這樣捉出來的資料如下：
2015/12/23
2015/10/24
2015/11/23

而我的專案是 ASP.Net MVC 5，所以有使用 mongoDB .Net Driver 2.2，一開始利用 LINQ寫法如下：
 var query = fRepo.GetAll().GroupBy(x =>
             DateTime.Now.AddDays(((int)(DateTime.Now.Subtract(DateTime.ParseExact(x.Date, "yyyy/MM/dd", System.Globalization.CultureInfo.InvariantCulture)).TotalDays) / Day30) * (-1 * Day30)).ToString("yyyy/MM/dd")
      
           ).Select(x => new DayPeriod { date1 =x.Key) }).OrderBy(x => x);

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

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

檔案全文檢索第一步 ：asp.net MVC with apache Solr and mongoDB demo

依據 建構全文檢索的網站 - 架構視意圖，目前簡單實作可以上傳檔案也成功把檔案內文解析出來後連同檔案一起存在 MongoDB內，Demo 如下

Fullcalendar 使用 google calendar event資訊 - javascript

 

參考文件：google calendar api - javascript範例

上面的參考文件使用 OAuth 2讀取非公開的日曆步驟如下：
1. Google Developers Console創件一個 project (如果有就省略)
2. API的部份記得要開通 calendar API 
3. 到憑證 (Credentials)至少要有一個 web application憑證
    a. Authorized JavaScript Origins記得要輸入網址如http://localhost:8000
        ，可以是 IP或是 domain name，可以多個，這是你實際 javascript讀取 API要識別的。
    b. Authorized Redirect URIs 要清空

CSS Animation - 以小米為師

參考網站
优秀网站看前端 —— 小米Note介绍页面
小米電源官網

ASP.Net MVC 5使用 bootstrap 3 typeahead和 modal實作電話查詢

試作 OAuth + Ext js 4

First flash mobile application

這一次使用最新 flash builder burrito 開發 flash 手機應用程式，只是簡單的看影片的功能
因為沒有 android 手機，所以只能在 PC上跑

參考文件
PDF  教學網址  範例網站

這是在PC 上的版本

Flex 作品3 - 儀器管理

網址：
作品Demo


為一個儀器管理系統， MSA， Measurement Systems Analysis，目的可以讓使用者管理儀器，而使用者需定期校正儀器，看其功能是否正常，所以最主要就是可以讓使用者把校正結果明確的記錄下來
開發工具為： Flex builder 3
資料庫整合： Clear Data Builder 3.1 (flash builder 4就不建議用了)
CDB 3.1說明

JAVA Application Server: Glassfish 2.1.1

在glassfish 使用的技術如下：
security :採用 jdbc realm
非同步程式更新：建立一個Queus,並使用Meassage Driven Bean
主要程式：建立一war

Flex 作品 2 - 台灣股市

http://www.youtube.com/watch?v=5Ubzb835d3o

Flex 作品 1 - 卡片系統

http://www.youtube.com/watch?v=mktAi2CyRuM