• Node.js连接数据库取值,简单接口的实现


    第一步:先安装Node.js,这里不做介绍

    第二步:新建一个文件夹,打开cmd,进入该文件夹 执行npm init命令生成page.json文件

    第三步:安装如下模块,打开cmd,进入第二步的文件夹,执行npm install *** --save   安装下面四个模块

    第四步:新建一个index.js,代码如下

    const express = require('express')
    const mysql = require('mysql')
    const cors = require('cors')		// 跨域
    const bodyParser = require('body-parser')   // 解析参数
    const app = express()
    const router = express.Router()
    //上面是引入各种模块
    
    //启动项目,端口号为8000
    app.listen('8000',()=>console.log('服务启动'))
    
    //数据库信息,密码一般,默认root,我是修改过
    const option = {
    	host:'localhost',
    	user:'root',
    	password:'******',
    	port:'3306',
    	database:'test',
    	connectTimeout:5000, // 连接超时
    	multipleStatements:false // 是否允许一个query中包含多条sql语句
    }
    
    app.use(cors()) //解决跨域
    app.use(bodyParser.json()) //json请求
    app.use(bodyParser.urlencoded({extended:false})) // 表单请求
    
    //连接数据库
    const conn = mysql.createConnection(option)
    
    //all代表所有的请求方式(包括get/post)  '/user' 给一个路径(自己定义)  req代表发起请求(request)   res代表接收请求(response) 
    app.all('/user',(req,res)=>{
        // 选择user表 根据你自己的表名  用json的格式输出
    	conn.query('SELECT * From user',(e,r)=>res.json(new Result({data:r})))
    })
    
    // 输出的内容
    function Result({code=1,msg='',data={}}){
    	this.code = code;
    	this.msg = msg;
    	this.data = data
    }

     第五步:启动该项目,打开cmd,进入第二步新建的文件夹,执行node index.js文件,打开浏览器输入localhost:8000/user(后面路径要与你代码中所起的路径名一致)

    第六步:前端调用该接口

    window.οnlοad=function(){
        $.ajax({
    		url:'http://127.0.0.1:8000/user',  //接口地址,必须加上http://  否则会进入error
    		type:'get',
    		data:{
    				
    		},
    		success:function(res){
    			console.log(res)        //调用成功的回调
    		},
    		error:function(err){
    			console.log(err )        //调用失败的回调
    		}
    	})
    }

    附上数据库中的内容

    附上接口结果

     附上前端调用接口之后的结果

  • 相关阅读:
    2021-5-14 日报博客
    2021-5-13 日报博客
    2021-5-11 日报博客
    2021-5-10 日报博客
    2021-5-8 周报博客
    团队介绍——北部大队
    周总结4
    梦断代码阅读笔记02
    周总结3
    周总结2
  • 原文地址:https://www.cnblogs.com/xue-shuai/p/12000612.html
Copyright © 2020-2023  润新知