NodeJS 、Express4.x、Jade使用方法

本文指导如何使用Node.js、Express、Jade搭建Web应用,包括安装环境、生成工程、增加Bootstrap、JQuery支持及Session管理等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一部分:安装node 、Express、Jade
   1、下载nodejs,官方下载地址:http://nodejs.org/
   2、安装过程,选择下一步直到安装完成。(node -v | npm-v //查看版本)
   3、设置淘宝的registry
   npm config set registry https://registry.npm.taobao.org 
   npm info underscore (如果上面配置正确这个命令会有字符串response)
   4、打开命令行执行命令安装express、jade
   npm install -g express
   npm install -g express-generator
   express -V   //查看版本
   npm install -g jade   
  //安装中间件
  npm install serve-favicon morgan method-override express-session body-parser multer errorhandler --save
   5、问题解决
   1)win8系统 需要"命令行【管理员】"执行" msiexec+/package+安装包路径 "安装,否则会安装失败。
   2)express无法执行,是环境变量不对,在环境变量中添加express目录,默认C:\Program Files\nodejs
第二部分:生成工程
  1、生成工程
  > express --help
  PS D:\tmp\node\hello-world> express --help
  Usage: express [options]
  Options:
    -h, --help          output usage information
    -V, --version       output the version number
    -s, --sessions      add session support
    -e, --ejs           add ejs engine support (defaults to jade)
    -J, --jshtml        add jshtml engine support (defaults to jade)
    -H, --hogan         add hogan.js engine support
    -c, --css <engine>  add stylesheet <engine> support (less|stylus) (defaults to plain css)
    -f, --force         force on non-empty directory
  建立myapp工程
  ①、cd到要创建工程的目录: cd: Develop\NodeJs
  ②、使用express创建工程: express --sessions --css stylus myapp
  ③、cd到myapp: cd myapp
  ④、安装node_modules:  npm install(这个过程有点慢)
  ⑤、启动工程: npm start
  ⑥、打开浏览器访问:http://localhost:3000(默认端口是3000)
第三部分:增加Bootstrap、JQuery支持
  1、Bootstrap支持
  从Bootstrap的官方网站(http://getbootstrap.com/2.3.2/)下载最新版的Bootstrap
  解压开之后看一下所有的文件:  
  # ls bootstrap/*
  bootstrap/css:  
  bootstrap-responsive.css     bootstrap-responsive.min.css bootstrap.css                bootstrap.min.css

  bootstrap/img:  
  glyphicons-halflings-white.png glyphicons-halflings.png

  bootstrap/js:  
  bootstrap.js     bootstrap.min.js
  其中所有的Javascript和CSS都提供了开发版和产品版,前者是原始代码,后者经过压缩,文件名中带有min。然后进行一下操作:
  将img目录整体复制到工程的public目录中(myapp/public)。
  将bootstrap.css和bootstrap-responsive.css复制到myapp/public/stylesheets目录中。
  将bootstrap.js复制到myapp/public/javascripts中。
  2、JQuery支持

  从jQuery官网(http://jquery.com/)下载一份最新的jquery.js(如果你下载的不是这个文件名,请修改)也放到myapp/public/javascripts中。这里下载jQuery是因为Bootstrap依赖jQuery。

第四部分:
1、生成工程:

express myweb
cd myweb
npm install

2、参考上面增加Bootstrap支持
3、增加Session支持,用redis保存
1)添加中间件
cd myweb
npm install express-session connect-redis --save
thirty-two

2)添加代码
头部添加:
// 增加session支持
var session    = require('express-session');
var RedisStore = require('connect-redis')(session);
中间添加
//提供session支持
app.use(session({
  secret: config.session_secret,
  store: new RedisStore({
      port: config.redis_port,
      host: config.redis_host,
      db: 1,
  }),
  resave: true,
  saveUninitialized: true,
}));

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值