# library_system_front

**Repository Path**: ok991/library_system_front

## Basic Information

- **Project Name**: library_system_front
- **Description**: 小项目01
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-03
- **Last Updated**: 2025-02-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目目录结构
* assets-图片等静态资源
* css-基础公共样式
* lib-插件库
* utils-工具类

* page-页面文件夹
    * login-登录页面
    
    * reg-注册页面页面
        
    * main-首页  ==轮播图==
    
    * search-图书搜索页面   ==渲染，搜索，借阅，查看==
    
    * borrow-图书借阅页面  ==渲染，归还，查看==
    
    * people-个人资料页面  ==渲染==
    
    * detail-图书详情页面 ==渲染==
    


## 优化方向

* 每次页面打开渲染时间比较长，可以加一个loading效果
* 搜索和借阅页面的表格可以加上分页
* 图书详情和个人资料的表单可以居中显示
* 页面有些单调


巧妙1：对用户身份的识别，将登录接口的返回值userId存入浏览器的本地存储，不同用户发送的请求获得的结果不同。
巧妙2：搜索页面和借阅页面的查找跳转，在动态渲染按钮的时候添加自定义属性，然后在点击事件里根据自定义属性获得bookId，存入本地存储，跳转到图书详情页面的时候可以从本地存储里获得需要展示的图书信息。
巧妙3：借阅页面的渲染，后端返回的最晚归还日期是日期格式，我们可以获得一个时间戳来与最晚归还日期进行比较，如果是当天日期，则说明已经归还，渲染结果是已归还。