请你帮我写一个html文件和js文件,我的总体需求是,运行js文件,通过端口打开html文件,在html网页注册信息,然后把信息插入到我的数据库当中,我现在已经有一个register.html的文件和server.js的文件,已经一个数据库,数据库的连接名root,密码是bhlhyqyq942641Qq,数据库的名字为student_room_message,在student_room_message里面有一个表格叫s_admin,来保存注册的信息,具体的需求是在命名一个register.html的文件,在这个html文件之中,你需要创建一个注册信息的网页,给我具体的代码,以及给我一个server.js的具体代码
时间: 2024-04-17 21:25:43 浏览: 87
以下是一个简单的示例代码,包含了一个register.html文件和一个server.js文件,实现了将注册信息插入到数据库中的功能。
register.html:
```html
<!DOCTYPE html>
<html>
<head>
<title>注册页面</title>
</head>
<body>
<h2>注册信息</h2>
<form id="registerForm">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required><br><br>
<input type="submit" value="注册">
</form>
<script src="client.js"></script>
</body>
</html>
```
client.js:
```javascript
document.getElementById('registerForm').addEventListener('submit', function(e) {
e.preventDefault();
var username = document.getElementById('username').value;
var email = document.getElementById('email').value;
var password = document.getElementById('password').value;
var data = {
username: username,
email: email,
password: password
};
// 发送POST请求给服务器
fetch('/register', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
})
.then(function(response) {
return response.json();
})
.then(function(result) {
if (result.success) {
alert('注册成功!');
// 注册成功后可以进行其他操作,比如跳转到其他页面
} else {
alert('注册失败!');
}
})
.catch(function(error) {
console.error('Error:', error);
});
});
```
server.js:
```javascript
const express = require('express');
const mysql = require('mysql');
const app = express();
const port = 3000;
// 创建数据库连接
const connection = mysql.createConnection({
host: 'localhost',
user: 'root',
password: 'bhlhyqyq942641Qq',
database: 'student_room_message'
});
// 连接到数据库
connection.connect(function(err) {
if (err) throw err;
console.log('Connected to the database');
});
// 处理注册请求
app.post('/register', function(req, res) {
var username = req.body.username;
var email = req.body.email;
var password = req.body.password;
// 将注册信息插入到s_admin表中
var sql = "INSERT INTO s_admin (username, email, password) VALUES (?, ?, ?)";
connection.query(sql, [username, email, password], function(err, result) {
if (err) {
console.error('Error:', err);
res.json({ success: false });
} else {
res.json({ success: true });
}
});
});
app.listen(port, function() {
console.log('Server listening on port ' + port);
});
```
请注意,以上代码只是一个示例,你可能需要根据自己的实际情况进行修改和完善。另外,确保在运行之前安装了必要的依赖项,比如express和mysql。
阅读全文