nodejs 前后端数据交互express+路由+mysql+jade

nodejs 前后端数据交互express+路由+mysql+jade

1. 创建一个nodejs工程项目生成目录
   

2. 在当前目录下安装express 和 mysql 插件
   1、以管理员进入cmd窗口输入当前目录下路径
   2、cnpm install express --save
   cnpm install body-parser --save
   cnpm install cookie-parser --save
   cnpm install multer --save
   3、安装MySQL 模块 cnpm install mysql

3. app.js

var express = require('express');
var path = require('path');
var app = express();
var bodyParser = require('body-parser');
var login = require('./routes/login');
var loginmsg = require('./routes/loginmsg');

//模板引擎设置
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
app.use(express.static('public'));

app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({
    extended: true
})); 

//设置路由
app.use('/',login);


app.listen(3000);
console.log("启动端口:3000");

login.js

var express = require('express');
var router = express.Router();
//加载mysql模块
var mysql = require('mysql');
//创建连接
var connection = mysql.createConnection({
  host     : 'localhost',       
  user     : 'root',              
  password : '19980217',       
  port: '3306',                   
  database: 'test' 
});
//执行创建连接 
connection.connect();
//SQL语句
var  sql = 'SELECT * FROM websites';
//var  addSql = 'INSERT INTO name(id,name,sex) VALUES(?,?,?)';

router.get('/', function(req, res, next) {
    //解析请求参数
    //var params = URL.parse(req.url, true).query;
      //var addSqlParams = [params.id, params.name, params.sex];
      
      //增
   /* connection.query(addSql,addSqlParams,function (err, result) {
        if(err){
         console.log('[INSERT ERROR] - ',err.message);
         return;
        }             
    });*/
    
    //查
    connection.query(sql,function (err, result) {
        if(err){
          console.log('[SELECT ERROR] - ',err.message);
          return;
        }
        
        //把搜索值输出
        console.log(result[0].name);
       var resultdata = result[0].name;
       res.render("login.jade",{result:resultdata});
    });
});

module.exports = router;

login.jade

doctype html
html(lang='en')
  head
    meta(charset='UTF-8')
    title ajax
  body
    
    form(action='/', method='get')
      input(name='submit', type='submit')
    div(style='border:1px solid red;height:30px;margin-top:10px;line-height:30px;') 数据为：#{result}

这边给一个可以将html转化成jade格式的网站—》转化格式的网站

最后运行app.js
注意：数据的配置不同