>本教程演示了使用CouchDB（NOSQL數(shù)據(jù)庫）和Angular（JavaScript框架）構(gòu)建費用跟蹤應(yīng)用程序。 獨特的方面是CouchDB的HTTP API，可以在Angular Frontend和數(shù)據(jù)庫之間進行直接通信，從而消除了對單獨的后端服務(wù)器的需求。

>我們將逐步構(gòu)建一個小型應(yīng)用程序，每個步驟都以提交為代表（包括測試，盡管在此處尚未詳細介紹）。完整的代碼可在github上找到（原始代碼未提供，需要添加如果可用，則需要添加）。

密鑰概念：

>

> couchdb的http api：通過http請求直接客戶端交互簡化開發(fā)。
• > Angular's依賴注入（DI）：
管理應(yīng)用程序依賴性，改善模塊化和可檢驗性。
• 雙向數(shù)據(jù)綁定：有效地同步了角模型和視圖，確保UI與CouchDB數(shù)據(jù)一致。
>
• >客戶端和服務(wù)器端驗證：可伸縮性：教程展示了指令和數(shù)據(jù)綁定的技術(shù)，以構(gòu)建可擴展解決方案。>
• 為什么選擇couchdb？
• > >客戶端選項（例如IndexEdDB和Local Storage存在），數(shù)據(jù)庫服務(wù)器提供了優(yōu)點，尤其是對于協(xié)作應(yīng)用程序。 多個用戶可以同時訪問和更新費用列表。 CouchDB的本機HTTP支持消除了中間層，簡化了應(yīng)用程序和數(shù)據(jù)庫之間的通信。 它對復(fù)制的固有支持使分布式數(shù)據(jù)庫系統(tǒng)易于實現(xiàn)。
>先決條件：

>安裝最新的couchdb（1.6版或更高版本）和最新的穩(wěn)定node.js版本（版本0.10.x或更高版本）。

設(shè)置開發(fā)環(huán)境：

>

>

> install node.js and Tools：

使用安裝程序（在Node.js網(wǎng)站上可用）或NVM等軟件包管理器。安裝

，，和

使用npm：
1. >

   yo創(chuàng)建和腳克式Angular應(yīng)用程序：創(chuàng)建一個項目目錄，導(dǎo)航到它，然后使用Angular Generator：generator-angulargrunt-cli couchapp npm install -g yo generator-angular grunt-cli couchapp

運行開發(fā)服務(wù)器：
2. 使用Grunt啟動開發(fā)服務(wù)器：。 這應(yīng)該在您的瀏覽器中打開

   。> mkdir expenses && cd expenses && yo angular expenses

3. 4. >>安裝couchdb：按照操作系統(tǒng)的CouchDB安裝說明。 （例如，在macos上使用）。brew

   初始couchdb設(shè)置：

   1. 啟動couchdb：couchdb &

   2. 創(chuàng)建數(shù)據(jù)庫：curl -X PUT http://127.0.0.1:5984/expenses>

   3. >插入初始文檔：>使用添加示例費用條目（原始教程中提供了示例命令）。 curl

   啟用CORS：

   允許從Angular應(yīng)用程序到CouchDB的交叉原始請求，在CouchDB的配置中啟用CORS（通常）。 該教程提供

   命令以啟用CORS并將其設(shè)置為

   >（僅用于開發(fā)；為生產(chǎn)更改此內(nèi)容）。local.ini curl*>角度和依賴注入：

   > >教程演示了使用Angular的依賴項注入來管理數(shù)據(jù)庫連接設(shè)置。 創(chuàng)建一個常數(shù)以保存數(shù)據(jù)庫URL。

   > 用Angular's

   服務(wù)：appSettings

   >

   $http> >創(chuàng)建一個CouchDB視圖（

   ）來檢索費用數(shù)據(jù)。 Angular Controller使用服務(wù)來向此視圖提出請求，并使用檢索到的數(shù)據(jù)更新

   。 教程演示了使用_design/expenses/_view/byName在視圖中顯示數(shù)據(jù)。 $http$scope ng-repeat

   創(chuàng)建和處理費用提交表格：>

   添加了HTML表單，以允許用戶輸入新的費用。 指令將表單輸入結(jié)合到角范圍。 該指令調(diào)用控制器函數(shù)，使用

   將數(shù)據(jù)發(fā)送到couchdb。 樂觀的更新用于向用戶提供立即反饋。>

   添加驗證：

   ng-model>服務(wù)器端驗證使用ng-submit>在CouchDB設(shè)計文檔中實現(xiàn)。 使用Angular's$http.post和

   指令添加客戶端驗證。 如果表格無效，則使用

   檢查表格的有效性。

   validate_doc_update結(jié)論： required

   教程結(jié)束時，總結(jié)了所涵蓋的關(guān)鍵概念并建議進一步的探索主題，例如在CouchDB上托管，文檔更新，自定義指令，復(fù)制和更高級的視圖功能。 還包括一個常見問題部分，以解決有關(guān)托管，使用JavaScript/node.js/couchdb的常見問題，以及安裝/托管建議。

以上是跟蹤CouchDB和Angular的費用的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！