快速网页开发

首先，关于node.js的学习，我们推荐一个很好的教程，nodejs web Development Guide，轻松讲解node.js的语言特性，然后引导读者从项目的角度使用node.js学习web开发。我相信这是一个更好的学习模式和过程。本书自2012年出版以来，书中的网络教学项目之一就是开发一个微博。从2012年到现在，node.js及其生态环境发生了很大的变化，按书读书显然太老了。到目前为止，node.js的web开发框架已经升级到了Express4.12.1，MongoDB的操作更多的是基于MongoDB的对象模型，而不是之前mongoDB提供的node.js的原始API。因此，本文将基于nodejsv 0 . 1033 mongodbv 3 . 0 . 2 jade 1 . 9 . 2 mogousev 4 . 0 . 1对本书中的微博项目进行重构，这个组合也是使用node.js进行web开发的最新常用组合之一，如果需要开始使用node.js进行web开发，正在学习node.js web开发指南，想要快速了解node.js的web开发模式的朋友们，相信本文是

1 .快速框架安装

1)在节点命令行模式下输入以下命令

Npm install -g express此命令在全局环境中安装express框架。完成此步骤后，不能直接使用express命令生成express项目。您需要安装另一个express project生成器，这在express2中是不需要的。x版本。express4发布后。x，项目生成器与express本身是分离的。如果使用express命令生成项目而不安装express-generator，会遇到报告express不是内部或外部命令的错误，需要注意。nodejs web开发指南的原书没有安装express-generator。

2)安装快速发电机

Npm install -g express-generator3)来生成项目

激光唱片.mkdir microblogggd microbloggexpress micorblog这里，在硬盘的一个目录中随意创建一个微博文件夹，输入文件夹，然后使用express微博命令创建微博的一个express项目。

生成结构如下：

其中app.js为项目入口文件，package.json为npm包管理文件，bin文件夹中的www.js包含一些全局配置项和命令行配置。公共文件夹用于存储静态文件目录，如项目的js、css和图片，routes文件夹用于存储路由监控的代码相关文件。视图文件夹用于存储模板文件。这里应该注意的是，express4。x使用jade作为项目的默认模板引擎，而ejs作为原书中的模板引擎，所以这里默认生成jade文件。不可否认ejs更简单，但原理是一样的。我们使用玉石作为开发的模板引擎。

4)启动项目并查看

Cd microblognpm installnpm start进入微博文件夹，安装项目所需的相关模块(根据pacakge.json文件)，然后启动项目。此时打开浏览器查看项目localhost:3000的输入地址，结果显示一切正常，如下图。

到目前为止，我们已经有了一个在浏览器中运行的原型web项目。原书中微博项目的主要功能是用户可以注册登录，控制权限，让用户发布微博，微博会分别显示在用户个人主页和项目主页上。将提供这些功能的完整版本。由于篇幅原因，这里使用用户注册和登录模块来说明如何进行一个完整的web开发过程。

2.页面布局

根据web开发流程，我们首先构建一个项目主页，由布局文件layout.jade和内容文件index.jade组成，为了研究jade，这里提供了两个地址。对于使用过smarty、razor等类似模板引擎的用户。在此之前，他们可以通过查看文档开始，基本原则是相似的。

打开视图文件，重写layout.jade文件代码如下：

doctype html html head title=title link(rel='样式表，href='/样式表/样式。正文导航。标题ul。李名单。徽标a(href='/')微博