关于如何创建一个express项目请点击查看
1、安装对应的模块名
在终端输入:npm i mysql
命令解析:
1、i
安装
2、mysql
mysql模块名
2、使用mysql模块(在js文件中编写)
//引入mysql模块
const mysql = require('mysql');
//配置mysql访问方式
const db = mysql.createConnection({
host:'localhost',
user:'root',
//你的mysql密码
password:'root',
//你要连接的数据库
database:'mydb'
});
//接收前端的数据 第一个是接口的名字
serve.get('/login',function(request,response){
// request 请求,前端向后端请求
//response后台给前端的反馈
//request.query 前端发过来的get请求数据
//查询语句
const sql = `select * from user1 where username='${request.query.username}' and password = '${request.query.password}'`
//在数据库中查询,err是错误信息,data是查询后的结果以对象的形式返回
db.query(sql,function(err,data){
console.log(err,data)
if(err){
console.log(err)
}else{
//data.length=1,即长度为1,直接简写
if(data.length){
//输入正确登录成功
response.send({code:200,msg:'登录成功!'})
}else{
//输入账号密码错误
response.send({code:500,msg:'账号密码错误'})
}
}
})
html中代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="login">
<h1>登录</h1>
<form action="/login">
<input type="text" name="username"><br>
<input type="password" name="password"><br>
<button>登录</button>
</form>
</div>
</body>
</html>
知识扩展:
1、这里获取数据方法有get方法和post方法,这里的登录用到的是get方法
2、html中form标签中的action属性的值是接口名字,其名字需要跟你写的js文件里的接口名字一致。
3、input标签里的name属性的值必须得填写,不然无法获取。
mysql中的表数据