WebFund 2016W Lecture 15 - Revision history

LeeCroft at 18:37, 14 March 2016

2016-03-14T18:37:08Z

Soma: /* Code */

2016-03-08T21:20:53Z

Code

← Older revision		Revision as of 21:20, 8 March 2016
Line 6:		Line 6:

	==Code==		==Code==

			Full code:
			* [http://homeostasis.scs.carleton.ca/~soma/webfund-2016w/code/examforms-jquery.zip examforms-jquery.zip]
			* [http://homeostasis.scs.carleton.ca/~soma/webfund-2016w/code/graph-demo-sol.zip graph-demo-sol.zip]

	===examforms-jquery/examforms-jquery.js===		===examforms-jquery/examforms-jquery.js===

Soma: /* Code */

2016-03-08T21:18:33Z

Code

@@ Line 116: / Line 116: @@
      $.getJSON('/items', displayItems);
 });
 <source>

Soma: /* examforms-jquery/showlist.js */

2016-03-08T21:17:03Z

examforms-jquery/showlist.js

← Older revision		Revision as of 21:17, 8 March 2016
Line 92:		Line 92:

	===examforms-jquery/showlist.js===		===examforms-jquery/showlist.js===

			<source lang="javascript" line>
			$(function() {
			// grab JSON from server
			// insert data into DOM

			function displayItems(items) {
			var i;

			for (i=0; i<items.length; i++) {
			$("#theListing").append("<tr>" +
			"<td>" + items[i].name + "</td>" +
			"<td>" + items[i].city + "</td>" +
			"<td>" + items[i].country + "</td>" +
			"<td>" + items[i].birthday + "</td>" +
			"<td>" + items[i].email + "</td>" +
			"</tr>"
			);
			}

			}

			$.getJSON('/items', displayItems);
			});
			<source>

Soma: /* examforms-jquery/clientlist.jade */

2016-03-08T21:16:34Z

examforms-jquery/clientlist.jade

← Older revision		Revision as of 21:16, 8 March 2016
Line 66:		Line 66:
	===examforms-jquery/clientlist.jade===		===examforms-jquery/clientlist.jade===

			<source lang="html4strict" line>
			extends layout

			block header
			script(src="jquery-1.12.0.js")
			script(src="showlist.js")

			block content
			h1= title

			div
			div
			table
			thead
			th Name
			th City
			th Country
			th Birthday
			th Email
			tbody#theListing

			form(method="get", action="/")
			button(type="submit") Home
			</source>

	===examforms-jquery/showlist.js===		===examforms-jquery/showlist.js===

Soma: /* Code */

2016-03-08T21:15:44Z

Code

← Older revision		Revision as of 21:15, 8 March 2016
Line 6:		Line 6:

	==Code==		==Code==

			===examforms-jquery/examforms-jquery.js===
			<source lang="javascript" line>
			var http = require('http');
			var express = require('express');
			var bodyParser = require('body-parser');
			var logger = require('morgan');
			var port = 3000;
			var state = [];

			var app = express();

			app.set('view engine', 'jade');
			app.set('views', __dirname);
			app.use(logger('dev'));
			app.use(bodyParser.urlencoded({ extended: false }));

			app.use(express.static('.'));

			app.get('/', function(req, res, next) {
			res.render('index', { title: 'COMP 2406 Exam form demo' });
			});

			app.post('/add', function(req, res) {
			var obj = { name: req.body.name,
			city: req.body.city,
			country: req.body.country,
			birthday: req.body.birthday,
			email: req.body.email };
			state.push(obj);
			res.redirect('/list');
			});

			app.get('/list', function(req, res) {
			// res.render('list', { title: 'People Listing', items: state,
			// pretty: true});
			res.render('clientlist', { title: 'People Listing', pretty: true});
			});

			app.get('/items', function(req, res) {
			res.send(state);
			});

			var serverUp = function() {
			console.log("ExamForms listening on port " + port);
			}

			var serverDown = function() {
			console.log("Server shutting down.");
			process.exit(0);
			}

			var server = http.createServer(app);
			server.listen(port);
			server.on('listening', serverUp);
			process.on('SIGINT', serverDown);
			</source>

			===examforms-jquery/clientlist.jade===


			===examforms-jquery/showlist.js===

Soma: Created page with "==Video== The video from the lecture given on March 8, 2016 [http://homeostasis.scs.carleton.ca/~soma/webfund-2016w/lectures/comp2406-2016w-lec15-08Mar2016.mp4 is now availab..."

2016-03-08T21:13:36Z

Created page with "==Video== The video from the lecture given on March 8, 2016 [http://homeostasis.scs.carleton.ca/~soma/webfund-2016w/lectures/comp2406-2016w-lec15-08Mar2016.mp4 is now availab..."

New page

==Video==

The video from the lecture given on March 8, 2016 [http://homeostasis.scs.carleton.ca/~soma/webfund-2016w/lectures/comp2406-2016w-lec15-08Mar2016.mp4 is now available].

==Notes==

==Code==