nodejs与mysql注册界面
时间: 2023-12-12 20:24:19 浏览: 89
网上书城设计与实现-lw.zip
以下是一个基于 Node.js 和 MySQL 的注册界面的示例代码:
首先,需要安装 `mysql` 和 `express` 模块:
```
npm install mysql express --save
```
然后创建一个 `index.js` 文件,并引入 `express` 和 `mysql` 模块:
```javascript
const express = require('express');
const mysql = require('mysql');
const app = express();
// 创建 MySQL 连接
const connection = mysql.createConnection({
host: 'localhost',
user: 'root',
password: 'password',
database: 'test'
});
// 连接 MySQL 数据库
connection.connect((err) => {
if (err) {
console.error('error connecting: ' + err.stack);
return;
}
console.log('connected as id ' + connection.threadId);
});
// 创建 Express 路由
app.get('/', (req, res) => {
res.send('Hello World!');
});
// 注册页面路由
app.get('/register', (req, res) => {
res.sendFile(__dirname + '/register.html');
});
// 处理注册请求
app.post('/register', (req, res) => {
// 从请求中获取用户名和密码
const username = req.body.username;
const password = req.body.password;
// 将用户名和密码插入到数据库中
connection.query('INSERT INTO users SET ?', { username, password }, (error, results, fields) => {
if (error) throw error;
res.send('Registered successfully!');
});
});
// 启动 Express 服务器
app.listen(3000, () => {
console.log('Server started on port 3000');
});
```
在项目根目录下创建一个 `register.html` 文件,用于显示注册界面:
```html
<!DOCTYPE html>
<html>
<head>
<title>Register</title>
</head>
<body>
<h1>Register</h1>
<form method="post" action="/register">
<label>
Username:
<input type="text" name="username" required>
</label>
<br>
<label>
Password:
<input type="password" name="password" required>
</label>
<br>
<button type="submit">Register</button>
</form>
</body>
</html>
```
最后在命令行中运行 `node index.js` 启动服务器,即可在浏览器中访问 `http://localhost:3000/register` 进行注册。
阅读全文