# milkbox2-web

**Repository Path**: guo-yongchen/milkbox2-web

## Basic Information

- **Project Name**: milkbox2-web
- **Description**: 全新架构milkbox牛奶盒工具箱前端部分（开发中）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-12-22
- **Last Updated**: 2025-05-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, TypeScript

## README

# milkbox新版

[![郭泳辰/milkbox2-web](https://gitee.com/guo-yongchen/milkbox2-web/widgets/widget_card.svg?colors=393222,ebdfc1,fffae5,d8ca9f,393222,a28b40)](https://gitee.com/guo-yongchen/milkbox2-web)

# 技术栈

总体架构：vue3 + elementPlus + typescript + vite

1. vite
2. pinia

## 使用的技术详情

### 简化cookie操作（js-cookie）

网址：https://github.com/js-cookie/js-cookie/tree/main


# npm命令

更新一个软件包：

```bash
npm install 软件包名@latest
```

安装自定软件包的ts类型定义：

```bash
npm install --save-dev @types/软件包名
```

# 备忘录

- [ ] 完成左侧菜单树（已完成毛坯房）
- [ ] 制作一个时间选择器组件，可以选择公元前时间，在左侧可以使用大范围选择列表，比如按照朝代顺序选择时间。java可以考虑使用LocalDate对象，js可以考虑使用moment.js
- [ ] 制作一个数字单位自动显示功能，以个十百千万的方式
- [ ] 关于防止重放攻击

使用非对称加密方式，在客户端将用户密码或者token值加上当前时间戳，然后将其与公钥加密，发送给服务端。服务端将密文通过私钥解密，获取其中的时间戳，判断当前服务时间戳与密文中的时间戳的差值，差值在一定的时间范围内则认为是有效请求，若超出一定的值则认为是无效请求即重放攻击（一般服务器时间戳会被客户端密文中的时间戳大）

例如：服务器时间戳减去客户端时间戳若小于30秒，则表示同一个加密token值，在30秒内有效，超出30秒则认为是重放攻击。当然会有概率误判，可能会因为网络延时等原因造成发送的数据在30秒后才到达服务器。所以这种方式也只能在一定程度上防止重放攻击。可保护由客户端到服务器发送数据的这一条链路是相对安全的。

- [ ] 将中国历朝历代以及黄帝名称保存到一个数据库中