3.2 配置构建Angular应用——简单的笔记存储应用

标签：zip   标签   解决   express   阅读   它的   如何   项目目录   同步   

　　本节我们会通过构建一个简单的笔记存储应用（可以载入并修改一组简单的笔记）来学习如何应用Angular的特性。这个应用用到的特性有：

1. 在JSON文件中存储笔记
2. 展示、创建、修改和删除笔记
3. 在笔记中使用Markdown格式
4. 同步编辑和预览Markdown

　　本应用已经包含了基础的HTML和CSS代码，还有一个用Node写的简单的RESTful服务器，用于管理笔记，这样我们就可以专注于Angular而不是API。我们学习的重点是如何把Angular加入其中并学习它的重要特性。

　　3.2.1 获取项目文件

　　首先，我们需要来获取一下该项目的文件，可以通过git来获取，执行如下命令：

　　　　$ git clone https://github.com/ionic-in-action/chapter3.git（克隆chapter3仓库）

　　　　$ cd chapter3（切换到chapter3目录）

　　　　$ git checkout step1（检出step1标签）

　　（如果你不想使用git，可以直接下载文件：https://github.com/ionic-in-action/chapter3/archive/step1.zip）

　　3.2.2 启动开发服务器

　　由于这个项目搭载的是RESTful服务器，需要你掌握一些NodeJS的知识。在项目server.js文件中可以看到一个简单的RESTful服务器，它是基于Express.js框架开发的，这样做的原因是你需要长期管理笔记，通过RESTful API可以让应用阅读、创建、编辑和删除列表中的笔记。服务器还可以通过HTTP请求把文件载入浏览器，ionic serve就是通过这种方式来运行你的Ionic应用的。

　　需要注意的是：

• 服务器运行在3000端口上；
• 服务器会接受请求，根据URL和HTTP方法来修改列表中的笔记；
• 服务器使用JSON文件来作为数据库（data/notes.json），你可以根据自己的情况使用其他的数据库；

　　如果服务器不能运行，则说明你缺少一些必备的node包，解决方法，在终端中进入项目目录，运行$ npm install，npm会检查依赖列表并下载依赖。

　　然后输入命令$ node server来启动服务器，如果需要终止服务器可以按Ctrl+S或者直接关闭命令窗口。

3.2 配置构建Angular应用——简单的笔记存储应用

标签：zip   标签   解决   express   阅读   它的   如何   项目目录   同步   

原文地址：http://www.cnblogs.com/jiangtengteng/p/6057094.html