美文网首页
后端拜拜,用不到你了,前端开发数据模拟神器nodejs

后端拜拜,用不到你了,前端开发数据模拟神器nodejs

作者: 85年的大喇叭 | 来源:发表于2021-09-05 09:51 被阅读0次

后端拜拜,用不到你了,前端开发数据模拟神器nodejs

欢迎关注博主公众号「java大师」, 专注于分享Java领域干货文章, 关注回复「资源」, 免费领取全网最热的Java架构师学习PDF, 转载请注明出处 https://www.javaman.cn/vue/nodejs

大家好,我是大师,在前后端分离越来越成熟的今天,很多前端都要依赖后端的开发进度才能进行前端的数据展示。今天给大家介绍一款nodejs超级好用的模块express!

一、引入express和mysql模块组件,并初始化express组件

const express = require("express");
const mysql = require("mysql");
//初始化express模块组件
const app = express();

二、配置mysql的数据库连接

//mysql初始化db配置
const db = mysql.createConnection({
host:"localhost",
user:"root",
password:"123456",
database:"db_test"
})
//连接mysql
db.connect((err)=>{
if(err) throw err;
console.log("连接成功")
})

三、调用sql语句,并将结果组装成json串

//app.get方法,第一个参数为url路径,
app.get("/getUsers",(req,res)=>{
//创建sql语句
let sql = "select id,username,name from sys_user";
//调用db的查询方法
db.query(sql,(err,result)=>{
if(err){
console.log(err);
}else{
//返回json
res.json(result);
}
})
})

四、启动app,监听3000端口

app.listen(3000,()=>{
console.log("服务器在3000端口运行")
})

五、启动nodejs,服务器启动成功

1.png

六、浏览器输入地址:localhost:3000/getUsers

2.png

有个这个神器是不是很爽,前台也可以肆意妄为的抠腚了,不用再依赖后端的进度了!!!

相关文章

  • 后端拜拜,用不到你了,前端开发数据模拟神器nodejs

    后端拜拜,用不到你了,前端开发数据模拟神器nodejs 欢迎关注博主公众号「java大师」, 专注于分享Java领...

  • 前后端分离-独立于后端的前端开发

    题目:前后端分离-独立于后端的前端开发简介:如何构建 Web 前端 Mock Server 前后端分离真实数据模拟...

  • Vue示例之使用Mock模拟数据与Axios请求数据

    简述 由于后端与前端同时开发,而后端接口还未开发完成,前端又急需数据进行测试。那么mock模拟数据就是很好的选择,...

  • Mock.js 学习笔记

    学习目的 ①开发时,后端还没完成数据输出,前端只好写静态模拟数据。数据牵制与后端,前端页面无法很好的展示,...

  • 生产环境和开发环境baseURL无缝切换

    前端和后端做交互时候,当后端数据没有做好情况,我们在开发环境中需要自己mock数据(mock假数据,模拟开发),这...

  • mock

    mock使用优势:前后端同时开发的时候,后端接口数据没有出来,前端可以mock假数据,模拟开发 1,安装mock依...

  • 使用fastjson输出json格式实体类

    场景:前后端开发项目,后端需要提供给前端返回的数据结构,保证同步开发,这个时候模拟数据也不好模拟,比如下面的查询L...

  • 前端虚拟接口mockJs的接入

    标签(空格分隔): mockjs 模拟接口数据 前后端分离开发 序 前端模拟接口数据的方式,大概分为以下...

  • node.js开发后端

    前端开发 VS 后端开发 前端开发思维 VS 后端开发思维 编程语言对于我们学习NodeJs不是障碍,就是ES语法...

  • 前端mock数据

    前后端并行开发时,前端页面需要接口数据动态渲染,此时后端接口未开发完成,这时前端可以模拟接口请求。本文主要介绍在不...

网友评论

      本文标题:后端拜拜,用不到你了,前端开发数据模拟神器nodejs

      本文链接:https://www.haomeiwen.com/subject/wocjwltx.html