NodeJS+Express+mySQL服务端开发详解

  随着NodeJS的发展,现在已经被很多人熟知,NodeJS已经成为了前端开发人员必备的技能。本文不会对NodeJS过多介绍 如果你感兴趣可以访问NodeJS 官网维基百科

本文是利用NodeJS+Express开发一个服务器程序,Express 是一种保持最低程度规模的灵活 Node.js Web 应用程序框架,为 Web 和移动应用程序提供一组强大的功能。

一 准备工作

首先你需要安装NodeJS环境 这里不再做介绍,
1.安装Express

  npm install express -g //全局安装
  npm install express-generator -g //安装全局变量

2.初始化项目

cd  example //进入项目文件夹
express project //创建express目录,project是目录名

3.执行如下命令:

1.cd project //进入项目根目录
2.npm install  //安装依赖

最终目录:

/bin:用来启动应用(服务器)
/public: 存放静态资源目录
/routes:路由用于确定应用程序如何响应对特定端点的客户机请求,包含一个 URI(或路径)和一个特定的 HTTP 请求方法(GET、POST 等)。每个路由可以具有一个或多个处理程序函数,这些函数在路由匹配时执行。
/views: 模板文件所在目录 文件格式为.jade
目录app.js程序main文件 这个是服务器启动的入口

二 启动服务器

npm start //启动服务器

启动完成后终端将输出 node ./bin/www
在浏览器中访问 http://localhost:3000/

 

三 基本使用

打开app.js 这里介绍下主要代码:

var express = require('express');//加载express模块
var path = require('path');//路径模块
var favicon = require('serve-favicon');//请求网页的logo
var logger = require('morgan');//在控制台中,显示req请求的信息
var cookieParser = require('cookie-parser');//这就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie,并把它们转成对象。
var bodyParser = require('body-parser');//node.js 中间件,用于处理 JSON, Raw, Text 和 URL 编码的数据。

// 路由信息(接口地址),存放在routes的根目录
var index = require('./routes/index'); var users = require('./routes/users'); var add = require('./routes/add'); var edit = require('./routes/edit'); var del = require('./routes/del'); var app = express(); // 模板开始 app.set('views', path.join(__dirname, 'views'));//设置视图根目录 app.set('view engine', 'jade');//设置视图格式(本人不太喜欢用jade,接下来会交大家使用html格式的文件) // 载入中间件 app.use(logger('dev')); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false })); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public')));
//配置路由,('自定义路径',上面设置的接口地址) app.use(
'/', index); app.use('/search', users);//查 app.use('/add', add);//增 app.use('/edit', edit);//改 app.use('/del', del);//删 // 错误处理 app.use(function(req, res, next) { var err = new Error('Not Found'); err.status = 404; next(err); }); app.use(function(err, req, res, next) { // set locals, only providing error in development res.locals.message = err.message; res.locals.error = req.app.get('env') === 'development' ? err : {}; // render the error page res.status(err.status || 500); res.render('error'); }); module.exports = app;

定义一个路由的基本格式为:

app.METHOD(PATH, HANDLER)

其中:
app 是 express 的实例。
METHOD是 HTTP 请求方法
PATH 是服务器上的路径。
HANDLER 是在路由匹配时执行的函数。
以上的定义代表
在根路由 (/) 上(应用程序的主页)对 GET 请求进行响应:

以下是目录结构图:

 

这个例子没用jade,改用html。

先从路由讲起:

打开index.js

var express = require('express');
var router = express.Router();

//编写执行函数
router.get('/', function(req, res, next) {
    //使用绝对定位打开views下面的html文件
    res.sendFile("/JJ-Note/nodeTest/example/example/views/" + "index.html" )
 
});

module.exports = router;

再次打开add.js

var express = require('express');
var router = express.Router();
 var URL = require('url');
//加载mysql模块
var mysql      = require('mysql');
//创建连接
var connection = mysql.createConnection({
host     : 'localhost',
user     : 'root',
password : '123456',
database : 'jj'
});
//执行创建连接 
connection.connect();
//SQL语句
var  sql = 'SELECT * FROM name';
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(params.id);
        
        //把搜索值输出
       res.send(result);
    });
});

module.exports = router;

mysql这边我就不做详细讲解了,不懂的可以去看相关教程;

表结构如图所示:

routes里的其他几个js文件与add.js类似,分别代表着增、删、改、查四个接口;

下面我们一起来启动一下服务器。

首先在控制台启动服务,浏览器地址栏输入http://localhost:3000/

可以看到如下界面:

我们查询一下数据看能不能出来:

我们再增加一条数据:

可以,接口实现的很顺利,修改和删除就不一一展示了,nodejs功能十分强大,有兴趣的朋友可以关注我的个人公众号,大家一起探讨技术。

 

posted @ 2017-04-05 19:54  惊蛰1993  阅读(37486)  评论(3编辑  收藏  举报