添加readme文件,对项目进行描述

This commit is contained in:
junleea 2025-03-29 17:37:37 +08:00
parent 27c89ea96f
commit 6aa8d9c8cf
1 changed files with 109 additions and 72 deletions

181
README.md
View File

@ -1,72 +1,109 @@
<template>
<div>
<el-upload
class="upload-demo"
action="http://localhost:8080/upload"
:data="uploadData"
:headers="headers"
:on-success="handleSuccess"
:on-error="handleError"
:before-upload="beforeUpload"
ref="uploadRef"
>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
interface UploadData {
upload_type: string;
auth_type: string;
md5: string;
type: string;
}
export default defineComponent({
setup() {
const uploadData: UploadData = {
upload_type: 'your_upload_type',
auth_type: 'your_auth_type',
md5: 'your_md5_value',
type: 'your_type'
};
const headers = {
'Content-Type': 'multipart/form-data'
};
const uploadRef = ref(null);
const handleSuccess = (response: any, file: any, fileList: any) => {
console.log('上传成功', response);
};
const handleError = (error: any, file: any, fileList: any) => {
console.log('上传失败', error);
};
const beforeUpload = (file: any) => {
// 可以在这里进行文件验证等操作
return true;
};
return {
uploadData,
headers,
uploadRef,
handleSuccess,
handleError,
beforeUpload
};
}
});
</script>
<style scoped>
.upload-demo {
margin-top: 20px;
}
</style>
# 《大学生学业作品AI生成工具》毕业设计前端
## 1.介绍
该项目是大学生学业作品AI生成工具毕业设计前端部分该项目使用vue,typescript及其它库。实现大学生学业作品AI生成工具项目开发
## 2.功能介绍
### 2.1 基础功能
#### 2.1.1 登录
页面路径
```
sawadmin2\src\views\pages\login.vue
```
* 主要功能
登录用户输入用户名或邮箱及密码登录请求后返回的数据处理成功则保存用户权限、用户token等信息失败则提示
#### 2.1.2 注册
页面路径
```
sawadmin2\src\views\pages\register.vue
```
* 主要功能
注册用户输入用户名、邮箱及密码注册请求后返回的数据处理成功则保存用户权限、用户token等信息失败则提示
#### 2.1.3 找回密码
页面路径
```
sawadmin2\src\views\pages\ucenter.vue
```
* 主要功能
个人信息修改、头像修改、密码重置,用户统计信息显示
#### 2.1.4 个人中心
页面路径
```
sawadmin2\src\views\pages\register.vue
```
* 主要功能
注册用户输入用户名、邮箱及密码注册请求后返回的数据处理成功则保存用户权限、用户token等信息失败则提示
### 2.2 管理员(特有)
#### 2.2.1 用户管理功能
页面路径:
```
awadmin2\src\views\system\user.vue
```
* 主要功能:
对所有注册的用户进行删除、修改信息功能以及查询使用id或用户名或邮箱模糊查询
#### 2.2.2 模型管理功能
页面路径:
```
sawadmin2\src\views\system\manage-model.vue
```
* 主要功能:
对该工程支持的模型进行增删查改模型目前支持ollama本地、spark api、doubao api三种
#### 2.2.3 功能模型管理
页面路径:
```
sawadmin2\src\views\system\function.vue
```
* 主要功能:
该项目不同功能可以支持的模型的管理该项目根据功能来选择模型实现n个功能m个模型之间的任意搭配。
### 2.3 通用用户功能
#### 2.3.1 会话管理
页面路径:
```
sawadmin2\src\views\system\manage-session.vue
```
* 主要功能:
管理用户与人工智能的会话
#### 2.3.2 文件管理
页面路径:
```
sawadmin2\src\views\system\manage-file.vue
```
* 主要功能:
管理用户上传的所有文件。
#### 2.3.3 通用人工智能交互
页面路径:
```
sawadmin2\src\views\system\gen-chat.vue
```
* 主要功能:
用户 与人工智能交互页面有会话选择创建新会话交互的所有对话渲染目前支持对话消息的复制对话消息中的代码高亮复制、数学公式渲染、mermaid图的渲染。
#### 2.3.4 提示词生成
页面路径:
```
sawadmin2\src\views\system\gen-prompt.vue
```
* 主要功能:
人工智能将用户的提示词优化或生成提示词。
## 3.技术实现简介
## 4.项目运行、部署
### 4.1 项目运行
需要克隆该项目到新目录,命令行执行:
```
npm install
npm run dev
```
### 4.2 项目部署
需在该项目构建:
```
npm run build
```
后将项目下的dist目录下的所有文件复制到域名的目录下。