管理系统-ITclub(下)
作者:贤大蛋
目标:完成项目
描述:ITclub是一个程序员分享生活动态的平台
文章目录
- 管理系统-ITclub(下)
-
- 标签接口开发
-
- 创建标签表
- 定义创建标签接口
-
- 1. 路由配置Router
- 2. 验证用户登录
- 3. 创建标签
- 创建标签和动态关系表
- 定义给动态添加标签接口
-
- 1. 给动态添加新的接口
- 2. 给动态内容绑定标签
- 查询标签接口
-
- 查询动态列表,展示标签数量
- 查询动态详情,展示标签列表
- 上传图片
-
- 上传头像逻辑
-
- 1. 定义上传头像接口
- 2. 定义获取图像接口
- 3. 请求用户信息时,获取头像
- 上传动态配图
-
- 1. 定义上传动态配图接口
- 2. 定义获取动态配图的接口
- 3. 获取动态时,获取配图信息
- 添加:处理图片大小
- 项目完结(2022-6-3)
标签接口开发 思路:一个动态可以有多个标签,一个标签也可以对应多个动态
创建标签表
CREATE TABLE IF NOT EXISTS `label`(
id INT PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(10) NOT NULL UNIQUE,
createAt TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
updateAt TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
);
定义创建标签接口
1. 路由配置Router
文章图片
2. 验证用户登录 中间件(verifyAuthor)
3. 创建标签
文章图片
文章图片
创建标签和动态关系表
CREATE TABLE IF NOT EXISTS `moment_label`(
moment_id INT NOT NULL,
label_id INT NOT NULL,
createAt TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
updateAt TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
PRIMARY KEY(moment_id, label_id),
FOREIGN KEY (moment_id) REFERENCES moment(id) ON DELETE CASCADE ON UPDATE CASCADE,
FOREIGN KEY (label_id) REFERENCES label(id) ON DELETE CASCADE ON UPDATE CASCADE
);
定义给动态添加标签接口
1. 给动态添加新的接口
文章图片
文章图片
文章图片
2. 给动态内容绑定标签
文章图片
文章图片
查询标签接口
查询动态列表,展示标签数量
文章图片
查询动态详情,展示标签列表
文章图片
上传图片 上传头像逻辑
需求:图片(文件)上传 /upload/avatar1. 定义上传头像接口 【项目实战|管理系统-ITclub(下)】
目的:服务器可以保存一张图片
解决:提供一个接口,可以让用户获取图片—>将URL存储到用户信息中—> 获取信息时,获取用户头像
文章图片
文章图片
文章图片
2. 定义获取图像接口
文章图片
文章图片
3. 请求用户信息时,获取头像
文章图片
上传动态配图
1. 定义上传动态配图接口
文章图片
2. 定义获取动态配图的接口
文章图片
文章图片
3. 获取动态时,获取配图信息
文章图片
添加:处理图片大小
文章图片
文章图片
文章图片
项目完结(2022-6-3)
推荐阅读
- #|JavaScript高级(ES6)
- java|使用uuid做MySQL主键,被老板,爆怼一顿!
- vue|Vue安装及环境配置、开发工具
- vue|图文详解vue.js devtools插件使用方法
- 数据结构与算法|数据结构之什么是算法()
- 前端|nginx处理前端跨域问题 -详解 windows 和 mac 下的配置
- 前端|JS的内存管理
- Node.js|前端如何让跨编辑器开发的项目保持相同的编码风格()
- 前端|Vue的开发路程