Node.js的CRUD app，使用AJAX/Express/Jade/MySQL/JSON/HTML5/CSS3

在NodeJS / AJAX应用程序的第一次尝试。它的编辑一个表中的一个MySQL数据库提供了一个网络接口，和一个汇总页允许的数据聚集。作为一个额外的显示简单的分析.

访问： http://localhost:3000/ to access the app

建立一个数据库实例：(瓶酒，瓜子，花生米，板栗，小酒，火腿肠)

CREATE DATABASE IF NOT EXISTS node;
USE node;

CREATE TABLE IF NOT EXISTS plants (
  id int(11) NOT NULL AUTO_INCREMENT,
  name varchar(32) NOT NULL,
  weight float NOT NULL,
  PRIMARY KEY (id)
);

INSERT INTO plants (name, weight) VALUES
        ("potato", 0.54),
        ("potato", 0.51),
        ("potato", 0.5),
        ("potato", 0.38),
        ("carrot", 0.21),
        ("onion", 0.36),
        ("onion", 0.31),
        ("carrot", 0.23),
        ("onion", 0.43),
        ("potato", 0.46),
        ("potato", 0.45),
        ("potato", 0.46),
        ("potato", 0.48),
        ("watermelon", 3.12),
        ("watermelon", 3.85),
        ("carrot", 0.17);

CREATE USER 'nodeajax'@'localhost' IDENTIFIED BY 'node-password';
GRANT ALL ON nodeajax.* TO 'node'@'localhost';

记得要设置数据库密码在模型/ db.js如果你需要修改数据库密码

•固定sortbycol bug发生单击列标题时，

•使Ajax返回XML / HTML片段通过jade。

•使用Ajax更改页/而不是重载页面大小。

•让Ajax编辑/添加回页号编辑/添加项，我们可以返回那页（通过AJAX再次）。

•使列CSS更好，所以他们有明智的，确定性的尺寸（尝试Chrome看到效果更好）

•makbe使用手写笔做造型前一点，不妨学习它呢？

app.js

	var express = require('express');
	var db = require('./models/db');
	var http = require('http');
	var path = require('path');

	var app = express();

	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.cookieParser('node-secret-cookie-key-thing'));
	app.use(express.static(path.join(__dirname, 'public')));
	app.use(app.router);
	app.locals.pretty = true;

	var pages = {
	'data' : require('./controllers/data'),
	'summary' : require('./controllers/summary'),
	'knapsack' : require('./controllers/knapsack')
	};

	app.get('/', function (req, res) { res.redirect('/data/'); });

	for (var name in pages) {
	app.get('/' + name, pages[name].page);
	if (pages[name].ajax) {
	app.post('/' + name + '/ajax', pages[name].ajax);
	}
	}

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