Skip to content

HoWhiteDevelop/library-frontend

Repository files navigation

图书馆管理系统前端

alt text 基于 React + TypeScript + Ant Design + tailwindcss 的现代化图书馆管理系统前端。

📋 功能模块

用户认证

  • 账号密码登录
  • 第三方登录 (GitHub, 微信, 邮箱)
  • JWT 认证

图书管理

  • 图书借阅
  • 图书归还
  • 图书上架
  • 图书信息管理

数据统计

  • 借阅统计报表
  • 图书状态报表
  • 用户借阅历史

用户管理

  • 个人信息管理
  • 头像上传
  • 借阅历史查看

🎯 开发规范

  • 使用 ESLint 进行代码规范检查
  • 使用 Prettier 进行代码格式化
  • 遵循 TypeScript 严格模式
  • 组件采用函数式编程

🌟 特性

  • 💻 现代化的用户界面设计
  • 🔐 基于 JWT 的身份验证
  • 📱 响应式布局,支持移动端
  • 🎨 自定义主题和动画效果
  • 🔍 高级搜索功能
  • 📊 数据可视化报表
  • 🌐 支持第三方登录 (GitHub, 微信等)

🛠 技术栈

  • React 18
  • TypeScript
  • Ant Design 5.x
  • Redux Toolkit
  • React Router 6
  • Axios
  • Tailwind CSS
  • Framer Motion
  • Vite

📦 安装

🔨 命令说明

# 开发
pnpm dev

# 构建
pnpm build

# 预览构建结果
pnpm preview

# 代码检查
pnpm lint

# 代码格式化
pnpm format

📁 项目结构

src/
├── api/          # API 接口
├── components/   # 公共组件
├── pages/        # 页面组件
├── store/        # Redux store
├── types/        # TypeScript 类型定义
├── utils/        # 工具函数
└── App.tsx       # 根组件

📄 许可证

MIT

👥 作者

  • HoWhite

🙏 致谢


About

图书系统前端设计

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •