项目实战——创建个人中心页面(上)
创始人
2024-02-03 09:38:06
0

ps:本篇文章不涉及复杂代码编写,放心食用~~

目录

一、整体框架

 二、创建新表 bot

三、实现后端API

1、连接数据库和后端

2、实现 增删改查 API

1、增加一个 Bot 

 2、删除一个 Bot

3、修改一个 Bot

4、查询 Bot 列表


一、整体框架

在这里插入图片描述

 二、创建新表 bot

在数据库中新建表 bot

表中包含的列:

id: int:非空、自动增加、唯一、主键
pojo 中定义主键的注解:@TableId(type = IdType.AUTO)

user_id: int:非空
注意:在 pojo 中需要定义成 userId,在 queryWrapper 中的名称仍然为 user_id

title: varchar(100)

description: varchar(300)

content:varchar(10000)

rating: int:默认值为1500

createtime: datetime
pojo 中定义日期格式的注解:@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

modifytime: datetime
pojo 中定义日期格式的注解:@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

 在这里插入图片描述

 在这里插入图片描述

三、实现后端API

1、连接数据库和后端

在 pojo 目录下新建新的文件 Bot.java,数据和数据库中的 bot 表一一对应。

package com.kob.backend.pojo;import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableId;
import com.fasterxml.jackson.annotation.JsonFormat;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;import java.util.Date;@Data
@NoArgsConstructor
@AllArgsConstructorpublic class Bot {@TableId(type = IdType.AUTO)private Integer id; //在pojo里最好用Integer,否则会报警告private Integer userId; //pojo里要用驼峰命名法和数据库的下划线对应private String title;private String description;private String content;private Integer rating;@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")private Date createtime;@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")private Date modifytime;
}
在 Mapper 目录下新建 BotMapper.java 文件,映射 SQL 语句。
package com.kob.backend.mapper;import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.kob.backend.pojo.Bot;
import org.apache.ibatis.annotations.Mapper;@Mapper
public interface BotMapper extends BaseMapper {
}

在这里插入图片描述

 在这里插入图片描述

2、实现 增删改查 API

1、增加一个 Bot 

在 com/kob/backend/service/user 新建一个新目录 bot 同时新建一个接口文件 AddService

package com.kob.backend.service.user.bot;import java.util.Map;public interface AddService {Map add(Map data);
}

在这里插入图片描述

 在 com/kob/backend/service/impl/user 新建一个新目录 bot 同时新建一个实现类 AddServiceImpl

 

package com.kob.backend.service.impl.user.bot;import com.kob.backend.mapper.BotMapper;
import com.kob.backend.pojo.Bot;
import com.kob.backend.pojo.User;
import com.kob.backend.service.impl.utils.UserDetailsImpl;
import com.kob.backend.service.user.bot.AddService;
import lombok.Data;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.security.core.userdetails.UserCache;
import org.springframework.stereotype.Service;import java.util.Date;
import java.util.HashMap;
import java.util.Map;@Service
public class AddServiceImpl implements AddService {@Autowiredprivate BotMapper botMapper;@Overridepublic Map add(Map data) {UsernamePasswordAuthenticationToken authenticationToken = (UsernamePasswordAuthenticationToken) SecurityContextHolder.getContext().getAuthentication();UserDetailsImpl loginUser = (UserDetailsImpl) authenticationToken.getPrincipal();User user = loginUser.getUser();String title = data.get("title");String description = data.get(("description"));String content = data.get("content");Map map = new HashMap<>();if (title == null || title.length() == 0) {map.put("error_message", "标题不能为空");return map;}if (title.length() > 100) {map.put("error_message", "标题长度不能大于100");return map;}if (description == null || description.length() == 0) {description = "这个用户很懒,什么也没有留下~";}if (description.length() > 300) {map.put("error_message", "Bot描述的长度不能大于300");return map;}if (content == null || content.length() == 0) {map.put("error_message", "代码不能为空");return map;}if (content.length() > 10000) {map.put("error_message", "代码长度不能超过10000");return map;}Date now = new Date();Bot bot = new Bot(null, user.getId(), title, description, content, 1500, now, now);botMapper.insert(bot);map.put("error_message", "success");return map;}
}

在这里插入图片描述

 在 com/kob/backend/controller/user 新建一个新目录 bot 同时新建一个 Controller 类 AddController。

package com.kob.backend.controller.user.bot;import com.kob.backend.service.user.bot.AddService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;import java.util.Map;@RestController
public class AddController {@Autowiredprivate AddService addService;@PostMapping("/user/bot/add/")public Map add(@RequestParam Map data) {return  addService.add(data);}
}

在这里插入图片描述

 增加一个 bot 测试
在前端 web 项目下 kob/web/src/views/user/bot 的文件 UserBotIndexView.vue 下编写测试。

在这里插入图片描述

 2、删除一个 Bot

在 com/kob/backend/service/user/bot 新建一个接口文件 RemoveService

package com.kob.backend.service.user.bot;import java.util.Map;public interface RemoveService {Map remove(Map data);
}

在 com/kob/backend/service/impl/user/bot 新建一个实现类 RemoveServiceImpl

package com.kob.backend.service.impl.user.bot;import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.kob.backend.mapper.BotMapper;
import com.kob.backend.pojo.Bot;
import com.kob.backend.pojo.User;
import com.kob.backend.service.impl.utils.UserDetailsImpl;
import com.kob.backend.service.user.bot.RemoveService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.stereotype.Service;import java.util.HashMap;
import java.util.Map;@Service
public class RemoveServiceImpl implements RemoveService {@Autowiredprivate BotMapper botMapper;@Overridepublic Map remove(Map data) {UsernamePasswordAuthenticationToken authenticationToken = (UsernamePasswordAuthenticationToken) SecurityContextHolder.getContext().getAuthentication();UserDetailsImpl loginUser = (UserDetailsImpl) authenticationToken.getPrincipal();User user = new User();int bot_id = Integer.parseInt(data.get("bot_id"));Bot bot = botMapper.selectById(bot_id);Map map = new HashMap<>();if (bot == null) {map.put("error_message", "Bot不存在或已被删除");return map;}if (!bot.getUserId().equals(user.getId())) {map.put("error_message", "没有权限删除该Bot");return map;}botMapper.deleteById(bot_id);map.put("error_message", "success");return map;}
}

在 com/kob/backend/controller/user/bot 新建一个 Controller 类 RemoveController。

package com.kob.backend.controller.user.bot;import com.kob.backend.service.user.bot.RemoveService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;import java.util.Map;@RestController
public class RemoveController {@Autowiredprivate RemoveService removeService;@PostMapping("/user/bot/remove/")public Map remove(@RequestParam Map data) {return removeService.remove(data);}
}

删除一个 Bot 测试
在前端 web 项目下 kob/web/src/views/user/bot 的文件 UserBotIndexView.vue 下编写测试。

在这里插入图片描述

3、修改一个 Bot

在 com/kob/backend/service/user/bot 新建一个接口文件 UpdateService

package com.kob.backend.service.user.bot;import java.util.Map;public interface UpdateService {Map update(Map data);
}

在 com/kob/backend/service/impl/user/bot 新建一个实现类 UpdateServiceImpl

package com.kob.backend.service.impl.user.bot;import com.kob.backend.mapper.BotMapper;
import com.kob.backend.pojo.Bot;
import com.kob.backend.pojo.User;
import com.kob.backend.service.impl.utils.UserDetailsImpl;
import com.kob.backend.service.user.bot.UpdateService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.stereotype.Service;import java.util.Date;
import java.util.HashMap;
import java.util.Map;@Service
public class UpdateServiceImpl implements UpdateService {@Autowiredprivate BotMapper botMapper;@Overridepublic Map update(Map data) {UsernamePasswordAuthenticationToken authenticationToken = (UsernamePasswordAuthenticationToken) SecurityContextHolder.getContext().getAuthentication();UserDetailsImpl loginUser = (UserDetailsImpl) authenticationToken.getPrincipal();User user = loginUser.getUser();int bot_id = Integer.parseInt(data.get("bot_id"));String title = data.get("title");String description = data.get("description");String content = data.get("content");Map map = new HashMap<>();if (title == null || title.length() == 0) {map.put("error_message", "标题不能为空");return map;}if (title.length() > 100) {map.put("error_message", "标题长度不能大于100");return map;}if (description == null || description.length() == 0) {description = "这个用户很懒,什么也没有留下~";}if (description.length() > 300) {map.put("error_message", "Bot描述的长度不能大于300");return map;}if (content == null || content.length() == 0) {map.put("error_message", "代码不能为空");return  map;}if (content.length() > 10000) {map.put("error_message", "代码长度不能超过10000");}Bot bot = botMapper.selectById(bot_id);if (bot == null) {map.put("error_message", "Bot不存在或已经被删除");return map;}if (!bot.getUserId().equals(user.getId())) {map.put("error_message", "没有权限修改该Bot");return map;}Bot new_bot = new Bot(bot.getId(),user.getId(),title,description,content,bot.getRating(),bot.getCreatetime(),new Date());botMapper.updateById(new_bot);map.put("error_message", "success");return map;}
}

在 com/kob/backend/controller/user/bot 新建一个 Controller 类 UpdateController。

package com.kob.backend.controller.user.bot;import com.kob.backend.service.user.bot.UpdateService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;import java.util.Map;@RestController
public class UpdateController {@Autowiredprivate UpdateService updateService;@PostMapping("/user/bot/update/")public Map update(@RequestParam Map data) {return updateService.update(data);}
}

修改一个 Bot 测试
在前端 web 项目下 kob/web/src/views/user/bot 的文件 UserBotIndexView.vue 下编写测试。

在这里插入图片描述

 在这里插入图片描述

4、查询 Bot 列表

在 com/kob/backend/service/user/bot 新建一个接口文件 GetListService

package com.kob.backend.service.user.bot;import com.kob.backend.pojo.Bot;import java.util.List;public interface GetListService {List getList();
}

在 com/kob/backend/service/impl/user/bot 新建一个实现类 GetListServiceImpl

package com.kob.backend.service.impl.user.bot;import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.kob.backend.mapper.BotMapper;
import com.kob.backend.pojo.Bot;
import com.kob.backend.pojo.User;
import com.kob.backend.service.impl.utils.UserDetailsImpl;
import com.kob.backend.service.user.bot.GetListService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.stereotype.Service;import java.util.List;@Service
public class GetListServiceImpl implements GetListService {@Autowiredprivate BotMapper botMapper;@Overridepublic List getList() {UsernamePasswordAuthenticationToken authenticationToken = (UsernamePasswordAuthenticationToken) SecurityContextHolder.getContext().getAuthentication();UserDetailsImpl loginUser = (UserDetailsImpl) authenticationToken.getPrincipal();User user = loginUser.getUser();QueryWrapper queryWrapper = new QueryWrapper<>();queryWrapper.eq("user_id", user.getId());return botMapper.selectList(queryWrapper);}
}

在 com/kob/backend/controller/user/bot 新建一个 Controller 类 GetListController。

package com.kob.backend.controller.user.bot;import com.kob.backend.pojo.Bot;
import com.kob.backend.service.user.bot.GetListService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;import java.util.List;@RestController
public class GetListController {@Autowiredprivate GetListService getListService;@GetMapping("/user/bot/getlist/")public List getList() {return getListService.getList();}
}

查询 Bot 列表测试
在前端 web 项目下 kob/web/src/views/user/bot 的文件 UserBotIndexView.vue 下编写测试。

在这里插入图片描述

git 维护即可 

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...
一帆风顺二龙腾飞三阳开泰祝福语... 本篇文章极速百科给大家谈谈一帆风顺二龙腾飞三阳开泰祝福语,以及一帆风顺二龙腾飞三阳开泰祝福语结婚对应...
美团联名卡审核成功待激活(美团... 今天百科达人给各位分享美团联名卡审核成功待激活的知识,其中也会对美团联名卡审核未通过进行解释,如果能...