【AngularJs + ASP.NET MVC】使用AntularJs快速建立ASP.NET MVC SPA網站

【AngularJs + ASP.NET MVC】使用AntularJs快速建立ASP.NET MVC SPA網站
這幾天接觸到了AngularJs的美麗,讓饅頭有點躍躍欲試使用AngularJs來做一個SPA(單頁式網站),沒想到使用AngularJs來製作SPA網站這麼簡單!相信你看完這次的分享,你也想動手試一試!
在Visual Studio中有一個專案範本Single Page Application,不過這個專案範本預設是使用knockout.js來建立的,所以饅頭這邊是使用Web API的專案來開始製作

...繼續閱讀 »

【jQuery小筆記】實用的Datatables套件與WebAPI搭配

在撰寫MVC中常常會使用到很多的JQuery的套件,其中又以Data Table最常使用(結合分頁、查詢與資料顯示的功能),而最近饅頭常常使用這個套件,但套件也沒有中文名稱,因此饅頭打算在此分享一下使用的方法與說明!
一開始使用前要到http://datatables.net/download/下載DataTables的JavaScript與相關的CSS檔案,並且放入專案中
將JS及CSS檔案放入專案後,我們新增一個Class讓我們接收DataTables的請求參數

...繼續閱讀 »

【IIS】饅頭筆記--使用 Put 及 Delete Method 回傳 405 Method Not Allowed

在WebAPI的快速發展大量使用 RESTful 的WEB開發服務使得Put 與 Delete的,HTTP method機會越來越多

但是最近小弟我在本機測試都正常,不過一發上正式的IIS環境就會出錯,並且傳回了 405的錯誤代碼,在網路上找到一些資料後才發現,原來在IIS服務中多安裝了一個服務“WebDAV Publishing",這一個服務將它移除後就可以正常的使用put與delete method了!

...繼續閱讀 »

【SQL Server | Asp.net MVC】使用WebAPI存取FileTable

【SQL Server | Asp.net MVC】使用WebAPI存取FileTable
首先,先說明一下本篇案例吧!這邊規劃了四個FileTable出來,分別存放Document、Photo、Video以及其他類型的檔案;在檔案上傳的時候就會將使用者上傳的檔案做分類管理避免所有資料都存放在同一個FileTable中,日後再尋找檔案造成不便的困擾而且更好管理這些檔案!
在小弟的案例中,會有四個不同的存放路徑,在這樣的情形要怎麼去處理檔案上傳的路徑呢?或許有人會想寫四個API然後針對四個不同的路徑去做處理,但是這樣子實在太複雜了,後續要維護部好處理,所以小弟這邊就用了一個方法,利用一個stored procedure(下方程式碼),只要傳入FileTable名稱就可以取得相對應的檔案存放路徑,這樣就可以不用寫四個相同功能的API,節省了不少時間!

...繼續閱讀 »

【ASP.net MVC】【WebAPI】Post的陷阱

【ASP.net MVC】【WebAPI】Post的陷阱
本篇為甚麼叫WebAPI的陷阱呢?先說明問題案例好了
小弟因為學校作業要做一個網站,為了有更好的使用者體驗,所以所有的資料傳遞都是透過Ajax以及Signalr。而問題來了,今天在做資料新增的時候,發生了一件怪事,使用Ajax所Post到API的資料都會為null,而且使用Postman傳送也都是null值
以下是小弟一開始所寫出來的WebAPI的Code

...繼續閱讀 »