node ajax crud,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'));

});

后台界面:

5f44669d9023f819b9cfa4031178418d.png

访问前台:

5f44669d9023f819b9cfa4031178418d.png

5f44669d9023f819b9cfa4031178418d.png5f44669d9023f819b9cfa4031178418d.png

5f44669d9023f819b9cfa4031178418d.png

前提是nodejs 安装好了

运行前 npm install  加载所需要组件

速度还是比较快的,想学习的筒子们快快下载吧。

由最代码官方编辑于2014-12-8 13:49:53

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值