zoukankan      html  css  js  c++  java
  • express基础介绍

    express基础介绍

    一、安装环境及准备工作
    安装node、npm、express、jade、less及supervisor
    安装node环境,官网:http://nodejs.org
    安装npm插件管理工具,官网:https://npmjs.org
    安装express,官网:http://www.expressjs.com
    安装jade,官网:http://jade-lang.com
    安装less,官网:http://www.lesscss.net
    安装supervisor,使用:supervisor app.js
    备注:
    npm install express (安装在当前目录下)
    npm install -g express  (安装在全局)
    node_modules包含文件如下图所示:


    二、基础例子
    app.js内容

    var express = require('express');
    var app = express.createServer(
        express.logger()
    );
    
    app.configure(function(){
        app.set('views', __dirname + '/views');
        app.set('view engine', 'jade');
        app.use(app.router);
        app.use(express.bodyParser());
        app.use(express.errorHandler({
            dumpExceptions:true,showStack:true
        }));
    });
    
    app.get('/',function(req,res){
        res.render('index.jade',{title:'标题'});
    });
    
    app.listen(3000);

    views目录包含layout.jade和index.jade
    layout.jade内容

    !!!
    html
        head
            meta(charset='utf-8')
            block headblock
        body
            block contentblock


    index.jade内容

    extends layout
    
    block headblock
        title #{title}
        include ../less/test.less
    
    block contentblock
        h1= title
        p Hello Moming ! Welcome to #{title}
      
        include ../script/test.js


    备注:
    less目录包含test.less文件
    script目录包含test.js文件









  • 相关阅读:
    设计模式总结
    centos7.5 安装python3.7
    搭建yum软件源
    centos安装gitbook
    编译技术
    samba安装
    docker命令
    shell基础知识
    随笔
    虚拟机字节码执行引擎(三)
  • 原文地址:https://www.cnblogs.com/kuikui/p/3074483.html
Copyright © 2011-2022 走看看