Repository 測試 - 使用 LocalDB - 範例程式碼 @ Github

將「Repository 測試 - 使用 LocalDB」這系列文章的範例程式碼給發佈到 Github 上面囉，完整的專案程式碼會比文章裡只有提到部分來得清楚（其實文章裡所提供的程式都已經是完整的內容），還是有很多開發者對於文字與部分程式的內容比較沒有感覺，所以有時間就把專案 Clone 一份下來看看。（還是有很多人習慣看程式，都已經把完整的專案公開了，就下載並且執行看看吧）

 

---

ASP.NET MVC 5 + jQuery EasyUI DataGrid 範例程式碼 @ Github

把 2013 年 10 月份所寫的一系列 ASP.NET MVC + jQuery EasyUI DataGrid 文章裡的範例做了整理，然後發佈在 Github Repository 上，雖然在臺灣使用 jQuery EasyUI 在系統裡的專案並不是很多，尤其是 ASP.NET MVC 的更少，但我覺得過去的這系列文章裡也有一些內容是可以借鑑的，例如多欄位排序的處理。

放到 GitHub 上的範例程式都是可以正常執行的，建議各位不要只是在 GitHub 上面瀏覽程式，而是直接將原始碼下載或 Clone一份，直接在你自己的電腦上面執行。

 

---

ASP.NET MVC DropDownList 範例 @ GitHub

這個部落格裡有關 DropDownList 的文章就寫了相當多，也因為這樣每天就可以看到有很多的流量都是來看這些相關文章，不過因為 DropDownList 的文章在每個不同的時期都有寫，有些文章會有提供比較完整的範例，而有些只有提供部分的內容，於是就乾脆把這些文章裡所提到的內容與程式都做了整理，然後把這些文章的範例程式都集中在一起然後放到 Github 上，讓大家可以方便去做瞭解。

這些範例程式有些部分是去年（2014） SkillTree 的 ASP.NET MVC 5 實戰營課程裡的範例，但不盡然全部相同，有做了部分的修改，這些大概只有佔 50% 左右，而另外則是重新部落格文章的範例程式。

 

---

圖片裁剪大頭貼功能 - ASP.NET MVC + jQuery + imgAreaSelect 程式範例 @ GitHub

應該大家都發現到了我最近都沒有新的文章發表，反倒是一直整理以往部落格文章的範例程式然後放到 GitHub 上，必須老實說，最近一個月為了工作上的新技術需求，所以都在研究、練習中，在公司裡花了很多的時間以及腦力在學習新技術，以致於下班之後就沒有多餘的力氣去寫新的技術文章，既使到了週末休假也是一樣。

所以現在能夠做的事情就是整理以前的文章範例程式，一方面做整理，另一方面也是做複習的動作，因為我並不是直接把以前寫好的程式放到 GitHub 上，而是在 VS2013 裡開新的專案，然後照著以前的文章的內容與描述並且看著就程式再重新做一次。

以這一篇來說，原本的範例程與文章是在兩年多前就已經寫好的，當時是用 VS2010 來開發的，時至今日，我連自己的開發電腦也不再安裝 VS2010 了，所以還必須先準備一台 Windows 7  虛擬機器，再安裝 VS2010，還原當初寫文章做範例的情境，雖然是按照當初的文章與程式來重新做一次，不過還是有做了一小部分的修改與調整，不要以為重新照著做會很快也很容易，實際做過幾次之後就會有種感覺，那種感覺就是我還真不知道以前我腦袋是在想什麼，怎麼有些地方的寫法會是那樣做咧？有一種想把拳頭往那個傢伙腦袋敲下去的衝動。

 

---

ASP.NET MVC 資料分頁操作 - 使用 PagedList.Mvc ＠ GitHub

資料分頁操作在系統開發裡是一定會遇到的一個基本功能，在 ASP.NET MVC 處理資料分頁操作時，因為沒有內建的預設功能，所以有些人會選擇自己實作分頁功能，不過寫得好不好就見仁見智，而大部分的開發者都會選擇直接使用第三方套件，例如 MvcPaging 或 PagedList.Mvc。

這兩個第三方套件在這個部落格裡都有為數部少的文章做介紹，不過這一年多來主要都是使用 PagedList.Mvc 來實作資料分頁的功能，在使用上不會太複雜只要抓住幾個重點就可以，這邊就把過去幾篇在說明如何使用 PagedList.Mvc 的文章範例做了整理，將範例程式檔放到 GitHub 上，讓需要的朋友可以一邊看著文章然後一邊對照程式，這樣比較容易吸收、瞭解。

放到 GitHub 上的範例程式都是可以正常執行的，建議各位不要只是在 GitHub 上面瀏覽程式，而是直接將原始碼下載一份，直接在你自己的電腦上面執行。

 

---

ASP.NET MVC 使用政府公開資料 @ GitHub

將去年一連三篇有關使用新北市政府公開資料所做的範例給放在 GitHub 上，

ASP.NET MVC 使用政府公開資料 Part.1

ASP.NET MVC 使用政府公開資料 Part.2 - 增加條件過濾

ASP.NET MVC 使用政府公開資料 Part.3 - 資料分頁 使用 PagedList 的 StaticPagedList

這個範例主要是在說明如何在 ASP.NET MVC 的網站裡使用其他服務所提供的 JSON 資料，然後將接收的資料轉換為物件，並且在頁面上以分頁的方式顯示，再加入搜尋條件以方便對資料做查詢，最後則是藉由這一個範例說明 PagedList.Mvc 的 StaticPagedList 功能。

 

---

ASP.NET MVC 匯出 Excel - 讓使用者挑選要匯出的資料欄位 @ GitHub

最近開始把一些之前在文章裡用來說明的範例做了整理，然後逐步將這些範例都放到 GitHub，其實早在之前我就已經將一些範例都到 GitHub 公開給大家瀏覽與下載，而且我所公開的範例都是可以正常執行的，這麼做的用意就是要讓大家能夠更加瞭解文章裡的程式、截圖所表示的內容，文章礙於篇幅的關係，所以只會對部分的程式加以說明，我一直都認為我在文章裡所交代的已經相當詳盡了，但總是有人反應為何照著我文章裡的程式下去做，但總是做不出最後的結果，有時候真的是我沒有交代一些不是重點的細節，但是這些細節總是會影響程式的執行，雖然這些問題在有經驗的開發者眼中是可以輕易解決，但還是有蠻多開發者光是看文章然後跟著做就已經頭昏眼花了，遇到問題後就沒有太多精神可以去研究如何解決了。

所以公開完整的原始碼就是讓大家可以直接看到我所完成的內容，並且不是片段或是無法執行的假東西，而是可以正確執行的專案，因為我最怕聽到的就是「我都有照著你文章的內容，但還是做不出來」「我所寫的程式跟你文章裡所寫的都是一樣的，為何執行還是有錯？」「架構、程式、格式都一樣，還是一樣做不出來」，有時候並不是完全照抄就能夠做出一樣的東西，總是會有一些地方、細節會影響最後的執行結果，所以當看著我的文章照著做然後遇到問題的時候，就請到 GitHub 上面看原始碼，甚至於我更建議大家去下載完整的原始碼，兩相對照之下就可以知道你所做的到底是遺漏了什麼關鍵或是疏忽了什麼內容。

 

---

ASP.NET MVC - 下拉選單的日期選擇器 @ GitHub

之前發了一連串的系列文章，雖然不是多麼厲害或是精要的內容，我還是希望大家能夠藉由這些文章來瞭解如何使用 Editor Templates 以及 Data Annotation 的應用，讓初學者或是不瞭解而亂做的人可以擺脫過往所慣用的拼裝做法，雖然如此，但是在部落格文章的瀏覽數量來看，我相當不解為何頭尾兩篇的瀏覽次數會那麼地多，而中間真正重點的 Editor Templates 的瀏覽次數卻是與頭尾兩篇不成比例的低呀，不知道是不是大家都已經知道做法，還是大家根本不想知道，因為第七篇「Validation」的內容要是沒有三四五篇的基礎也是做不出東西呀，讓我對大家瀏覽文章的行為實在是完全搞不懂呀。

我已經將這系列文章裡所使用的範例程式碼放到 GitHub 上面了，想要瞭解的朋友可以到 GitHub Repository 去瀏覽原始碼或是下載程式。

 

---

ASP.NET MVC Excel 匯入與匯出 - 簡單做 @ GitHub

將前三篇有關「ASP.NET MVC Excel 匯入與匯出 - 簡單做」的範例程式碼給放到 GitHub 上面，有興趣的朋友可以直接上去看或是下載完整程式碼。

另外說明如果把範例程式的網站給發佈到 Windows Server 時，一些需要注意的地方。

---

ASP.NET MVC 5 with CheckboxList 應用範例

前一陣子完成了「ASP.NET MVC - CheckBoxList 與 ValidationMessage (ASP.NET MVC 5 with Bootstrap3)」與「ASP.NET MVC - CheckBoxList 與 ValidationMessage (ASP.NET MVC 4 without Bootstrap)」這兩篇有關於 CheckBoxList 與 ASP.NET MVC ValidationMessage 的應用，但這兩篇文章與之前有關 CheckBoxList 的文章都只有展示 CheckBoxList 的功能，並沒有實際針對在資料的 CRUD（Create, Read, Update, Delete）操作上去怎麼使用，所以這一篇文章就來說明怎麼在資料的 CRUD 操作去使用 CheckBoxList。

 

---

範例程式 @ GitHub - ASP.NET MVC and ASP.NET WebForms with MiniProfiler and Glimpse

針對前幾天發布的幾篇文章，將文章的範例程式做整理然後放到 GitHub 上，因為有些朋友看了文章之後還是不太有感覺，不曉得是我文章的內容描述有問題還是文筆不好，所以就會有人反應看了文章之後也跟著做一遍卻發生問題，所以將範例程式放到 GitHub，這樣大家就可以直接下載然後執行。

 

---

ASP.NET MVC 建立可重複使用的縣市鄉鎮市區連動下拉選單 (Reuseable Cascade DropDownList)

這個部落格裡，光是連動下拉選單為主題的文章我就寫了好幾篇，如下：

jQuery 對下拉選單 DropDownList 的操作 - 2：連動下拉選單

jQuery 練習題：三層式連動下拉選單（無後端整合）

ASP.NET MVC 3 - 基本三層連動式下拉選單應用

jQuery 練習題：ASP.NET MVC 連動下拉選單與 jQuery UI Autocomplete ComboBox

連動下拉選單 - 使用 jQuery EasyUI ComboBox

其實連動下拉選單的功能並不難做，當頁面上需要有連動下拉選單功能時，都需要再去動手做，從頁面、Javascript 程式以及後端程式，一次兩次的需求的話是還好，不會太麻煩，但是有很多頁面都需要做連動下拉選單的時候，就會覺得很麻煩了，最常見的就是「縣市鄉鎮市區連動下拉選單」，尤其是當有一堆表單或是同一個頁面上有很多個別欄位都需要縣市與鄉鎮市區資料的時候。

所以這邊就使用 ASP.NET MVC 的 Partial View 把縣市鄉鎮市區連動下拉選單的做成可以重複使用，而且可以應付同一個頁面有多組資料都需要縣市、鄉鎮市區連動下拉選單的需求。

P.S. 此功能是顯示台灣的縣市與鄉鎮市區資料。

 

---

ASP.NET MVC 4 + jQuery EasyUI Tree and TreeGrid

在今年七月時有發了兩篇關於無限階層樹狀選單的文章：

「ASP.NET MVC + jQuery Easy UI Tree 無限階層的樹狀選單」
「ASP.NET MVC + jQuery Easy UI Tree 無限階層的樹狀選單 - 使用 JSON」

第一篇說明如何在 ASP.NET MVC 的 View 裡使用 Razor Page Helper 建立遞迴顯示樹狀節點的 Tree 清單內容，然後再套用 jQuery EasyUI Tree，讓頁面上的清單轉換為樹狀選單。

第二篇則是進階的內容，分別說明如何在前端接收 JSON 資料然後產生樹狀選單，另一個則是說明非同步載入樹狀選單節點內容的作法。

這兩篇都是在說明如何去顯示既有的階層資料然後套用 jQuery Easy UI Tree 來顯示為樹狀選單，然而階層資料的維護管理功能則是隻字未提，這也不是要賣關子或是留一手，而是這個管理功能說起來也算是有些複雜，一直推敲琢磨該用什麼方式來說明會比較好，所以一直延宕至今。

因為也不是什麼多麼稀奇古怪的實作內容，也沒有什麼好隱藏的，所以最後決定將做好的樹狀選單的階層資料維護功能提供給大家，將整個 Solution 放到 GitHub 上面，所以這一篇文章只會簡單說明如何使用 jQuery EasyUI TreeGrid 做出這樣一個階層資料維護功能，其餘的就請各位自己去 GitHub 抓檔案下來看。

 

---

ASP.NET MVC 與 ASP.NET WebForm 使用 Simple Injector 切換選擇不同 Repository 原始碼下載

將前面幾篇有關 Repository 分層以及使用 Simple Injector 的文章作為操作示範的 Solution 給做了整理，將一些程式內容做了點修改，然後為了可以讓下載的人可以開啟 Solution 後就可以執行，所以兩個 Web 專案加入了 LocalDB 的使用，姑且不論程式內容是不是寫得完整，主要是要讓大家了解其實資料存取的分層並不是只有限於 ASP.NET MVC 而已，而且同樣做好的 Repository 也是可以直接給 ASP.NET WebForm 來使用，並沒有所謂 ASP.NET MVC 與 ASP.NET WebForm 的 Repository 必須要分開寫的說法。

有關原始碼下載之後的使用與進階處理，就看文章內容的詳細說明。

---