Angular4+NodeJs+MySQL 入門-06 接口配置

在上篇中說了怎麼調用接口，這篇就來講說，接口配置吧。

---

後端是用NodeJS來寫的，因爲寫後臺（之前用的是C#語言）的時候，大部操做都在是對數據庫表的增、刪、改、查操做，

好比：根據查詢出來的數據，而後某個字段進行 if else 操做。知足條件個人執行A操做，不知足的時間執行B操做。全部就我就把這些操做抽裏出來，封裝成相應的規則。

一個接口可能要用到好條規則，按照執行順序一次執行下去，就能夠了，執行到最後的時候，再組織成相應的數據返回回去，這樣一個接口就寫好。

我只要配置規則接口就定義好了，固然簡單的邏輯不是特別複雜的，這樣的規則是可以知足的，配置一下，接口就定義好了，前端就能調用獲得相應的數據了。

業務規則如今仍是不斷的完善當中，具體代碼在個人 github上能夠找到，裏面的 server目錄裏面。

1.登陸界面

2.打開配置界面

界面比較醜呀，通用就行，哈哈~~

3.填寫接口信息

• 接口是否啓用
• 是否須要Token驗證
• 請求方式：get、post、put仍是delete等
• 接口地址以及描述
• 參數等信息

以下圖所示：

4.配置規則信息

填寫兩條規則

• 第一是查詢SQL，這個好理解吧,total若是大於0說明用戶填寫的，用戶名及密碼是正確的，不然就不存在，很簡單的一條SQL。

select count(1) total,id,concat('xtn_',md5(username),'_',md5(password))token, username,sex,cityname,age from xtn_userinfo t where t.username = ':username' and t.password = ':password'

• 第二條規則，就是一段判斷的代碼，根據上面查詢出來的數據進行判斷操做。判斷失敗了，回返回「用戶名或密碼不正確。」

if(this.total === 0){
   return false ;
}else{
   return true;
}

• 用戶輸入錯誤時返回的信息內容以下圖所示：

對sys_session表進行刪除和插入操做

• 其實應該放到Redis裏去的，先用表吧，之後有機會再改爲Redis。

最後保存數據到系統的Cache裏去。

以上就是一個接口的配置。

---

基本上就完了。之後有時間，寫一寫經常使用的組件，移動端的，好比消息彈窗，加載，刷新(下拉更新，上拉加載下一面數據)等組件吧。有時間的話，一個組件用三個框架ReactJs,Angular以及Vue都實現一下。