>本文介紹了Mean Stack，這是一個強大的基於JavaScript的技術(shù)套件，用於構(gòu)建動態(tài)Web應(yīng)用程序。 Mean是MongoDB，Express.js，Angular.js和Node.js的首字母縮寫。 這種全棧JavaScript方法通過在整個應(yīng)用程序中使用單個語言來簡化開發(fā)，從前端用戶界面到後端服務(wù)器和數(shù)據(jù)庫。我們將演示構(gòu)建一個簡單的存儲列表應(yīng)用程序以說明核心概念。

密鑰概念：

• 全堆棧JavaScript：
均值在整個過程中利用JavaScript，簡化開發(fā)並提高一致性。
• 快速開發(fā)：堆棧的綜合性質(zhì)加速了開發(fā)過程。
• 可伸縮性：>> crud操作：
示例應(yīng)用程序演示了基本創(chuàng)建，讀取，更新和刪除（crud）操作。
• 均值組件簡介：

node.js：構(gòu)建的服務(wù)器端JavaScript運行時環(huán)境，該環(huán)境構(gòu)建在Chrome的V8 JavaScript引擎上。 它啟用了有效的，可擴展的服務(wù)器端應(yīng)用程序。

• express.js：輕巧且靈活的node.js Web應(yīng)用程序框架。它簡化了構(gòu)建Web應(yīng)用程序的功能，用於路由，中間件等。 > 一個強大的JavaScript框架，用於構(gòu)建動態(tài)，單頁應(yīng)用程序（SPA）。 它的功能包括雙向數(shù)據(jù)綁定以進行有效的UI更新。
>
• > mongodb： a nosql，面向文檔的數(shù)據(jù)庫。 它的靈活模式和類似JSON的數(shù)據(jù)存儲使其非常適合現(xiàn)代Web應(yīng)用程序。
• 構(gòu)建一個簡單的存儲庫列表應(yīng)用程序：>
>本教程使用平均樣板項目來簡化設(shè)置。 克隆存儲庫並使用
• 安裝依賴項後，請確保MongoDB在默認(rèn)端口（27017）上運行。 使用啟動該應(yīng)用程序應(yīng)在端口3000上啟動服務(wù)器。 >
>樣板為身份驗證提供了基礎(chǔ)；但是，我們將重點介紹創(chuàng)建存儲庫列表功能。

>前端開發(fā)（Angular.js）：

1. 創(chuàng)建項目結(jié)構(gòu)：在public>文件夾中，創(chuàng)建AbucketList>，controllers>，routes>，services，views和
。
2. 寄存器模塊：> 'mean.bucketList'在angular.module('mean', [...])>中添加public/init.js。
3. >路由（in bucketList.js）：public/bucketList/routes>定義用於列表和創(chuàng)建存儲桶列表項目的AngularJS路由。 >
> views（
4. >和in list.html）：create.html>創(chuàng)建用於顯示和創(chuàng)建列表項目的HTML模板。 > public/bucketList/views>控制器（
in
5. ）：>實現(xiàn)AngularJS控制器邏輯來處理用戶交互和數(shù)據(jù)獲取。 bucketList.jspublic/bucketList/controllers> service（in
）：
6. >創(chuàng)建一個服務(wù)以與後端API交互。 bucketList.js public/bucketList/services
後端開發(fā)（node.js and express.js）：

模型（

）：
1. > 為存儲庫列表項目定義蒙古架構(gòu)（標(biāo)題，描述，狀態(tài)）。 bucketlist.jsserver/models>路由（in
）：
2. define express.js路由來處理API請求（獲取列表，張貼以創(chuàng)建）。 bucketList.js> server/routes> controller（
in
3. ）：實現(xiàn)控制器邏輯以與數(shù)據(jù)庫（mongodb）進行交互。 > bucketList.js server/controllers測試和數(shù)據(jù)驗證：

實現(xiàn)前端和後端后，測試應(yīng)用程序。 您可以使用mongo shell驗證數(shù)據(jù)插入到mongodb中。

以上是平均堆棧的介紹的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！