小言_互联网的博客

基于Java+SpringBoot+Vue+uniapp前后端分离图书阅读系统设计与实现

427人阅读  评论(0)

博主介绍:✌全网粉丝3W+,全栈开发工程师,从事多年软件开发,在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建、毕业项目实战、项目定制✌

博主作品:《微服务实战》专栏是本人的实战经验总结,《Spring家族及微服务系列》专注Spring、SpringMVC、SpringBoot、SpringCloud系列、Nacos等源码解读、热门面试题、架构设计等。除此之外还有不少文章等你来细细品味,更多惊喜等着你哦

开源项目点击这里克隆或者下载

🍅文末关注公众号获取联系🍅精彩专栏推荐订阅👇🏻👇🏻 不然下次找不到哟
  ✨【微服务】Nacos为什么丢弃短连接(http)而选择拥抱长连接(gRPC)

目录

一、前言

二、系统设计

1、系统运行环境

2、系统架构设计

三、非功能性需求分析与可行性分析

四、运行截图

1、登录注册界面

2、系统管理员界面

2.1、话题发布

2.2、作者管理

2.3、评论管理

2.4、图书管理

2.5、系统管理

2)、公告通知

3、 阅读用户

3.1、PC端

3.2、uniapp端

五、实现代码

1、角色控制器

2、接口

3、实现类

六、开源动向

1、首页

2、我的

七、获取源码


一、前言

    本系统是基于Spring1Boot+MyBatis+Vue+Uniapp的前后端完全分离的图书阅读管理系统。值得一提的是前端使用了目前市场上较流行的组件elementui,在本系统里面对其进行了二次封装,使得页面更加的简洁与优雅,也提高了系统的可维护性。同时探究前端与后端是如何建立数据交互的,以及它为系统提供的服务和已经建好的多张表之间的关系。故课题研究的是这些技术的关联以及如何实现本系统,同时探究系统如何在Linux系统进行Docker容器化部署。

二、系统设计

1、系统运行环境

开发系统:Windows10左右

架构模式:MVC/前后端分离

JDK版本:Java JDK1.8

开发工具:IDEA

数据库版本: mysql5.7

数据库可视化工具: SQL yog或Navicat for MySQL

服务器:SpringBoot自带 apache tomcat

主要技术:Java、SpringBoot2、MyBatis、SpringSecurity、MySQL、Html、Vue、Elementui、uniapp等
 

2、系统架构设计

 

三、非功能性需求分析与可行性分析

2.5非功能性需求分析

非功能性需求:用户对软件质量属性、运行环境、资源约束、外部接口等方面的要求或期望,包括:

2.5.1性能需求:

用户在软件响应速度、结果精度、运行时资源消耗量等方面的要求。

2.5.2可行性需求:

用户在软件失效的频率、严重程度、易恢复性,以及故障可预测性等方面的要求。

2.5.3易用性需求:

用户在界面的易用性、美观性,以及对面向用户的文档和培训资料等方面的要求。

2.5.4安全性需求:

用户在身份证、授权控制、私密性等方面的要求。

2.5.5运行环境约束:

用户对软件系统运行环境的要求。

2.5.6外部接口:

用户对待开发软件系统与其它软件系统或设备之间的接口要求

2.6可行性分析

可行性分析是从不同的角度,对可能影响系统的各方面因素进行分析,确认系统在实际生活上是可行的。本系统只是单纯地从经济、法律、技术、操作可行性四个方面来分析说明。

2.6.1技术可行性

技术上的可行性分析主要分析技术条件能否顺利完成开发工作,软、硬件能否满足需要。本系统采用Vue+Elementui开发出友好美观的人机界面,便于用户理解、操作。数据库管理系统采用MySQL,它能够处理大量数据,同时保持数据的完整性、安全性和持久性后端技术使用SpringBoot、MyBatis,这些技术在许多公司已经被商用了,因此本系统的开发平台已成熟可行。硬件方面,在科技飞速发展的今天,硬件更新速度越来越快,容量越来越大,可靠性越来越高,价格越来越便宜,因此硬件平台也能够满足本系统所需。

2.6.2经济可行性

  项目放在阿里学生服务器或者本地虚拟机的linux环境,故可行。

2.6.3法律可行性

  可行,自己写的项目,目的明确,没有违法违规。

2.6.4操作可行性

  操作较为简单,而且当下信息科技发达,界面的设计也着实考虑到用户的体验,系统也是为用户而生。故操作是可行的,不存在难度大的操作。

四、运行截图

1、登录注册界面

2、系统管理员界面

2.1、话题发布

2.2、作者管理

2.3、评论管理

2.4、图书管理

2.5、系统管理

1)、角色管理

可以分配系统权限

2)、公告通知

3)、字典管理

4)、日志管理

3、 阅读用户

注意、注意、注意:这是点击上面左侧的logo(CeaM图书左侧)进来的,退出的话点击创作中心

3.1、PC端

1)首页

动态轮播图

 可以点击立即阅读

可以点击换一批

2)上面点击立即阅读来到这里

可以点击加入书架、小程序阅读,结果可以在右上角点击“我的地盘”查看结果;还可以发表评论,评论在下方底部显示,同时可以回复

3)我的地盘

可以查看动态、上面点击的加入书架、以及喜欢

4)加入书架可以移除

5)喜欢

3.2、uniapp端

1)首页

 

2)我的

可以编辑资料等等

3)社区广场

五、实现代码

1、角色控制器


  
  1. /**
  2. * <p>
  3. * 角色表 前端控制器
  4. * </p>
  5. *
  6. * @author CeaM
  7. * @since 2023-01-28
  8. */
  9. @RestController
  10. @AllArgsConstructor
  11. @RequestMapping("/api/roles")
  12. public class CeamSysRoleController {
  13. private final ICeamSysRoleService ceamSysRoleService;
  14. private final ICeamSysUserService ceamSysUserService;
  15. @GetMapping
  16. public ResponseEntity<IPage<CeaMSysRoleVO>> getRoles (PageableDTO pageable) {
  17. IPage<CeaMSysRoleVO> mapIPage = ceamSysRoleService.pageCeaMSysRoleVO(pageable);
  18. return ResponseEntity.ok(mapIPage);
  19. }
  20. @GetMapping(value = "/level")
  21. public ResponseEntity<Object> getLevel () {
  22. return new ResponseEntity<>(Dict.create().set( "level", getLevels( null)), HttpStatus.OK);
  23. }
  24. @PutMapping(value = "/menu")
  25. public ResponseEntity<Object> updateMenu (@RequestBody CeaMSysRoleDTO roleDTO) {
  26. CeamSysRole role = ceamSysRoleService.getById(roleDTO.getId());
  27. getLevels(role.getLevel());
  28. ceamSysRoleService.updateMenu(roleDTO, role);
  29. return new ResponseEntity<>(HttpStatus.NO_CONTENT);
  30. }
  31. /**
  32. * 获取用户的角色级别
  33. * @return /
  34. */
  35. private int getLevels (Integer level) {
  36. CeaMSysUserDTO user = ceamSysUserService.loadUserInfo(SecurityUtils.getUsername());
  37. List<RoleDTO> roleDTOS = ceamSysRoleService.listByUserId(user.getId());
  38. List<Integer> levels = roleDTOS.stream().map(RoleDTO::getLevel).collect(Collectors.toList());
  39. int min = Collections.min(levels);
  40. if (level != null) {
  41. if (level < min) {
  42. throw new ServiceException( "权限不足,你的角色级别:" + min + ",低于操作的角色级别:" + level);
  43. }
  44. }
  45. return min;
  46. }
  47. }

2、接口


  
  1. /**
  2. * <p>
  3. * 角色表 服务类
  4. * </p>
  5. *
  6. * @author CeaM
  7. * @since 2023-01-28
  8. */
  9. public interface ICeamSysRoleService extends IService<CeamSysRole> {
  10. IPage<CeaMSysRoleVO> pageCeaMSysRoleVO (PageableDTO pageable);
  11. /**
  12. * 获取用户权限信息
  13. * @param userId 用户信息
  14. * @return 权限信息
  15. */
  16. Collection<SimpleGrantedAuthority> grantedAuthorities (Long userId);
  17. /**
  18. *
  19. * @param userId 用户ID
  20. * @return RoleItemVOs
  21. */
  22. List<RoleDTO> listByUserId (Long userId);
  23. void updateMenu (CeaMSysRoleDTO roleDTO, CeamSysRole role);
  24. }

3、实现类


  
  1. /**
  2. * <p>
  3. * 角色表 服务实现类
  4. * </p>
  5. *
  6. * @author CeaM
  7. * @since 2023-01-28
  8. */
  9. @Slf4j
  10. @Service
  11. @AllArgsConstructor
  12. public class CeamSysRoleServiceImpl extends ServiceImpl<CeamSysRoleMapper, CeamSysRole> implements ICeamSysRoleService {
  13. private ICeamSysMenuService ceamSysMenuService;
  14. private ICeamRoleMenuService ceamRoleMenuService;
  15. @Override
  16. public IPage<CeaMSysRoleVO> pageCeaMSysRoleVO (PageableDTO pageable) {
  17. LambdaQueryWrapper<CeamSysRole> queryWrapper = Wrappers.<CeamSysRole>lambdaQuery()
  18. .eq(CeamSysRole::getDeleted, GlobalConstants.FALSE);
  19. Page<CeamSysRole> page = new Page<>(pageable.getPage(), pageable.getSize());
  20. // 手动设置当前页,不然分页失效
  21. page.setCurrent(( long)pageable.getPage() + GlobalConstants.ONE);
  22. Page<CeamSysRole> ceamSysRolePage = page(page, queryWrapper);
  23. IPage<CeaMSysRoleVO> ceaMSysRoleVOIPage = PageVOUtil.copyToPageVO(ceamSysRolePage, CeaMSysRoleVO.class);
  24. for (CeaMSysRoleVO role : ceaMSysRoleVOIPage.getRecords()) {
  25. List<MenuDTO> menuDTOS = ceamSysMenuService.findByRoleId(role.getId(), GlobalConstants.ZERO);
  26. role.setMenus(menuDTOS);
  27. }
  28. return ceaMSysRoleVOIPage;
  29. }
  30. @Override
  31. public Collection<SimpleGrantedAuthority> grantedAuthorities (Long userId) {
  32. List<RoleDTO> roleItemDTOS = this.baseMapper.listByUserId(userId);
  33. if (CollectionUtils.isEmpty(roleItemDTOS)) {
  34. throw new ServiceException( "没有分配角色");
  35. }
  36. List<MenuDTO> menuDTOS = ceamSysMenuService.findByRoles(roleItemDTOS, GlobalConstants.ZERO);
  37. // 角色
  38. Set<String> permissions = roleItemDTOS.stream()
  39. .filter(role -> StringUtils.isNotBlank(role.getName()))
  40. .map(RoleDTO::getName).collect(Collectors.toSet());
  41. permissions.addAll(
  42. menuDTOS.stream()
  43. .filter(menu -> StringUtils.isNotBlank(menu.getPermission()))
  44. .map(MenuDTO::getPermission).collect(Collectors.toSet())
  45. );
  46. return permissions.stream().map(SimpleGrantedAuthority:: new)
  47. .collect(Collectors.toList());
  48. }
  49. @Override
  50. public List<RoleDTO> listByUserId (Long userId) {
  51. return this.baseMapper.listByUserId(userId);
  52. }
  53. @Override
  54. public void updateMenu (CeaMSysRoleDTO roleDTO, CeamSysRole role) {
  55. if (roleDTO.getMenus().size() > 0) {
  56. List<CeamRoleMenu> rolesMenusList = roleDTO.getMenus().stream().map(i -> {
  57. CeamRoleMenu rolesMenus = new CeamRoleMenu();
  58. rolesMenus.setRoleId(roleDTO.getId());
  59. rolesMenus.setMenuId(i.getId());
  60. return rolesMenus;
  61. }).collect(Collectors.toList());
  62. ceamRoleMenuService.remove( new LambdaQueryWrapper<CeamRoleMenu>()
  63. .eq(CeamRoleMenu::getRoleId, roleDTO.getId()));
  64. ceamRoleMenuService.saveBatch(rolesMenusList);
  65. }
  66. }
  67. }

六、开源动向

后端、PC端目前已经开源,uniapp后期即将开源

1、首页

2、我的

七、获取源码

 大家点赞收藏关注评论啦 、关注下方公众号获取联系方式👇🏻👇🏻


转载:https://blog.csdn.net/qq_57756904/article/details/128982211
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场