zoukankan      html  css  js  c++  java
  • nodejs建站简单实例(express+jade)

    新建目录my-site并进入。

    package.json

    {
        "name": "application-name",
        "version": "0.0.1",
        "private": true,
        "scripts": {
            "start": "node app.js"
        },
        "dependencies": {
            "express": "3.3.4",
            "jade": "1.1.5"
        }
    }

    执行命令:npm install,安装相关依赖包。

    app.js

    var express = require('express');
    var routes = require('./routes');
    var user = require('./routes/user');
    var http = require('http');
    var path = require('path');
    var app = express();
    //all environments
    app.set('port', process.env.PORT || 3000);
    app.set('views', __dirname + '/views');
    app.set('view engine', 'jade');
    app.use(express.favicon());
    app.use(express.logger('dev'));
    app.use(express.bodyParser());
    app.use(express.methodOverride());
    app.use(app.router);
    app.use(express.static(path.join(__dirname, 'public')));
    //development only
    if ('development' === app.get('env')) {
        app.use(express.errorHandler());
    }
    app.get('/', routes.index);
    app.get('/users', user.list);
    http.createServer(app).listen(app.get('port'), function() {
        console.log('express server listening on port ' + app.get('port'));
    });

    新建目录routes,在routes目录下添加如下两个文件

    index.js

    exports.index = function(req, res) {
        res.render('index', {title: 'Express'});
    };

    user.js

    exports.list = function(req, res) {
        res.send('respond with a resource');
    };

    新建views目录,在views目录下添加如下两个文件

    layout.jade

    doctype html
    html
        head
            title = title
            link(rel='stylesheet', href='/stylesheets/style.css')
        body
            block content

    index.jade

    extends layout
    block content
        h1 = title
        p Welcome to #{title}

    新建public/stylesheets目录,添加如下文件

    style.css

    body {
        padding: 50px;
        font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
    }
    a {
        color: #00B7FF;
    }

    执行命令:npm start

  • 相关阅读:
    How to load custom styles at runtime (不会翻译,只有抄了 )
    更多FMK 的还是看万一的吧
    Custom Grid Columns
    样式和说明文档
    LiveBindings --- 把对象之间的属性绑定起来
    LiveBindings如何绑定一个对象(转)
    Delphi LiveBinds组件
    记录一偏,因为我不会翻译,
    Delphi XE4 For IOS之部署问题
    Delphi XE5 android 捕获几个事件
  • 原文地址:https://www.cnblogs.com/feilv/p/4193711.html
Copyright © 2011-2022 走看看