Node.js + Express + MySQL构建项目
前提:你已安装好Node.js、mysql
一.node.js配置连接mysql
项目中安装mysql驱动包
cnpm install mysql 或者
npm install mysql
2.配置连接
- 引入模块 配置连接

- 创建连接

- 使用
connection.query(sql,function(err,results,fields){ do something })进行数据库操作

- 终端输入
node 文件名运行文件,如果提示以下报错的话,可按以下步骤操作解决
Client does not support authentication protocol requested by server
解决办法:
- 找到安装mysql的根目录
C:\Program Files\MySQL\MySQL Server 8.0打开cmd 输入命令mysql -u root -p再输入密码登录数据库

-
命令行输入以下命令更改加密方式
ALTER USER 'root'@'localhost' IDENTIFIED BY 'password' PASSWORD EXPIRE NEVER; -
更改密码: 123456为新密码
ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '123456'; -
刷新:完美解决
FLUSH PRIVILEGES;
3.mysql连接测试例子
- 数据库表

- js完整代码

- Nice!!成功获取到数据库中表数据
二.express的基本使用
-
下载依赖包
npm install express --save或者全局安装npm install express --save -g -
新建一个js文件,引入express模块,代码如下

- 终端输入
node js文件名启动服务 - 浏览器输入
localhost:9000访问开启的服务器

三.API接口书写
Syntax:app.get(path,callback[])
- GET请求示例:


-
POST请求示例:
express 不能直接解析POST请求体,得使用第三方插件
body-parsernpm install body-parser



四.express路由
- 创建路由文件,引入
express和router,使用路由创建接口

- app.js中引入路由模块、使用路由

- 访问接口:
域名:端口/user/add

五.express 中间件middlewear
全局配置
使用场景:所有接口验证登录Token,这时就可以通过中间件全局配置



局部配置


六.express静态资源目录 static
syntax:express.static(root, [options])
express.static设置的文件夹类似apache的www文件夹、tomcat的webapps文件夹,里面的静态资源能被直接访问
用法:app.use('访问路径',express.static('想要设置成静态资源文件夹的目录的绝对路径'))

访问:域名:端口/访问路径/资源

七.node.js + express + mysql项目搭建
创建项目及目录结构
- 自己创建(推荐)

以上是一个最基本目录结构
我这里建了一个小程序后端项目,目录结构如下:


我这里是将小程序的前台(用户界面)和小程序后台(管理员界面)的后端都弄在了这一个项目里,miniprogram是小程序前台相关的api接口,admin里自然是一些后台管理员相关的api接口了。
数据库连接配置与实例封装
- 新建db文件夹,文件夹下创建数据库配置文件db.config.js和数据库实例db.js


操作数据库的部分写成api,在使用接口的时候引入该api
- 创建api文件,里面写操作数据库相关的api,可以像我下面这样,创建一个userApi.js文件,里面全是关于用户操作的一些api

使用路由配合接口api使用,使app.js结构更简洁、清晰
- 创建userRouter.js,引入userApi.js模块,然后再这里定义接口

app.js文件结构
- app.js中引入和使用路由模块userRouter.js

终端输入命令node app.js跑起项目,服务启动在本机3000端口下,浏览器输入localhost:3000,就能访问项目跑起的服务了。
-
使用express-generator自动搭建项目
(1)
npm install express-generator -g安装express-generator(2)在你想要创建项目的位置cmd然后输入
express expressGeneratorProject其中
expressGeneratorProject为项目名称(3)依次执行一下三条命令
cd expressGeneratorProject,npm install,npm start进入到创建好的项目、安装依赖、启动项目

(4)浏览器输入localhost:3000就能看见你的项目了

我没用这种方式创建express项目,因为他里面的这两个依赖我包我不知道是啥!!(jade:模板引擎 没用过 O.o , morgan:express默认日志组件,也从未听说过 O.o )还有就是一些写法没看懂,虽然自己建的low一点,但是每行代码,每个文件,自己心里有数。

627



被折叠的 条评论
为什么被折叠?



