Difference between revisions of "WebFund 2013F: Assignment 1"

From Soma-notes
Jump to navigation Jump to search
Line 57: Line 57:


==public/stylesheets/style.css==
==public/stylesheets/style.css==
<source line lang="javascript">
</source>


==routes/index.js==
==routes/index.js==
<source line lang="javascript">
</source>




==views/layout.jade==
==views/layout.jade==
<source line lang="jade">
</source>


==views/index.jade==
==views/index.jade==
<source line lang="jade">
h1= title
div.well
  p Fill out your info
  form(method="post", action="/add")
    div.control-group.input-append
      input#name(type="text", name="name", data-required)
      label.add-on(for="name")
        span.icon-asterisk
        | Name
    div.control-group.input-append
      input#country(type="text", name="country", data-required)
      label.add-on(for="country")
        span.icon-asterisk
        | Country
    div.control-group.input-append
      input#birthday(type="text", name="birthday", data-required)
      label.add-on(for="birthday")
        span.icon-asterisk
        | Birthday
    div.control-group.input-append
      label.checkbox
        input#send-email(type="checkbox", name="send-email")
        | Email Me
    div#email-info.control-group.input-append
      input#email(type="text", name="email")
      label.add-on(for="email")
        span.icon-asterisk
        | Email
    button(type="submit") Submit
</source>


==views/add.jade==
==views/add.jade==
<source line lang="jade">
h1 Info Added
p Name: #{name}
p Country: #{country}
p Date: #{date}
p Email: #{email}
</source>

Revision as of 00:26, 20 September 2013

In this assignment you are to examine, modify, and answer questions regarding the form-demo sample node application. For reference, the key files are included below.

package.json

{
    "name": "application-name"
  , "version": "0.0.1"
  , "private": true
  , "dependencies": {
      "express": "2.5.8"
    , "jade": ">= 0.0.1"
  }
}

app.js

/**
 * Module dependencies.
 */

var express = require('express')
  , routes = require('./routes');

var app = module.exports = express.createServer();

// Configuration

app.configure(function(){
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(app.router);
  app.use(express.static(__dirname + '/public'));
});

app.configure('development', function(){
  app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});

app.configure('production', function(){
  app.use(express.errorHandler());
});

// Routes

app.get('/', routes.index);
app.post('/add', routes.add);

app.listen(3010, function(){
  console.log("Express server listening on port %d in %s mode", app.address().port, app.settings.env);
});

public/stylesheets/style.css


routes/index.js


views/layout.jade


views/index.jade

h1= title

div.well
  p Fill out your info
  form(method="post", action="/add")
    div.control-group.input-append
      input#name(type="text", name="name", data-required)
      label.add-on(for="name") 
        span.icon-asterisk
        | Name
    div.control-group.input-append
      input#country(type="text", name="country", data-required)
      label.add-on(for="country")
        span.icon-asterisk
        | Country
    div.control-group.input-append
      input#birthday(type="text", name="birthday", data-required)
      label.add-on(for="birthday")
        span.icon-asterisk
        | Birthday
    div.control-group.input-append
      label.checkbox
        input#send-email(type="checkbox", name="send-email")
        | Email Me
    div#email-info.control-group.input-append
      input#email(type="text", name="email")
      label.add-on(for="email")
        span.icon-asterisk
        | Email
    button(type="submit") Submit


views/add.jade

h1 Info Added
p Name: #{name}
p Country: #{country}
p Date: #{date}
p Email: #{email}