裝逼是學習的動力1-HTML5 Web應用之WebAPI

傳送門：裝逼是學習的動力2-HTML5 Web應用之HTML5+CSS

面向的對象：

之前是做winform二次開發的，對於web應用一竅不通，然後這幾天就在網上各種浪。大概瞭解了一下行情，html5 css3 javascript 貌似是必備技能，由於我只會寫一點點c#代碼，所以python java php就不考慮了，再學一種新的語言裝逼的成本太高，我們需要低成本的裝逼技能，接下來正文，大神請ctrl+w 傳送高階練級區！

我做web應用的主要目的是將資料庫的內容查詢出來，展現在web上，所以首先要將資料庫里的東西取出來！有兩種途徑可以供前端調用數據!

webservice還是webAPI

當我知道webservice可以做數據介面的時候，我就在網上浪著找一種逼格更高的方式，然而我只會C#，這個時候搜到一個叫webapi的東西，它是這麼介紹的：

1. 這是一個簡單的構建HTTP服務的新框架
2. 在.net平臺上Web API 是一個開源的、理想的、構建REST-ful 服務的技術
3. 不像WCF REST Service.它可以使用HTTP的全部特點（比如URIs、request/response頭，緩存，版本控制，多種內容格式）
4. 它也支持MVC的特征，像路由、控制器、action、filter、模型綁定、控制反轉（IOC）或依賴註入（DI），單元測試。這些可以使程式更簡單、更健壯
5. 它可以部署在應用程式和IIS上
6. 這是一個輕量級的框架，並且對限制帶寬的設備，比如智能手機等支持的很好
7. Response可以被Web API的MediaTypeFormatter轉換成Json、XML 或者任何你想轉換的格式。

既然這麼叼，沒有理由不選他，雖然一無所知，但是裝逼，就是我學習的動力阿！

動手：

1. 新建webAPI項目

   vs2012+的本版新建一個ASP.NET MVC 4 Web Application 模板里 選擇 Web API

2. 新建一個Model

   簡單model實體類，成員名字要與數據查詢出來的列名保持一致！可以參考ValueModel

3. 添加Dapper引用

   網上浪的時候好像看到了什麼orm雖然不懂什麼意思但是好像可以當作sqlhelper用
   依次展開:tools-Nuget package manager-package manager console
   PM>Install-Package Dapper
   等待一會兒就會提示你為當前項目成功添加了dapper引用

4. 獲取數據

   \Controllers目錄下麵新建一個新的controller，命名為 model名+Controller,繼承ApiController,可以複製ValueController.cs修改!
   Get方法有兩個重載，一個是帶參數的，一個是不帶參數的！預設的返回類型是IEnumerable<T>，我們修改為List<ModelName>!前端 ajax解析的時候會解析成array！

   1. 不帶參數的Get方法 ，使用Dapper的 Query<T>().ToList()返回List<T>;發佈後訪問/api/modelname即可查看返回情況
   2. 帶參數的的Get方法，可以將參數直接寫進sql參數里，據說這裡只能有一個參數，所以多個參數的使用應該傳入 json string，解析後調用，其他同無參重載一致，訪問/api/model/?para=xxx即可查看返回情況

5. 發佈

   同 webservice一樣，發佈在IIS上即可！

到這裡，數據介面就完成了！下一步就是編寫前端界面了！