Express

笔记

---

Jade

定义页面结构

• 使用缩进来定义 HTML 文档的层次结构

section#wrapper

编译后是

<section id="wrapper"></section>

• 支持串接

section#wrapper.class-name

编译后是

<section id="wrapper" class="class-name"></section>

• 缩进控制结构

p
  span 

编译后是

<p><span></span></p>

• 加入文本

h1 Very important heading

编译后是

<h1>Very important heading</h1>

• 支持管道描述符（pipe delineator，也就是'|'字符）

p
  | Text can be over
  | many lines
  | after a pipe symbol

编译后是

<p>Text can be over many lines after a pipe symbol</p>

输出数据

• ‘-’ 表示当前代码应当被执行
• ‘=’ 表示当前代码应当被演算、转义，然后输出

- var foo = bar;

变量设置完成可在以后使用

p I wanna learn to use variables.Foo is #{foo}!

循环

• 循环前面的 ‘-’ 是可选的
• 虽然将 ‘-’ 用在变量赋值上而对于循环却是可选的会造成困惑，但在循环时，它确实是可选的;为了避免造成困惑，下面的例子中都使用了 ‘-’。

- users = ['Sally', 'Joseph', 'Michael', 'Sanjay']
- each user in users
  p=user

编译后是：

<p>Sally</p>
<p>Joseph</p>
<p>Michael</p>
<p>Sanjay</p>

如果使用for关键字，可以这么写：

for user in users
p= user

也可以使用对象进行迭代

- obj = {first_name:'George', surname:'Ornbo'}
- each val, key in obj
  li #{key}: #{val}

编译后是

<li>first_name:George</li>
<li>Surname:Ornbo</li>

条件

• 如同循环一样，if和else关键字前的 ‘-’ 是可选的

- awake =false
- if (awake)
p You are awake!Make coffee
- else
p You are sleeping  

内联（inline）JavaScript

若想内联 JavaScript 代码，声明一个脚块后，在其中加入 JavaScript 代码即可

script
  alert('You can execute inline JavaScript througt jade');

包含

用途:大多数网站都会有在站点的每个页面都重复出现的部分，比如页眉，页脚和边栏

jade 通过include关键字后跟想要包含的模板来支持包含功能

html
  bady
    include includes/header

上述代码从 views/includes/header.jade 文件中包含代码

路由

添加 Get 路由

app.get('/about', function(req, res){
res.send('HELLO from the about route!');
});

添加 Post 路由

app.post('/',function(req,res){
    res.send(req.body);
});

h1= title
p Welcome to #{title}
h2 Form example
form(method='post', action='/')
fieldset
    legend Add a user
    p
        label First name 
        input(name = 'user[first_name]')
    p
        label Last name
        input(name = 'user[last_name]')
    p
        input(type = 'submit', value='Save')

在路由器中使用参数

申明一个捕获参数的路由

app.get('/users/:id', function(req, res){
    res.send('show content for user id' + req.params.id);
});

数据持久化

将数据写入文件

var fs = require('fs'),
    data = "Some data I want to write to a file";
fs.writeFile('file.txt'， data， function(err){
    if(!err){
        console.log('Worte data to file.txt');
    }else{
        throw err;
    }
});

从文件中读取数据

var fs = require('fs');
fs.readFile('file.txt'， "utf8", function (err,data){
    if(!err){
        console.log(data);
    }else{
        throw err;
    }
});

• 如果不提供字符编码，会返回原始的缓冲区内容

读取环境变量

如果设置了环境变量 SOMETHING，只需要一行代码就可以将其读出

var = something = process.env.SOMETHING