从零开始用 Node.js 实现一个微博系统，功能包括路由控制、页面模板、数据库访问、用户注册、登录、用户会话等内容。

  • Express 框架、
  • MVC 设计模式、
  • ejs 模板引擎
  • MongoDB 数据库

MVC（Model-View-Controller，模型视图控制器）是一种软件的设计模式

  • 模型是对象及其数据结构的实现，通常包含数据库操作。
  • 视图表示用户界面，在网站中通常就是 HTML 的组织结构。
  • 控制器用于处理用户请求和数据流、复杂模型，将输出传递给视图

一.Express 框架 (http://expressjs.com/)

  • 1.路由控制；
  • 2.模板解析支持；
  • 3.动态视图；
  • 4.用户会话；
  • 5.CSRF 保护；
  • 6.静态文件服务；
  • 7.错误控制器；
  • 8.访问日志；
  • 9.缓存；
  • 10.插件支持。

1.全局安装 Express

$ npm install -g express

2.最新express4.0版本中将命令工具分家出来了(项目地址:https://github.com/expressjs/generator),所以我们还需要安装一个命令工具,命令如下:

$ npm install -g express-generator

3.查看版本

$ express --version

二.建立工程

1.在NodeJS指南中利用以下命令建立网站的基本结构：

$ express -e microblog

(模板引擎是jade) 执行命令后ejs模板引擎就安装好了
但是express3以上的版本把layout默认给取消了，所以现在在views文件夹下并没有生成layout.ejs。然后改成include引入

2.运行完这个命令，继续运行,然后进入microblog文件夹,安装npm

$ cd microblog && npm install

3.include引入方法

如头部views/layoutTop.ejs

<!DOCTYPE html>

<html>

  <head>

    <title><%= title %></title>

    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <link rel='stylesheet' href='/stylesheets/reset.css' />

    <link rel='stylesheet' href='/stylesheets/main.css' />

    <link  rel="stylesheet" href="/stylesheets/bootstrap.css">

    <style type="text/css">

    body {

    padding-top: 60px;

    padding-bottom: 40px;

    }

    </style>

    <link href="/stylesheets/bootstrap-responsive.css" rel="stylesheet">

  </head>

<body>

    <div class="navbar navbar-fixed-top">

        <div class="navbar-inner">

            <div class="container">

                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                </a>

                <a class="brand" href="/">Microblog</a>

                <div class="nav-collapse">

                    <ul class="nav">

                        <li class="active"><a href="/">首页</a></li>

                        <% if (!user) { %>

                        <li><a href="/login">登入</a></li>

                        <li><a href="/reg">注册</a></li>

                        <% } else { %>

                        <li><a href="/logout">登出</a></li>

                        <% } %>

                    </ul>

                </div>

            </div>

        </div>

    </div>

底部views/layoutBottom.ejs

</body>

<script src="/javascripts/jquery-1.9.1.min.js"></script>

<script src="/javascripts/bootstrap.js"></script>

</html>

在views/index.ejs页面中include引用入公共部分

<% include layoutTop %>

<p>首页</p>

<% include layoutBottom %>

4.执行完express -e microblog 命令后, 项目生成,当前目录下出现了子目录 microblog，并且产生了一些文件：

create : microblog

create : microblog/package.json

create : microblog/app.js

create : microblog/routes

create : microblog/routes/index.js

create : microblog/routes/users.js

create : microblog/public

create : microblog/views

create : microblog/views/index.jade

create : microblog/views/layout.jade

create : microblog/views/error.jade

create : microblog/bin

create : microblog/bin/www

create : microblog/public/javascripts

create : microblog/public/images

create : microblog/public/stylesheets

create : microblog/public/stylesheets/style.css

5.用 Express 实现的网站实际上就是一个 Node.js 程序，因此可以直接运行。我们运行 node app.js， 看到 Express server listening on port 3000 in development mode。

输入地址 http://localhost:3000， 你就可以看到一个简单的 Welcome to Express 页面了。

6.开发时使用supervisor监听刷新修改

$ supervisor bin/www

7.退出监听：

ctrl + c

　　

Express 框架的安装的更多相关文章

  1. Node.js Express 框架

    Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP ...

  2. node.js之express框架

    之前学习过node.js接触过express框架,最近为了编写一个mock server正好用到了express.下面正好就跟大家介绍一下关于express.今天的内容主要围绕这么几个方面? expr ...

  3. express框架以及配置项

    以上命令会将 Express 框架安装在当前目录的 node_modules 目录中, node_modules 目录下会自动创建 express 目录.以下几个重要的模块是需要与 express 框 ...

  4. nodejs基础 -- express框架

    Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP ...

  5. Node.js：Express 框架

    Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具.使用 Express 可以快速地搭建一个完整功能的网站 ...

  6. Vue nodejs商城项目-搭建express框架环境

    1.express-project 搭建express框架环境 安装express generator生成器 通过生成器自动创建项目 配置分析 安装 cnpm i -g express-generat ...

  7. Node.js Express 框架 Express

    Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具. 使用 Express 可以快速 ...

  8. 44.Node.js Express 框架--web框架

    转自:http://www.runoob.com/nodejs/nodejs-express-framework.html Express 简介 Express 是一个简洁而灵活的 node.js W ...

  9. Win8.1 安装Express 框架

    1.安装Windows Node.js客户端 2.安装Express框架 我本机是Win8.1的,使用命令npm install -g express安装Express,安装完成后显示一些安装明细,刚 ...

随机推荐

  1. [Django学习]入门

    1. 搭建开发环境 安装django 建议安装1.8.2版本,这是一个稳定性高.使用广.文档多的版本 pip install django==1.8.2 查看版本:进入python shell,运行如 ...

  2. iOS彩票项目--第六天，运用MVC思想搭建设置界面（非storyboard方法）

    一.我只想说封装的思想很重要,MVC的思想也很重要,利用MVC思想搭建一下的界面 先说显示出来的cell,有三种(图中的两种,还有一种是最普通的,没有图片的),这种显示不同的cell,交给模型来处理, ...

  3. 给border在加上图片

    .div_top .div_menu li a:hover{ border:2px; height:24px; border-image:url(../img/bg-line-1.png) 0 0 7 ...

  4. Windows消息队列一

    系统消息--ID范围 -0x03FF 由系统定义好的小哦啊拍下哦,可以在程序中直接使用. 用户自定义消息--ID范围0x0400-0x7FFF 由用户自己定义,满足用户自己的需求.由用户自己发出消息, ...

  5. 第三百零四节，Django框架，urls.py模块，views.py模块，路由映射与路由分发以及逻辑处理——url控制器

    Django框架,urls.py模块,views.py模块,路由映射与路由分发以及逻辑处理——url控制器 这一节主讲url控制器 一.urls.py模块 这个模块是配置路由映射的模块,当用户访问一个 ...

  6. mongodb自动关闭：页面太小，无法完成操作

    解决方法: 增大虚拟内存

  7. NET Core 环境搭建和命令行CLI入门[转]

      NET Core 环境搭建和命令行CLI入门 时间:2016-07-06 01:48:19      阅读:258      评论:0      收藏:0      [点我收藏+]   标签: N ...

  8. mac下zephir第一步，安装+hello zephir！

    第一步 安装autoconf re2c automake libtool等依赖,如果没有安装git的记得先安装git brew install autoconf brew install automa ...

  9. 对sssp项目搭建的补充，总错误处理。

    总错误处理,是为了在程序运行时代码出错能及时在控制台看出错误信息. 1. springMVC配置文件中: -------- 2.controller包中: 新建类FrameControllerAdvi ...

  10. arugsJS 入门

    一款优秀的前端框架——AngularJS     前  言 AngularJS是一款为了克服HTML在构建应用上的不足而设计的优秀的前端JS框架.AngularJS有着诸多特性,最为核心的是:MVC. ...