# AIGraderPro

**Repository Path**: haiming236/AIGraderPro

## Basic Information

- **Project Name**: AIGraderPro
- **Description**: 智能阅卷系统前端实现
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2024-01-20
- **Last Updated**: 2025-05-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AIGraderPro

基于文心大模型的智能阅卷平台设计与开发





## 第三方安装库

- PrimeVue UI https://primevue.org/nuxt/
- tailWind CSS https://www.tailwindcss.cn/docs
- Vue3 https://vuejs.org/guide/quick-start.html
- Vee-Validate https://vee-validate.logaretm.com/v4/


### 安装依赖

```bash
# PrimeVue UI 依赖
npm install primevue

# PrimeVue UI icon依赖
npm install primeicons

# tailwind css
npm install -D tailwindcss
npm i -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
重启vscode生效

# 表单验证 vee-validate
npm i vee-validate --save

# yup 是一个独立的 JavaScript schema 构建器和验证库
npm install yup

# axios安装
npm install axios

# sass安装
npm install sass

# html2canvas 安装 图片裁剪
npm install --save html2canvas

```


## 截图
![Alt text](./screenshot/login.png)
![Alt text](./screenshot/register.jpg)
![Alt text](./screenshot/register_success.png)



## 图片预览


```mermaid
graph LR
A[上传图片] --> B[转化base64]
B --> C[给img标签src]
C --> D[预览图片]
```






## 图片裁剪区域划分


```mermaid
graph TD
A[上传图片前压缩] --> B[裁剪区域划分]
B --> C[滤镜]
C --> D[裁剪区域]
```