# 图书管理系统前端代码

**Repository Path**: huang-siwei0911/library-management-system

## Basic Information

- **Project Name**: 图书管理系统前端代码
- **Description**: 湖南交通职业技术学院毕设
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-14
- **Last Updated**: 2026-03-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# 图书馆管理系统前端

一个现代的图书馆管理 Web 应用程序，使用 Vue 3 和 Vite 构建。

## 项目简介

这是一套综合图书馆管理系统的前端应用，提供友好的用户界面，用于管理图书、用户和借阅归还流程，以及系统设置。

## 技术栈

| 技术 | 用途 |
|------|------|
| Vue 3 | 框架（组合式 API） |
| Vite | 构建工具 |
| Pinia | 状态管理 |
| Vue Router | 路由管理 |
| Axios | HTTP 客户端 |

## 项目结构

```
src/
├── api/                    # API 接口模块
│   ├── auth/              # 认证接口
│   ├── bookInfo/          # 图书管理接口
│   ├── borrowRecord/      # 借阅记录接口
│   ├── category/          # 分类管理接口
│   ├── favorite/          # 收藏接口
│   └── user/              # 用户管理接口
├── component/             # 可复用组件
│   ├── header/           # 头部组件
│   └── Sidebar/          # 侧边栏导航
├── router/                # 路由配置
├── store/                 # Pinia 状态管理
│   └── user.js           # 用户状态
├── utils/                 # 工具函数
│   └── request.js        # HTTP 请求封装
└── views/                 # 页面组件
    ├── Auth/             # 认证页面
    ├── Book/             # 图书管理
    ├── Circulation/      # 借阅与归还
    ├── Home/             # 仪表盘
    ├── Home2/            # 首页2
    ├── MyBooks/          # 我的图书
    ├── Profile/          # 个人中心
    ├── Search2/          # 搜索功能
    ├── System/           # 系统管理
    └── User/             # 用户管理
```

## 功能特性

### 图书管理
- 添加、编辑和删除书籍
- 查看图书详情
- 分类管理

### 用户管理
- 用户列表和权限管理
- 用户资料管理

### 借阅管理
- 借书操作
- 归还书籍
- 查看借阅记录
- 逾期处理

### 系统管理
- 横幅管理
- 系统日志
- 通知管理

### 个人中心
- 个人信息
- 借阅历史
- 收藏管理
- 消息通知

## 快速开始

### 安装依赖

```bash
npm install
```

### 开发模式

启动开发服务器，支持热更新：

```bash
npm run dev
```

### 生产构建

编译并压缩为生产环境：

```bash
npm run build
```

## 推荐开发环境

- **IDE**: VS Code + Vue - 官方插件（如已安装 Vetur 请禁用）
- **浏览器**: Chrome / Edge / Brave（推荐安装 Vue.js 开发工具）

## 许可证

本项目仅用于教育和演示目的。