# admin-system

**Repository Path**: liu903265/admin-system

## Basic Information

- **Project Name**: admin-system
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-07-23
- **Last Updated**: 2021-08-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# admin-system

## 后端
#### 创建项目
地址：`https://start.spring.io/`
![输入图片说明](https://images.gitee.com/uploads/images/2021/0723/164501_9d8057ac_1406330.png "屏幕截图.png")

#### 配置
##### 目录结构
![输入图片说明](https://images.gitee.com/uploads/images/2021/0723/204258_9b810c1a_1406330.png "屏幕截图.png")

##### 全局跨域处理
```java
@Configuration
public class CustomCorsConfiguration implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
                .maxAge(3600);
    }
}

```

##### 全局响应信息配置
所有

##### 全局异常配置
```java
@RestControllerAdvice
public class CustomRestControllerAdvice extends ResponseEntityExceptionHandler {
    @ExceptionHandler(Exception.class)
    public final ResponseEntity<ApiErrorResponseDTO> handleAllException(Exception ex)  {
        return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body((ApiErrorResponseDTO.builder()
                .errorCode(HttpStatus.INTERNAL_SERVER_ERROR.toString())
                .message(ex.getMessage()).build()));
    }
}

```

#### 代码规范
1. 代码规范插件

![输入图片说明](https://images.gitee.com/uploads/images/2021/0723/174405_4f545c1f_1406330.png "屏幕截图.png")

## 前端
#### 创建项目
参考地址：`https://cli.vuejs.org/zh/guide/`
#### 引入element ui
参考地址：`https://element.eleme.io/#/zh-CN/component/installation`
```
yarn add element-ui --save
```
#### 安装axios（用于ajax请求接口）
```
yarn add axios --save
```

#### 参考项目
`https://github.com/PanJiaChen/vue-element-admin/`


## 使用说明
1. 下载代码
2. 进入backend目录运行类AdminSystemApplication的main函数
3. 进入frontend目录运行如下命令：
```
yarn install
yarn serve
```
即可访问项目
![输入图片说明](https://images.gitee.com/uploads/images/2021/0723/233037_8cf2d86d_1406330.png "屏幕截图.png")