node.js编写api接口

238 阅读1分钟

一、安装

  1. 首先安装 node.js,下载地址

  2. 下载完成,打开 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框架 */

let express = require("express");
let app = express();

/* 引入cors */
let cors = require('cors');

app.use(cors());

/* 引入mysql */
var mysql = require("mysql"); //引入mysql模块

var conn = mysql.createConnection({

    host:'localhost', //数据库服务地址
    user:'用户', //mysql连接用户名
    password:'密码', //连接密码
    port:'端口号', //端口号 (默认:3306)
    database:'数据库名称' 

});

conn.connect(); //建立数据库连接

app.listen(8080, () => {
    console.log('——————————服务已启动——————————');
});

app.get('/api', (req, res) => {

    var sql = 'select * from student'

    conn.query(sql, (err, re) => {
        if (err) return res.json({code: 10001, message: err})
        res.json({code: 10000, message: re})
    })

})

index.html 代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>get提交</title>
</head>

<body>
    <form method="get" action="localhost">  //action 这里设置你本机的ip:端口号
        <p>
            用户名:
            <input type="text" name="user" />
        </p>
        <p>
            密码:
            <input type="text" name="psd" />
        </p>
        <p>
            <input type="submit" value="登陆" />
            <input type="reset" name="重置" />
        </p>
    </form>
    <script>
        var xml = new XMLHttpRequest();
        xml.open("GET", "url", true);//url 这里设置你本机的ip:端口号
        xml.send();
        xml.onreadystatechange = function () {
            if (xml.readyState == 4 && xml.status == 200) {
                var res = xml.responseText;
                console.log(res);
            }
        }
    </script>
</body>
</html>