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

Express工程环境准备
1. 安装express,和express项目种子生成器(什么?你问第1步为什么不是安装NodeJS,我也只能呵呵..)
安装express
npm install express -g
安装express
npm install express-generator -g
2. 创建工程。进入工程目录,运行命令
express projectName
expresst项目种子生成器会帮我们生成express相应的工程结构,如下
/bin: 用于应用启动
/public: 静态资源目录
/routes:可以认为是controller(控制器)目录
/views: jade模板目录,可以认为是view(视图)目录
app.js 程序main文件
3. 进入工程,安装依赖,然后启动应用在工程根目录,使用npm install安装依赖,使用npm start启动应用。完成后,你在命令行工具里会看出如下界面,在浏览器中访问会得到我们应用的默认页面
MySQL环境准备
1. 当然,首先你要准备好MySQL环境。可以参看https://www./article/39188.htm进行安装,同时也建议安装一个数据库管理工具,如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数据库连接配置
// conf/db.js
// MySQL数据库联接配置
module.exports = {
mysql: {
host: '127.0.0.1',
user: 'root',
password: '',
database:'test', // 前面建的user表位于这个数据库中
port: 3306
}
};
2. 编写CRUD SQL语句
// dao/userSqlMapping.js
// CRUD SQL语句
var user = {
insert:'INSERT INTO user(id, name, age) VALUES(0,?,?)',
update:'update user set name=?, age=? where id=?',
delete: 'delete from user where id=?',
queryById: 'select * from user where id=?',
queryAll: 'select * from user'
};
module.exports = user;
3. 增加路由及实现数据库的CRUD
以C(新增)的具体实现举例,在/routes/users.js 中增加一个路由
// 增加用户
router.get('/addUser', function(req, res, next) {
userDao.add(req, res, next);
});
在userDao中实现add方法
// dao/userDao.js
// 实现与MySQL交互
var mysql = require('mysql');
var $conf = require('../conf/conf');
var $util = require('../util/util');
var $sql = require('./userSqlMapping');
// 使用连接池,提升性能
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, res, next) {
pool.getConnection(function(err, connection) {
// 获取前台页面传过来的参数
var param = req.query || req.params;
// 建立连接,向表中插入值
// 'INSERT INTO user(id, name, age) VALUES(0,?,?)',
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 express = require('express');
var router = express.Router();
var userDao = require('../dao/userDao');
/* GET users listing. */
router.get('/', function(req, res, next) {
res.send('respond with a resource');
});
// 增加用户
//TODO 同时支持get,post
router.get('/addUser', function(req, res, next) {
userDao.add(req, res, next);
});
router.get('/queryAll', function(req, res, next) {
userDao.queryAll(req, res, next);
});
router.get('/query', function(req, res, next) {
userDao.queryById(req, res, next);
});
router.get('/deleteUser', function(req, res, next) {
userDao.delete(req, res, next);
});
router.post('/updateUser', function(req, res, next) {
userDao.update(req, res, next);
});
module.exports = router;
完整的userDao.js为
// dao/userDao.js
// 实现与MySQL交互
var mysql = require('mysql');
var $conf = require('../conf/db');
var $util = require('../util/util');
var $sql = require('./userSqlMapping');
// 使用连接池,提升性能
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, res, next) {
pool.getConnection(function(err, connection) {
// 获取前台页面传过来的参数
var param = req.query || req.params;
// 建立连接,向表中插入值
// 'INSERT INTO user(id, name, age) VALUES(0,?,?)',
connection.query($sql.insert, [param.name, param.age], function(err, result) {
if(result) {
result = {
code: 200,
msg:'增加成功'
};
}
// 以json形式,把操作结果返回给前台页面
jsonWrite(res, result);
// 释放连接
connection.release();
});
});
},
delete: function (req, res, next) {
// delete by Id
pool.getConnection(function(err, connection) {
var id = +req.query.id;
connection.query($sql.delete, id, function(err, result) {
if(result.affectedRows > 0) {
result = {
code: 200,
msg:'删除成功'
};
} else {
result = void 0;
}
jsonWrite(res, result);
connection.release();
});
});
},
update: function (req, res, 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.name, param.age, +param.id], function(err, result) {
// 使用页面进行跳转提示
if(result.affectedRows > 0) {
res.render('suc', {
result: result
}); // 第二个参数可以直接在jade中使用
} else {
res.render('fail', {
result: result
});
}
connection.release();
});
});
},
queryById: function (req, res, next) {
var id = +req.query.id; // 为了拼凑正确的sql语句,这里要转下整数
pool.getConnection(function(err, connection) {
connection.query($sql.queryById, id, function(err, result) {
jsonWrite(res, result);
connection.release();
});
});
},
queryAll: function (req, res, next) {
pool.getConnection(function(err, connection) {
connection.query($sql.queryAll, function(err, result) {
jsonWrite(res, result);
connection.release();
});
});
}
};
除了update测试外,其它get请求都可以直接在浏览器中使用地址+参数完成测试。为了模拟post请求,同时简单使用下jade模板(Express支持的一种模板引擎),我们在/views目录新建三个jade文件
updateUser.jade
extends layout block content h1 更新用户资料 form(method='post', action='/p/users/updateUser') div.form-row label span ID: input(type='text',name='id') div.form-row label span name: input(type='text',name='name') div.form-row label span age: input(type='text',name='age') div.form-row input(type='submit')
suc.jade
block content
h1 操作成功!
pre #{JSON.stringify(result)}
fail.jade
block content
h1 操作失败!
pre #{JSON.stringify(result)}
以下是更新测试结果
最后,如果你使用的是idea或webStrom这样的IDE,你就不需要安装express和express项目种子生成器了。这两个IDE是可以直接创建NodeJS项目
小结:
一个Express的helloWorld就差不多完成了, 可以通过这个链接下载此例子源代码http://pan.baidu.com/s/1jGvd4Bc。更多Express的功能(如日志,自动化测试等),等待大家去解锁,愿玩得愉快!
# nodejs服务端开发
# nodejs
# 服务端
# express
# mysql
# nodejs中操作mysql数据库示例
# nodejs mysql 实现分页的方法
# NodeJs使用Mysql模块实现事务处理实例
# Docker + Nodejs + Kafka + Redis + MySQL搭建简单秒杀环境
# nodejs连接mysql数据库简单封装示例-mysql模块
# Nodejs连接mysql并实现增、删、改、查操作的方法详解
# nodejs连接mysql数据库及基本知识点详解
# Nodejs使用mysql模块之获得更新和删除影响的行数的方法
# NodeJS与Mysql的交互示例代码
# nodejs+mysql实现用户相关的增删改查的详细操作
# 可以直接
# 的是
# 如果你
# 器中
# 数据库中
# 后端
# 我也
# 几个
# 连接池
# 完成后
# 好了
# 你就
# 你要
# 你在
# 不多
# 中有
# 这两个
# 可以通过
# 第二个
# 要用
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
Laravel如何使用Seeder填充数据_Laravel模型工厂Factory批量生成测试数据【方法】
Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南
PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)
Laravel如何操作JSON类型的数据库字段?(Eloquent示例)
阿里云网站搭建费用解析:服务器价格与建站成本优化指南
Laravel如何实现API版本控制_Laravel API版本化路由设计策略
Laravel Seeder怎么填充数据_Laravel数据库填充器的使用方法与技巧
公司门户网站制作流程,华为官网怎么做?
潮流网站制作头像软件下载,适合母子的网名有哪些?
Laravel怎么实现软删除SoftDeletes_Laravel模型回收站功能与数据恢复【步骤】
java ZXing生成二维码及条码实例分享
在线制作视频网站免费,都有哪些好的动漫网站?
如何正确选择百度移动适配建站域名?
如何快速搭建二级域名独立网站?
如何生成腾讯云建站专用兑换码?
智能起名网站制作软件有哪些,制作logo的软件?
Android中Textview和图片同行显示(文字超出用省略号,图片自动靠右边)
Laravel怎么使用Markdown渲染文档_Laravel将Markdown内容转HTML页面展示【实战】
Android Socket接口实现即时通讯实例代码
佛山企业网站制作公司有哪些,沟通100网上服务官网?
如何快速查询域名建站关键信息?
进行网站优化必须要坚持的四大原则
如何在 React 中条件性地遍历数组并渲染元素
Python数据仓库与ETL构建实战_Airflow调度流程详解
微信小程序 配置文件详细介绍
Google浏览器为什么这么卡 Google浏览器提速优化设置步骤【方法】
,在苏州找工作,上哪个网站比较好?
JS中对数组元素进行增删改移的方法总结
php json中文编码为null的解决办法
Laravel怎么实现验证码(Captcha)功能
Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践
Laravel怎么创建控制器Controller_Laravel路由绑定与控制器逻辑编写【指南】
如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程
如何快速登录WAP自助建站平台?
php后缀怎么变mp4格式错误_修改扩展名提示格式不对怎么办【技巧】
如何制作公司的网站链接,公司想做一个网站,一般需要花多少钱?
Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程
制作公司内部网站有哪些,内网如何建网站?
Laravel怎么生成URL_Laravel路由命名与URL生成函数详解
如何在不使用负向后查找的情况下匹配特定条件前的换行符
高防服务器租用指南:配置选择与快速部署攻略
Laravel如何集成微信支付SDK_Laravel使用yansongda-pay实现扫码支付【实战】
网站制作价目表怎么做,珍爱网婚介费用多少?
Laravel请求验证怎么写_Laravel Validator自定义表单验证规则教程
北京专业网站制作设计师招聘,北京白云观官方网站?
微信小程序 闭包写法详细介绍
Laravel如何自定义错误页面(404, 500)?(代码示例)
微信小程序 wx.uploadFile无法上传解决办法
EditPlus中的正则表达式 实战(1)
Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID

