Express 框架的安装

从零开始用 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 框架的安装的更多相关文章

Node.js Express 框架
Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP ...
node.js之express框架
之前学习过node.js接触过express框架,最近为了编写一个mock server正好用到了express.下面正好就跟大家介绍一下关于express.今天的内容主要围绕这么几个方面? expr ...
express框架以及配置项
以上命令会将 Express 框架安装在当前目录的 node_modules 目录中, node_modules 目录下会自动创建 express 目录.以下几个重要的模块是需要与 express 框 ...
nodejs基础 -- express框架
Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP ...
Node.js：Express 框架
Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具.使用 Express 可以快速地搭建一个完整功能的网站 ...
Vue nodejs商城项目-搭建express框架环境
1.express-project 搭建express框架环境安装express generator生成器通过生成器自动创建项目配置分析安装 cnpm i -g express-generat ...
Node.js Express 框架 Express
Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具. 使用 Express 可以快速 ...
44.Node.js Express 框架--web框架
转自:http://www.runoob.com/nodejs/nodejs-express-framework.html Express 简介 Express 是一个简洁而灵活的 node.js W ...
Win8.1 安装Express 框架
1.安装Windows Node.js客户端 2.安装Express框架我本机是Win8.1的,使用命令npm install -g express安装Express,安装完成后显示一些安装明细,刚 ...

随机推荐

关于SqlServer数据库C盘占用空间太大问题
工程需要用上了SQL SERVER2008 ,主要作为数据仓库使用,使用SSIS包从ORACEL10G中抽取数据到MS SQL中.环境是win2003x64的,驱动使用的oracle10gX64.使用 ...
*.ashx一般处理程序不能访问Session值的解决方法
<%@ WebHandler Language="C#" Class="productHandler" %> using System; using ...
《FPGA全程进阶---实战演练》第三章之PCB设计之电感、磁珠和零欧姆电阻
2.电感.磁珠和零欧姆电阻的区别电感:电感是储能元件,多用于电源滤波回路.LC振荡电路.中低频滤波电路等,其应用频率很少超过50MHz.对电感而言,其感抗值和频率成正比.XL = 2πfL来说明,其 ...
【转】WCF入门教程六[一个简单的Demo]
一.前言前面的几个章节介绍了很多理论基础,如:什么是WCF.WCF中的A.B.C.WCF的传输模式.本文从零开始和大家一起写一个小的WCF应用程序Demo. 大多框架的学习都是从增.删.改.查开始来 ...
在linux上开发210的hdmi-servers输出
这段时间一直在研究hdmi-servers,因为友善对这个在是闭源的,所以由于兴趣的关系和工作的关系,决定自己写一个hdmi-servers. 在hdmi中,最关键的是弄清楚了Hdmi显示数据的怎么来 ...
URI、URL和URN之间的区别
URI标识一个事物,URL定位一个事物:然而,位置同样可以标识一个事物,所以,每个URL都是一个 URI,但一个URI并不一定是一个URL. 举例说明罗杰·佩特这是我的名字,这是一个标识.它就像一 ...
HTC Desire 816刷机教程（图文）
HTC Desire 816刷机教程也来了,今天在这里主要是来说说如何刷机的,这个刷机是采用卡刷的方式,也就是利用第三方的recovery来刷入第三方的zip包,因为第三方的zip包都是支持卡刷的,很 ...
[精]Odoo 8.0深入浅出开发教程-模块开发基础
參考资料点击这里. 构建Odoo模块模块组成业务对象业务对象声明为Python类, 由Odoo自己主动加载. 数据文件 XML或CSV文件格式, 在当中声明了元数据(视图或工作流).配置数据(模 ...
Ubuntu下 Oracle sqldeveloper中文目录、文件，select查询结果中：中文乱码
是由于JDK所致.下面是网上的解决方案解决案例1: .0_24/jre/lib/fonts.进入到fonts目录,新建文件夹 fallback cd /usr/java/jdk1..0_24/jre ...
Unity3D Android手机屏幕分辨率问题
Android手机屏幕分辨率五花八门,导致开发时不好把握,还好各个引擎对这个屏幕分辨率问题都有较好的处理方式:unity3D 也为我们提供了一个不错的解决方案. 在Unity3D 进行 android ...

Express 框架的安装

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

随机推荐

热门专题