用node.js，mysql，html写一个学生管理系统

好的，下面是一个简单的学生管理系统的实现，使用Node.js作为后端，MySQL作为数据库，HTML和CSS作为前端。为了简化代码和减少依赖，我们将使用Express框架和EJS模板引擎。首先，我们需要安装必要的依赖项。 ``` npm install express ejs mysql2 ``` 然后，我们需要创建一个MySQL数据库和表，用于存储学生信息。我们将创建一个名为“students”的表，其中包含“id”（自动递增的唯一ID）、“name”（学生姓名）和“age”（学生年龄）三个字段。 ```sql CREATE DATABASE student_management; USE student_management; CREATE TABLE students ( id INT NOT NULL AUTO_INCREMENT, name VARCHAR(255) NOT NULL, age INT NOT NULL, PRIMARY KEY (id) ); ``` 接下来，我们将创建一个Express应用程序，并设置静态文件夹和EJS模板引擎。 ```js const express = require('express'); const mysql = require('mysql2'); const app = express(); // 设置静态文件夹 app.use(express.static('public')); // 设置EJS模板引擎 app.set('view engine', 'ejs'); ``` 然后，我们需要连接到MySQL数据库，并创建一个查询函数，用于执行SQL查询并返回结果。 ```js // 连接到MySQL数据库 const connection = mysql.createConnection({ host: 'localhost', user: 'root', database: 'student_management' }); // 查询函数 function query(sql, params) { return new Promise((resolve, reject) => { connection.query(sql, params, (error, results) => { if (error) { reject(error); } else { resolve(results); } }); }); } ``` 接下来，我们需要创建一些路由，用于处理HTTP请求和呈现页面。首先，我们将创建一个路由，用于呈现学生列表页面。这将执行一个查询，获取所有学生，并将它们传递给EJS模板。 ```js app.get('/', async (req, res) => { try { const results = await query('SELECT * FROM students'); res.render('index', { students: results }); } catch (error) { res.status(500).send(error.message); } }); ``` 然后，我们将创建一个路由，用于呈现添加学生页面。这将简单地呈现一个表单，用于输入学生的姓名和年龄。 ```js app.get('/add', (req, res) => { res.render('add'); }); ``` 接下来，我们将创建一个路由，用于处理添加学生表单的提交。这将执行一个插入查询，将新学生添加到数据库中。 ```js app.post('/add', async (req, res) => { try { const name = req.body.name; const age = parseInt(req.body.age); await query('INSERT INTO students (name, age) VALUES (?, ?)', [name, age]); res.redirect('/'); } catch (error) { res.status(500).send(error.message); } }); ``` 最后，我们将创建一个路由，用于处理删除学生的请求。这将执行一个删除查询，将指定的学生从数据库中删除。 ```js app.get('/delete/:id', async (req, res) => { try { const id = parseInt(req.params.id); await query('DELETE FROM students WHERE id = ?', [id]); res.redirect('/'); } catch (error) { res.status(500).send(error.message); } }); ``` 现在，我们已经创建了所有必要的路由和函数，我们只需要启动应用程序并访问网站即可。 ```js app.listen(3000, () => { console.log('Server started on http://localhost:3000'); }); ``` 最后，我们还需要创建一些HTML和CSS文件，用于呈现页面。这里只提供一个简单的示例，您可以根据自己的需要自由修改。 index.ejs： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学生管理系统</title> <link rel="stylesheet" href="/style.css"> </head> <body> <h1>学生列表</h1> <table> <tr> <th>ID</th> <th>姓名</th> <th>年龄</th> <th>操作</th> </tr> <% students.forEach(student => { %> <tr> <td><%= student.id %></td> <td><%= student.name %></td> <td><%= student.age %></td> <td><a href="/delete/<%= student.id %>" onclick="return confirm('确定要删除吗？')">删除</a></td> </tr> <% }) %> </table> <p><a href="/add">添加学生</a></p> </body> </html> ``` add.ejs： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>添加学生</title> <link rel="stylesheet" href="/style.css"> </head> <body> <h1>添加学生</h1> <form method="POST" action="/add"> <label for="name">姓名：</label> <input type="text" id="name" name="name" required> <label for="age">年龄：</label> <input type="number" id="age" name="age" required> <button type="submit">添加</button> </form> <p><a href="/">返回学生列表</a></p> </body> </html> ``` style.css： ```css body { font-family: Arial, sans-serif; } h1 { font-size: 24px; margin-bottom: 20px; } table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid #ddd; padding: 8px; text-align: left; } th { background-color: #f2f2f2; } tr:nth-child(even) { background-color: #f2f2f2; } form { margin-bottom: 20px; } label { display: block; margin-bottom: 10px; } input[type="text"], input[type="number"] { padding: 5px; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 10px; } button[type="submit"] { padding: 5px 10px; background-color: #4caf50; color: #fff; border: none; border-radius: 3px; cursor: pointer; } ``` 这就是一个简单的学生管理系统的实现，您可以根据需要进行扩展和修改。

阅读全文

用node.js，mysql，html写一个学生管理系统

相关推荐

基于Node.js和MySQL的学生成绩管理系统设计源码

基于Node.js的极简的学生管理系统

node.js+mysql博客全栈系统源码.zip

node.js MySQL 学生管理系统

用node.js写一个管理系统

node.js+mysql如何写后台管理系统

基于用微信小程序+ node.js+mysql写一个卖东西的系统

使用node.js生成一个简易cms管理系统

使用html css node 写一个学生信息管理系统

期末作业node.js+mysql超市管理系统简易

node.js做一个web图书管理系统

node.js+vue毕设学生宿舍管理系统源码

node.js mysql

node.js mysql mysql2

用MySQL+node+vue做一个学生信息管理系统

vue node.js mysql

如何使用Vue.js和Node.js开发一个酒店管理系统？请提供基本的开发流程和关键步骤。

图书管理系统node.js

node.js+mysql 后端

node.js+express+mysql实现博客系统

最新推荐

MATLAB-四连杆机构的仿真+项目源码+文档说明

基于Python和Opencv的车牌识别系统实现

管理建模和仿真的文件

网络隔离与防火墙策略：防御网络威胁的终极指南

在密码学中，对称加密和非对称加密有哪些关键区别，它们各自适用于哪些场景？

我的代码小部件库：统计、MySQL操作与树结构功能

"互动学习：行动中的多样性与论文攻读经历"

网络测试与性能评估：准确衡量网络效能的科学方法

在永磁同步电机中，如何利用有限元仿真技术模拟失磁故障对电机性能的影响？

React初学者入门指南：快速构建并部署你的第一个应用