自分で作ったり提供したりするものは、まず自分自身で使ってみろろということです。自分じゃ使わないものなら人はいくらでも無責任にも無思考にもなれる。そういう投げやりな「サービス」やら「プロダクツ」なんて、だれだってイヤだ。自分が作り手と同時に利用者の立場になれば、ちゃんと使えるレベルのものを提供しようとします。

2013年10月20日日曜日

Express.jsサンプル

Express.jsフレームワークでウェブアプリケーションを開発するサンプルです。

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(require('less-middleware')({ src: __dirname + '/public' }));
app.use(express.static(path.join(__dirname, 'public')));

// development only
if ('development' == app.get('env')) {
  app.use(express.errorHandler());
}

app.get('/', function(request, response){
    response.send("helo express new aaabbb-bobopapa.");
});

app.get('/hi', function(request, response){
    response.send("<h1>hi</h1>");
});

app.get('/usrs/:userid', function(request, response){
    response.send("<h1>Helo, User " + request.params.userid + "</h1>");
});

app.get('/home', function(request, response){
    response.send(request.get('user-agent'));
});

app.param('from', function(request, response, next){
   request.from = parseInt(request.params.from, 10);
   next();
});

app.get('/user/:from-:to', function(request, response){
    var from = request.from;
    var to   = parseInt(request.params.to, 10);
    res.send("new.from=" + from + ", to=" + to);
});

var count = 0;
app.get('/helo.txt', function(request, response, next){
    //res.send("app.js helo.txt");
    count++;
    next();
});
app.get('/count', function(request, response, next){
    response.send(count + " views.");
});

http.createServer(app).listen(app.get('port'), function(){
  console.log('Express server listening on port ' + app.get('port'));
});

home.jade
extends layout

block content

  - var myname = "koma.endia ";
  - var myval1 = "<h3>myval1</h3>";
  - var myval2 = "";

    style
        li { background-color:green; }

    h1 Helo JadeNew.
    h2 #{title}

    pre I want to put a lot of text here ...

    pre
        |AAAA
        |BBBB
        |   CCCC

    p.
        xxx
            yyy
        zzz


    ul#idList
        li.cssLI aaaa
        li bbbb #{myname} #{1+3}
        li cccc
        li dddd !{myval1}
        li eeee
            a(href="/other" target="_blank", rel="aabbc") eeeeeeeeeeeeee

    - if (myval1) {
        p A=true
    - } else {
        p A=false
    - }

    p
        if (myval2 === "")
            |aabbccd 111
        else
            |xxyyzza 222

0 件のコメント:

コメントを投稿

ホームページ