【node】从零开始用node.js编写api接口

xiaoxiao2022-06-30 104

今天开始准备自己去探索下 node.js 编写接口，让自己朝着全栈逐渐靠近。

写此博客，就是为了记录下自己的探索以及实现过程。

一、安装

首先安装 node.js，下载地址。下载完成，打开 cmd 输入 node -v，如果显示出了版本号，证明安装成功。

二、初始化

在磁盘中找个合适的位置，创建一个文件夹用来放项目。然后在创建的文件夹根目录打开 cmd 输入 npm init 。初始化完成后，会在文件夹的根目录生成一个 package.json 文件。

三、安装依赖

express —— 基于 node.js 平台，快速、开放、极简的 web 开发框架。body-parser —— 用来解析表单。mysql —— 关系型数据库管理系统。cors —— 用来解决跨域问题。 npm install express body-parser mysql cors --save

四、起步

在文件夹根目录新建一个 index.js 文件。引入依赖后，就可以直接编写接口了。

index.js 代码如下：

/* 引入express框架 */ const express = require('express'); const app = express(); /* 引入cors */ const cors = require('cors'); app.use(cors()); /* 引入body-parser */ const bodyParser = require('body-parser'); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false })); /* 引入mysql */ const mysql = require('mysql'); const conn = mysql.createConnection({ host: 'localhost', user: 'root', password: '123456', database: 'test', multipleStatements: true }) conn.connect(); /* 监听端口 */ app.listen(8080, () => { console.log('——————————服务已启动——————————'); }) app.get('/', (req, res) => { res.send('<p style="color:red">服务已启动</p>'); }) app.get('/api/getUserList', (req, res) => { const sqlStr = 'SELECT * FROM users' conn.query(sqlStr, (error, results) => { if (error) return res.json({ code: 10001, message: error}) res.json({ code: 10000, message: results}) }) })

index.html 代码如下：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>node.js编写接口</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> </head> <body> </body> <script> $(function(){ $.get({ url: 'http://localhost:8080/api/getUserList', data: '', success: function(res){ console.log(res); res.message.map(item => { document.write('<div>'+ item.id + '————' + item.userName +'</div>'); }) }, error: function(error){ console.log(error); } }) }) </script> </html>

专利

最新回复(0)