使用mean框架构建webapp！.pdfVIP

Table of Contents 1. 简介 2. 初识Angular 简介 本教程翻译自https://thinkster.io/angulartutorial/mean-stack-tutorial/ 本教程的目的是通过构建一个类似于Reddit的新闻页面，让你了解如何使用MEAN框架构建现代的Web App。在完成本教程 后，你将基本了解MEAN框架，包括如何使用Express.js，在基于Node.js的服务器上构建REST接口，并使用该接口在数据库 与AngularJS前端之间进行CRUD操作。 为什么要用MEAN框架？ “MEAN”是“MongoDB、Express.js、AngularJS和Node.js”的首字母缩写。它代表了一组内部协同性非常好的网络开发技术。 使用MEAN框架的好处之一是它能够非常快速地构建原型。Node.js可以让你在前端和后端都使用Javascript，免去你学习不 同语言的烦恼。此外，NoSQL数据库MongoDB能够在不需要担心数据迁移的情况下，快速修改数据层。当你搭建并没有明 确范式的产品时，这一点尤其重要。还有，这些技术背后都拥有许多社区支持，所以寻找问题答案或寻求专业帮助非常容 易。 预备知识 本教程假设你具备编程知识以及最基础的JavaScript知识。另外，你应对基础的网络应用概念 （包括REST和CRUD）有所了 解。在开始教程前，你还需要在电脑上安装Node.js以及MongoDB。由于在开发过程中你会安装许多Node.js包，所以你应会 使用npm。 安装MongoDB的教程可在Mongo网站上找到。本教程基于Node.js 0.10.28版以及MongoDB 2.6.1版。 Exercise 1.安装Node.js /*安装后请点击Submit*/ Exercise 2.安装MongoDB /*安装后请点击Submit*/ 完成本教程推荐 在本教程中，会有一些额外的链接来介绍概念或补充信息。 你可以把这些链接作为补充材料，它们可以帮助你加深对MEAN 框架及其组件的理解。 我们坚信亲手敲代码能够学得更好。所以我们强烈建议你亲手敲出所有的代码，而非复制粘贴。 项目概况 在开始完成任何项目前，对所要构建的项目进行必要的了解总是好事。以下是我们希望我们的用户能够做的事 ： 发布新帖子 以点赞数为序，浏览所有帖子 就某帖子进行评论 查看某帖子的评论 给帖子或评论点赞 对于MEAN框架而言，我们还需要列出其他需要用到的库 ： Mongoose.js 用来给MongoDB增加构架 Angular ui-router 用来完成客户端路由 Twitter Bootstrap 用来美化样式