coding
Edson188的gravatar头像
Edson1882014-12-08 11:58:38

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'));
 

});

后台界面:

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

访问前台:

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

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

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

前提是nodejs 安装好了

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

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


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


打赏

文件名:nodejs-starter-master.zip,文件大小:18.82K下载
  • /
      • /nodejs-starter-master
        • /nodejs-starter-master/app.js
          • /nodejs-starter-master/controllers
            • /nodejs-starter-master/controllers/data.js
            • /nodejs-starter-master/controllers/knapsack.js
            • /nodejs-starter-master/controllers/summary.js
          • /nodejs-starter-master/models
            • /nodejs-starter-master/models/cookies.js
            • /nodejs-starter-master/models/db.js
            • /nodejs-starter-master/models/keyval.js
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友