# 任务系统-Spring

**Repository Path**: Ryan-zhou/task-system-spring

## Basic Information

- **Project Name**: 任务系统-Spring
- **Description**: 一个测试用的管理系统（后端）
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-02-26
- **Last Updated**: 2023-05-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 任务管理系统[后端]

你所看到的是后端系统，前端系统见：[点击此](https://gitee.com/Ryan-zhou/task-system-vue)

## 在使用前需要配置的内容

- 在`token_tools/token.java`中修改`signature`[token密钥]  
- 在`sql_tools/sql.java`中修改`mysql_name`[登录数据库用户]、`mysql_pass`[登录数据库密码]和`db_name`[数据库名称]  

## 数据库内容

数据库表名称:`userlist`

|id|username|password|avatar|
|-|-|-|-|
id号|用户名|密码|头像地址|
|int|vchar|vchar|vchar
*主键，自动递增|

## 使用的注意事项
注意，在上传头像的时候需要获取到url链接，这个功能在`Controller/uploadController.java`中，如果上传成功则可以通过`response.msg`获取到头像的链接  
实例如下（使用vue语言的前端）
```html
<el-upload
class="avatar-uploader"
:show-file-list="false"
action="http://localhost:8080/upload"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload">
    <img v-if="imageUrl" :src="imageUrl" class="avatar">
    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
```
method
```js
handleAvatarSuccess:function(res, file){
    this.imageUrl = URL.createObjectURL(file.raw);
    this.formData.avatar=res.msg;
},
beforeAvatarUpload:function(file){
    const isJPG = (file.type === 'image/jpeg');
    const isLt2M = file.size / 1024 / 1024 < 2;
    if (!isJPG) {
        this.$message.error('上传的格式不正确');
    }
    if (!isLt2M) {
        this.$message.error('上传头像图片大小过大');
    }
    return isJPG && isLt2M;
}
```