# javaee-frontend

**Repository Path**: tr0313/javaee-frontend

## Basic Information

- **Project Name**: javaee-frontend
- **Description**: JavaEE 前端学习项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2023-12-11
- **Last Updated**: 2024-11-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# javaee-frontend

## 环境准备
```
npm config set registry https://registry.npmmirror.com
http://124.222.238.167/ruoyi   admin/admin
https://gitee.com/tr0313/javaee-frontend.git
```
## 开发手册
```
https://v2.cn.vuejs.org/
https://element.eleme.cn/#/zh-CN
http://www.axios-js.com/
```

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

## HTTP
- GET
  - 查询
  - url后的问号后拼接传递
  - axios params
- DELETE
  - 删除
  - 与GET使用方式相似
- POST
  - 创建
  - body传递参数
    - chrome network payload
  - axios data
- PUT
  - 修改
  - 于POST方法使用相似
- 传递参数的方式有哪些
  - params传递，url后的问号后拼接传递 GET DELETE POST PUT
  - body传递参数 POST PUT
  - header传递 GET DELETE POST PUT
  - path传递 放在url路径中 GET DELETE POST PUT


# 任务一：公告管理，官网一致（除富文本）
1. 整体布局，第二行flex布局
2. 同步与异步，接口请求
3. 修改时，从接口获取数据，而不是表格，从表格获取时注意深拷贝与浅拷贝
4. 新增与修改，查询、重置、分页等方法复用
5. 第二行按钮功能（修改与删除）实现

# 任务二：公告管理，加上富文本，查看公告详情
1. vue-quill-editor
2. 路由传值，注意刷新页面可复现

# 任务三：公告管理，新增、修改打开弹框改为打开新页面
1. 路由跳转与传值

# 任务四：加上头部、侧边栏、底部


# 任务五：接口封装与自己后端对接
1. 拦截器与api模块
2. 换成自己后端接口
3. 跨域问题，代理解决