* 本篇目標

開始完善Web API + Angular.js 新增 . 修改 . 刪除功能

* 前言

這篇可以算是一點小回顧 & 練習，記得之前我們前面做查詢功能，依據介紹了DAL –> BLL –> Web API –> 前端(Angular.js)，接下來這篇也會以此順序來完善剩下的功能。

* BLL

新增三個方法，方別是新增，儲存，刪除，記得我們之前傳回給前端的都是使用ViewModel嗎，相對的，再前端可能ViewModel進行更改後，要做的事就是傳回後端去變更DB，故我們一樣用AutoMapper的方式將ViewModel轉成Entity，再進行寫入，當然，如果妳要針對ViewModel進行一些商業邏輯驗證，也可以寫在BLL層，如果資料有問題，就可以throw exception丟出例外。

* Web API

Web API RESTful特性，讓我們能透過客戶端的要求，根據命令執行要做什麼事，這些命令名稱我們依據稱為 Get(查詢) . POST(新增) .PUT(修改) . Delete(刪除)，再Web API我們不會有太多的邏輯，都會是很單純的 " 向BLL溝通 "，及錯誤例外處理

新增(POST)

修改(PUT)

刪除(Delete)

* Angular.js (Service)

記得我們NG也分成三層了嗎? 分別是 Service . Controller . View ，分層架構讓我們知道每個分層有他們屬於自己的責任，如Service層，他的責任就是 " 與Web API 溝通 " ，所以我們打開之前的customerService.js進行擴充

* Angular.js (View & Contoller)

先在原本的Grid，增加兩個按鈕，Ng-Click事件可以讓我們指向Controller所定義的function (有點像JavaScript的 onclick)

customerController.js

* 後記

原本計畫將新增.修改.刪除都寫在這篇，但發現這樣真的篇幅會太長了，所以還是決定拆成兩篇。

本篇已經完成後端的功能開發，並將前端的Grid 增加 編輯 . 刪除按鈕

但新增及編輯，會有他們的UI介面，這部份我們將下一篇來介紹。

建議文章可搭配我的程式查看，會比較清楚

本系列程式原始碼請至我的Github下載 https://github.com/kyleap

** 如內容有誤請告知，將進行修改，謝謝 **