初识NodeJS服务端开发入门Express+MySQL

NodeJS对前端来说无疑具有里程碑意义,在其越来越流行的今天,掌握NodeJS已经不再是加分项,而是前端攻城师们必须要掌握的技能。本文将与同志们一起完成一个基于Express+MySQL的入门级服务端应用,即可以对数据库中的一张表进行简单的CRUD操作。但本人还是斗胆认为,通过这个应用,可以让没怎么接触后端开发的同志对使用Node进行后端开发有一个大致了解。

Express工程环境准备

1. 安装express,和express项目种子生成器(什么?你问第1步为什么不是安装NodeJS,我也只能呵呵..)

安装express

安装express

2. 创建工程。进入工程目录,运行命令

expresst项目种子生成器会帮我们生成express相应的工程结构,如下

/bin: 用于应用启动

/public: 静态资源目录

/routes:可以认为是controller(控制器)目录

/views: jade模板目录,可以认为是view(视图)目录

app.js 程序main文件

3. 进入工程,安装依赖,然后启动应用在工程根目录,使用npm install安装依赖,使用npm start启动应用。完成后,你在命令行工具里会看出如下界面,在浏览器中访问会得到我们应用的默认页面

MySQL环境准备

1. 当然,首先你要准备好MySQL环境。可以参看进行安装,同时也建议安装一个数据库管理工具,如navicat for mysql,方便操作

2. 创建表MySQL安装好了后,进入到数据库,创建要用到的表(如user),结构如下

3. 安装Node的MySQL驱动(请允许装X一下…)在package.json的dependencies中新增,“mysql” : “latest”, 并执行npm install安装依赖

编写相关代码,整合Express+MySQL

1. 首先,我们先建几个目录,简单分下层(看出我还是很用心木有?)

在工程根目录新增三个目录:

util – 工具方法

conf – 配置

dao – 与数据库交互

完成后的工程结构

2.在conf目录中,编写mySQL数据库连接配置

2. 编写CRUD SQL语句

module.exports = user;

3. 增加路由及实现数据库的CRUD

以C(新增)的具体实现举例,在/routes/users.js 中增加一个路由

在userDao中实现add方法

// 使用连接池,提升性能
var pool = mysql.createPool($util.extend({},$conf.mysql));

// 向前台返回JSON方法的简单封装
var jsonWrite = function (res,ret) {
if(typeof ret === 'undefined') {
res.json({
code:'1',msg: '操作失败'
});
} else {
res.json(ret);
}
};

module.exports = {
add: function (req,next) {
pool.getConnection(function(err,connection) {
// 获取前台页面传过来的参数
var param = req.query || req.params;

        // 建立连接,向表中插入值
        // 'INSERT INTO user(id,connection.query($sql.insert,[param.name,param.age],function(err,result) {
            if(result) {
                result = {

code: 200,msg:'增加成功'
};
}

            // 以json形式,把操作结果返回给前台页面
            jsonWrite(res,result);

            // 释放连接 
            connection.release();
        });
    });
}

};

4. 测试整合是否成功

因为前面实现的是一个get请求的add方法, 所以可以在浏览器中直接使用地址访问,进入路由,http://localhost:3000/users/addUser?name=xyz&age=18.如果你得到如下JSON返回或看到数据表中有上面的数据插入,表示整合成功了

5. 同理,实现CRUD其它的方法,最终完整的的routes/user.js为:

var userDao = require('../dao/userDao');

/ GET users listing. /
router.get('/',next) {
res.send('respond with a resource');
});

// 增加用户
//TODO 同时支持get,post
router.get('/addUser',next);
});

router.get('/queryAll',next) {
userDao.queryAll(req,next);
});

router.get('/query',next) {
userDao.queryById(req,next);
});

router.get('/deleteUser',next) {
userDao.delete(req,next);
});

router.post('/updateUser',next) {
userDao.update(req,next);
});

module.exports = router;

完整的userDao.js为

// 使用连接池,提升性能
var pool = mysql.createPool($util.extend({},result);

            // 释放连接 
            connection.release();
        });
    });
},delete: function (req,next) {
    // delete by Id
    pool.getConnection(function(err,connection) {
        var id = +req.query.id;
        connection.query($sql.delete,id,result) {
            if(result.affectedRows > 0) {
                result = {

code: 200,msg:'删除成功'
};
} else {
result = void 0;
}
jsonWrite(res,result);
connection.release();
});
});
},update: function (req,next) {
// update by id
// 为了简单,要求同时传name和age两个参数
var param = req.body;
if(param.name == null || param.age == null || param.id == null) {
jsonWrite(res,undefined);
return;
}

    pool.getConnection(function(err,connection) {
        connection.query($sql.update,param.age,+param.id],result) {
            // 使用页面进行跳转提示
            if(result.affectedRows > 0) {
                res.render('suc',{

result: result
}); // 第二个参数可以直接在jade中使用
} else {
res.render('fail',{
result: result
});
}

            connection.release();
        });
    });

},queryById: function (req,next) {
    var id = +req.query.id; // 为了拼凑正确的sql语句,这里要转下整数
    pool.getConnection(function(err,connection) {
        connection.query($sql.queryById,result) {
            jsonWrite(res,result);
            connection.release();

        });
    });
},queryAll: function (req,connection) {
        connection.query($sql.queryAll,result);
            connection.release();
        });
    });
}

};

除了update测试外,其它get请求都可以直接在浏览器中使用地址+参数完成测试。为了模拟post请求,同时简单使用下jade模板(Express支持的一种模板引擎),我们在/views目录新建三个jade文件

updateUser.jade

suc.jade

fail.jade

以下是更新测试结果

最后,如果你使用的是idea或webStrom这样的IDE,你就不需要安装express和express项目种子生成器了。这两个IDE是可以直接创建NodeJS项目

小结:

一个Express的helloWorld就差不多完成了,可以通过这个链接下载此例子源代码http://pan.baidu.com/s/1jGvd4Bc。更多Express的功能(如日志,自动化测试等),等待大家去解锁,愿玩得愉快!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


根据官网 入门 express
java叫接口control什么的app.get.post等等都是请求方式我们可以在游览器输入localhost端口/或者在Apifox里面写。
为了前端丢进去的时候可以直接判断中间件就是经过了这个就会被使用可以做一些自己的数据处理什么的。
Express 文件的上传和下载
运行命令下载app.js 增加中间件。
基本模板来的 后面用后就有什么加什么都行。
此篇完成 增删 刷新文件 的基本操作
最基本的创建 以及 添加了其他的一些插件 登录接口和四个接口
由于每个接口都要放就很麻烦 所以做个中间件
1importre234defstrip_operate(exp):#合并多余的操作符5exp=exp.replace("+-","-")6exp=exp.replace("--","+")7returnexp8910defcal_exp_son(exp_son):#计算两数的乘除11if&
 socket.html<script>//高级api不兼容socket.io//http单向的,socket是双向的,传输都靠tcpletsocket=newWebSocket('ws://localhost:3000')socket.onopen=()=>{//多个页面通信就是先发给服务器,服务器再发给另一个页面socket.send('我
M模式:类,表示数据的应用程序和使用验证逻辑以强制实施针对这些数据的业务规则。V视图:应用程序使用动态生成HTML响应的模板文件。C控制器:处理传入的浏览器请求的类中检索模型数据,然后指定将响应返回到浏览器的视图模板。简单练习: 1、添加ControllerHelloWorldControlle
在Node开发中免不了要使用框架,比如express、koa、koa2拿使用的最多的express来举例子开发中肯定会用到很多类似于下面的这种代码varexpress=require('express');varapp=express();app.listen(3000,function(){console.log('listen3000...');});app.use(middle
node的http创建服务与利用Express框架有何不同原生http模块与使用express框架对比:consthttp=require("http");letserver=http.createServer(function(req,res){//服务器收到浏览器web请求后,打印一句话console.log("recvreqfrombrowser");
编辑nginx文件vi/usr/local/etcginxginx.confnginx配置如下,配置后需重启nginxnginx-sreloadlocation~.*\.json{roothtml;add_header"Access-Control-Allow-Origin""*";}前端index.html<script>fetch('http://localhost:12
constexpress=require('express')constapp=express()//步骤的拆解constresult=express.static('./views')app.use(result)//再次托管一下样式表的资源目录app.use('/css',express.static('./css'))//托管JS文件目录app.use('/js&#
问题描述:最近在做毕设,express里边的中间件(body-parser)失效,req.body获取不到任何值,req.query能获取到值。一开始加body-parser中间件是有用的,直到昨天加了token之后,body-parser失效。试着把token去掉,无济于事,也不是这个问题,也有说版本对不上的,换了中间件的引入方法,还是没用!!! 后
express官网:---->传送门 expressexpress框架有许多功能,比如路由配置,中间件,对于想配置服务器的前端来说,非常便捷自从node发展之后,基于nodejs的开发框架也不断涌现出来,express就是其中之一,最近简单的写了点express框架的简单的处理请求的demo首先是安装express模块npminstall
目录问题: 操作:Win+S按键,输入“事件查看器”问题详情:模块DLLC:\ProgramFiles(x86)\IISExpress\aspnetcore.dll未能加载。返回的数据为错误信息。问题:  操作:Win+S按键,输入“事件查看器” 问题详情:模块DLLC:\ProgramFiles(x86)\IISExpress\aspnetcore.dll
//获取阿里云市场,快递物流记录https://market.aliyun.com/products/56928004/cmapi022273.html?spm=5176.2020520132.101.26.61f97218v18GBF#sku=yuncode1627300000//get_express_log(self::$config['web']['aliyun_AppCode']阿里云市场AppCode,缓存秒数如300秒,'快递公司代