node.js+html+mysql做的学生信息管理系统学生信息管理系统项目简介这是一个基于 HTML + Node

学生信息管理系统

项目简介

这是一个基于 HTML + Node.js + MySQL 8 开发的学生信息管理系统。系统提供了学生和管理员两种角色，学生可以注册登录并管理自己的个人信息，管理员可以对所有学生信息和班级数据进行全面的增删改查操作。

技术栈

前端: HTML5 + CSS3 + JavaScript (ES6+)
后端: Node.js + Express
数据库: MySQL 8.0
其他: bcryptjs (密码加密), express-session (会话管理)

项目结构

stuman/
├── package.json              # 项目依赖配置
├── server.js                 # 后端服务器主文件
├── database.sql              # 数据库结构SQL文件
├── README.md                 # 项目说明文档
└── public/                   # 静态资源目录
    ├── css/
    │   └── style.css         # 全局样式文件
    ├── js/
    │   └── main.js           # 通用JavaScript函数
    └── views/                # HTML页面文件
        ├── index.html                    # 登录页面
        ├── student-register.html         # 学生注册页面
        ├── student-dashboard.html        # 学生信息展示页面
        ├── student-edit.html             # 学生信息编辑页面
        ├── admin-dashboard.html          # 管理员首页
        ├── admin-students.html           # 学生管理列表页面
        ├── admin-student-edit.html       # 学生编辑页面（管理员）
        ├── admin-classes.html            # 班级管理列表页面
        └── admin-class-edit.html         # 班级编辑页面（管理员）

功能特性

学生功能

注册登录
- 学生可以通过学号注册账号
- 注册时需要填写基本信息并选择班级
- 使用学号和密码登录系统
个人信息管理
- 查看个人详细信息（学号、姓名、性别、年龄、联系方式、班级等）
- 编辑个人信息（姓名、性别、年龄、电话、邮箱、地址）
- 学号和班级信息不可修改

管理员功能

登录系统
- 默认管理员账号：admin / admin123
- 系统启动时会自动创建默认管理员账号
学生管理
- 查看所有学生列表
- 按班级筛选学生
- 添加新学生
- 编辑学生信息（包括修改密码）
- 删除学生
班级管理
- 查看所有班级列表
- 添加新班级
- 编辑班级信息
- 删除班级（如果班级下有学生则无法删除）

安装与配置

1. 环境要求

Node.js (推荐 v14.0 或更高版本)
MySQL 8.0
npm 或 yarn

2. 安装依赖

npm install

3. 数据库配置

确保 MySQL 8.0 已安装并运行
导入数据库结构文件：

mysql -u root -p < database.sql

或者使用 MySQL 客户端工具（如 Navicat、phpMyAdmin）导入 database.sql 文件。

修改 server.js 中的数据库连接配置：

const dbConfig = {
    host: 'localhost',        // 数据库主机地址
    user: 'root',            // 数据库用户名
    password: 'root',        // 数据库密码（请修改为您的密码）
    database: 'student_management',
    charset: 'utf8mb4'
};