# node-mysql-stydent

**Repository Path**: wlvip/node-mysql-stydent

## Basic Information

- **Project Name**: node-mysql-stydent
- **Description**: 简单node后端增删改查项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2024-09-02
- **Last Updated**: 2025-08-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Nodejs, Vue

## README

# node-mysql-student

这是一个简单的增删改查（CRUD）项目，前端使用 Vue 3，后端使用 Node.js 和 Express，并连接 MySQL 数据库。该项目适合用于学习和演示如何使用这些技术进行基本的 Web 应用开发。

## 项目概述

`node-mysql-student` 是一个基于前后端分离架构的项目，涵盖了学生与管理的基本操作。项目前端通过 Vue 3 构建，后端使用 Node.js 和 Express 进行 API 的开发，并通过 MySQL 管理数据。

## 技术栈

### 前端

- **Vue 3**: 现代化的前端框架，用于构建用户界面和单页应用程序。
- **Element Plus**: 基于 Vue 3 的 UI 组件库，用于快速搭建美观的用户界面。
- **Axios**: HTTP 客户端库，用于与后端进行数据交互。
- **Sass**: CSS 预处理器，用于编写可维护的样式代码。
- **Vite**: 现代前端开发构建工具，支持快速构建和热更新。

### 后端

- **Node.js**: 基于 JavaScript 的服务器端运行环境，用于开发后端应用。
- **Express**: Node.js 的轻量级 Web 框架，用于构建 API 和处理 HTTP 请求。
- **MySQL**: 关系型数据库管理系统，用于存储和管理项目数据。
- **TypeScript**: JavaScript 的超集，提供静态类型检查，提升代码的可维护性和开发体验。
- **Moment.js**: JavaScript 日期处理库，用于简化日期和时间的操作。

## 功能特性

- **学生管理**: 实现学生信息的增删改查功能。
- **数据展示**: 前端通过表格展示学生和班级信息，支持分页和筛选操作。
- **数据交互**: 前端使用 Axios 与后端 API 进行交互，实现数据的动态加载与提交。

## 快速开始

### 环境要求

- Node.js 20.x
- npm 10.x
- MySQL 5.7+

### 项目展示

![图片描述](https://gitee.com/wlvip/node-mysql-stydent/raw/master/db/2.png)
 
![图片描述](https://gitee.com/wlvip/node-mysql-stydent/raw/master/db/1.png)

![图片描述](https://gitee.com/wlvip/node-mysql-stydent/raw/master/db/3.png)
 
### 项目结构

- **前端**：
    - `src/`: 包含所有 Vue 组件和路由。
    - `public/`: 静态资源目录。
- **后端**：
    - `src/`: 包含所有后端逻辑，包括 API 和数据库连接。
    - `dist/`: 编译后的代码目录。

## 贡献指南

欢迎贡献代码和功能！请先 fork 本仓库，然后提交 PR。

## 许可证

该项目基于 MIT 许可证开源。

---

这个 `README.md` 文件包括了项目的主要技术、功能和安装步骤，为开发者提供了详细的指导。