java大师博客网站

vue教程

  • vue模拟el-table演示插槽用法 最近开发了一套图书管理系统,有兴趣的同学可以看下:图书管理系统演示 很多人知道插槽分为三种,但是实际到elementui当中为什么这么用,就一脸懵逼,接下来就跟大家聊一聊插槽在elementui中的应用,...
  • 通过封装el-table的方式,创建我们自己的Mytable组件 做了一个图书管理系统,有兴趣的朋友可以看下:图书管理系统演示 1、好处: 通过封装 el-table 组件,创建我们自己的 Mytable 组件,可以带来以下好处: 复用代码...
  • Login.vue <template> <div class="login-container"> <el-card class="login-card"> <h3 class="login-title...
  • vue3整合axios 3.1导入依赖 npm install axios 3.2新建util文件夹,创建api.js import axios from 'axios' import {ElLoading,ElMessage} from 'e...
  • vue3 hook函数返回多个对象 如果你想导出一个使用ref包装的对象,你可以使用toRef函数将对象的属性转换为响应式引用。这样,当属性的值发生变化时,它将自动触发重新渲染。 以下是一个示例代码: import { ref, toRef ...
  • vue通用的增删改查按钮组件 代码复用:这个组件可以在多个页面或组件中使用,避免了重复编写相同的按钮代码。 灵活性:通过showButtons属性,可以根据需要显示不同的按钮。默认情况下,它会显示添加、修改和删除按钮,但你也可以根据具体情况传递...
  • vue动态路由页面刷新后路由消失处理 原因:页面刷新后,页面会重新实例化路由数据,因为是动态路由,所以页面刷新后会将router置为router/index.js配置的原始路由数据,所以匹配路由地址的时候会报错。因为只需要在用户会话期间保持动态路...
  • 在ES6中,我们可以使用几种方式来遍历对象。下面是其中的几种方式,并附带详细的示例: for...in循环: 使用for...in循环可以遍历对象的可枚举属性。它会遍历对象自身的属性以及继承的属性(如果属性是可枚举的)。 const obj ...
  • 要使用自己的directives指令,需要按照以下步骤进行: 在Vue实例中注册指令 在Vue实例的创建函数中,可以使用Vue.directive方法来注册自定义指令。例如: // 创建Vue实例 var app = new Vue({ e...
  • Vue2和ElementUI编写的无限级菜单路由 文章转载自:www.javaman.cn <template> <div> <el-menu :default-active="$route.path" clas...
后端拜拜,用不到你了,前端开发数据模拟神器nodejs - java大师  java大师博客网站

后端拜拜,用不到你了,前端开发数据模拟神器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,服务器启动成功

nodejs启动express.png

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

返回json字符串.png

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


全部评论: 0

    我有话说: