基于Java+SpringBoot+Vue3+Uniapp前后端分离考试学习一体机设计与实现企业级2.01版本(视频讲解，已发布上线)

卡布奇诺-海晨

已于 2023-12-14 23:04:15 修改

阅读量1k

点赞数 15

分类专栏： Java项目案例 uniapp项目案例文章标签： uni-app 学习 vue.js

于 2023-12-14 22:59:51 首次发布

本文链接：https://blog.csdn.net/qq_57756904/article/details/135005509

版权

Java项目案例同时被 2 个专栏收录

68 篇文章 95 订阅

订阅专栏

uniapp项目案例

13 篇文章 20 订阅

订阅专栏

博主介绍：✌全网粉丝5W，全栈开发工程师，从事多年软件开发，在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌

博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue等前后端分离项目，可以在左边的分类专栏找到更多项目。《Uniapp项目案例》有几个有uniapp教程，企业实战开发。《微服务实战》专栏是本人的实战经验总结，《Spring家族及微服务系列》专注Spring、SpringMVC、SpringBoot、SpringCloud系列、Nacos等源码解读、热门面试题、架构设计等。除此之外还有不少文章等你来细细品味，更多惊喜等着你哦

🍅uniapp微信小程序🍅面试题软考题免费使用，还可以使用ChatGPT，微信支付，扫码加群

点击这里预览

🍅文末获取联系🍅精彩专栏推荐订阅👇🏻👇🏻 不然下次找不到哟

Java项目案例《100套》

https://blog.csdn.net/qq_57756904/category_12173599.html
uniapp小程序《100套》

https://blog.csdn.net/qq_57756904/category_12199600.html

有需求代码永远写不完，而方法才是破解之道，而选择方向不对收获甚微，抖音有实战视频课程，某马某千等培训都是2万左右，甚至广东有本科院校单单一年就得3万4年就12万学费，而且还没有包括吃饭的钱。所以很划算了。另外博客左侧有源码阅读专栏，对于求职有很大帮助，当然对于工作也是有指导意义等。在大城市求职，你面试来回一趟多多少少都在12块左右，而且一般不会一次性就通过，还得面试几家。而如果你对源码以及微服务等有深度认识，这无疑给你的面试添砖加瓦更上一层楼。

最后再送一句：最好是学会了，而不是学废了！！！

2、扫一扫(使用首页扫一扫功能，扫描系统生成的二维码加入群聊)

七、uniapp视频教程与SpringBoot项目实战视频教程

八、获取源码

一、前言

基于Uniapp+Vue3+TypeScript的微信小程序，Uniapp具备多端部署的特性，后期也可能考虑进行多端部署。

诚海网络技术(考学宝)系列已经成熟了，并衍生出一系列其他类别的小程序，如健身约课、求职招聘等。经过小中大厂、单体、微服务的洗礼以及对源码底层理解后，决定沉淀出一些自己实战的成果。

该系列产品有着复用代码特性，可以做到一处编码到处可用，提高代码的可维护性与简洁性，提高编码效率、降低开发成本。系统也有着内核设计，扩展了底层框架以满足更加复杂的需求。本系统也是在受微服务影响下完成的，对于改造成微服务也是比较丝滑的事情。

【诚海网络技术】uniapp微信小程序的亮点有：高性能、服务稳定、信息安全，提供的服务有面试题练习、软件考试真题顺序练习随机练习与模拟考试、微信支付，可以在【C聊】聊天、探讨技术问题，每天可以获得3次抽奖机会进行大转盘幸运抽奖赠送积分等。考虑到学技术本身就不是件轻而易举的事情，最近又推出了新的背题模式，合并答题模式提供更加周到全面的服务，让零基础的童鞋也可以快速入门，稳扎稳打，早日成为软件行业的大牛。如果想体验，可以扫描上面的小程序码、或者微信搜索【诚海网络技术】进入小程序即可。

考试管理系统是一个信息处理的库系统，通过调用编程语言的库函数来进行编写考试管理系统，能够提高编程效率，降低开发成本。计算机的快速发展已经为考试管理系统在社会发展奠定了基础。落后的手工服务也不能够满足广大用户的需求，随着计算机的快速发展，学校开始突破传统的模式，和计算机技术相结合。紧密联系社会的需求，提供的服务是信息化的，能够满足用户的需求，简化了考试管理系统，间接提高了系统的安全性。随着大数据时代来临，信息存储要比以往大得多。在计算机快速发展的今天，有必要采用一套智能化高，操作简单的考试管理系统，这样可以方便管理员和用户，所以开发一个便于操作的管理系统是很有必要的。

21世纪是大数据时代，在信息管理方面，数据量非常多，因此要对大量数据进行处理，所以人们利用计算机开发大量管理系统。计算机的最大好处在于自动化，因此使用计算机处理数据，大大地提高了效率，还提高了系统的安全性。对于越复杂的数据处理，就越能体现计算机的优势。考试管理系统中数据众多，需要处理很多数据。刚开始，对信息处理方式主要是手工的方式进行管理。由于数据量巨大并且还用人工的方式进行管理，则容易出现问题。而且当数据量多起来的时候，数据容易丢失，查找起来也不容易。这样会导致效率低下。

CeaM在线考试学习一体机系统应运而生，是一款基于JAVA开发的，使用SpringBoot+Vue开发的一款多角色在线培训考试系统平台，系统集成了用户管理、角色管理、部门管理、题库管理、试题管理、试题导入导出、考试管理、在线考试、错题训练等功能，考试流程完善

二、系统设计

1、功能架构如下所示

管理后台的web端：Vue3 提供ant-design-vue)版本，Vue2 提供element-ui版本
管理后台的移动端：采用uni-app方案，一份代码多终端适配，同时支持 APP、小程序、H5！
后端采用 SpringBoot架构，对于改造微服务也是丝滑的事情。
数据库可使用 MySQL，ORM基于 MyBatis Plus、Redis + Redisson
权限认证使用 Spring Security & Token & Redis，权限模型基于RBAC
支持加载动态权限菜单，按钮级别权限控制，Redis 缓存提升性能
支持多租户系统
高效率开发，使用代码生成器可以一键生成 Java代码
实时通信，采用 WebSocket 实现，内置 Token 身份校验
集成微信小程序三方登陆，集成支付宝、微信等支付
集成 MinIO云存储服务
支持皮肤切换，提供多套风格让用户选择
支持Docker容器化部署，Nginx反向代理等
具有ChatGPT功能，学习、工作、情感以及生活都可以向她咨询提问获得优质答案

以上就是 诚海网络技术(考学宝)系列产品的特性。

2、现有数据库表

截至今天有28张表，下图为部分截图(商业机密)

三、需求分析简介(小部分)

1、考试学员

考试学员首先要完成注册登录，才可以使用系统功能。登录后可以维护自己的个人信息，可以修改密码等。完善个人信息后，可以参与考试，考生应该认证浏览试题信息按要求答题，交卷后系统将自动评卷并且返回学员考试结果。考试学员可以查看自己的考试结果。

2、系统管理员

系统管理员首先要完成注册登录，才可以使用系统功能。登录后可以维护自己的个人信息，可以修改密码等。系统管理员负责试题管理，包括设置试题题目、设置选项、答案解析等。负责考试的设置，包括考试名称、考试描述、总分数、及格线、考试时长等的设置维护。系统管理员还可以设置系统信息，管理部门、用户以及角色等信息。

四、数据库设计

部分数据库实体E-R图：

1、用户信息属性

2、考试信息属性

3、试题信息属性

五、功能截图

uniapp:

1、首页

2、扫一扫(使用首页扫一扫功能，扫描系统生成的二维码加入群聊)

点击【C聊】

点击进来，保存二维码，二维码仅在一段时间内有效

3、群聊

4、抽奖

4.1、奖品明细

4.2、抽奖规则

5、分享好友

可以发送给好友，好友点击你发送的卡片可以进入到小程序；还可以分享到微信朋友圈。

6、全部收藏

7、全部错题

8、题库

9、详情

10、背题模式

11、答题模式

11.1、顺序练习

11.2、随机练习

11.3、模拟考试

11.4、题卡

可以显示未做题、已做题、做错题等

11.5、统计答题结果

12、微信支付

13、我的

14、意见反馈

15、关于我

后台PC端：

1、登录

2、题库中心

2.1、我的题库

2.2、试题管理

2.3、添加试题

3、考试中心

3.1、考试发布

3.2、创建考试

3.3、试题设置

4、学习资料

5、租户列表

6、app配置

7、个人中心

六、实现代码

1、用户控制器

@Slf4j
@RestController
@AllArgsConstructor
@RequestMapping("/api/users")
public class CeamSysUserController {
 
    private final ICeamSysUserService ceamSysUserService;
 
    @GetMapping
    public ResponseEntity page(PageableDTO pageableDTO) {
        IPage<CeaMSysUserVO> ceaMSysUserVOIPage = ceamSysUserService.pageCeaMSysUserVO(pageableDTO);
        return ResponseEntity.ok(ceaMSysUserVOIPage);
    }
    
    @PostMapping
    public ResponseEntity<Object> add(@RequestBody CeaMSysUserDTO data) {
        ceamSysUserService.add(data);
        return ResponseEntity.ok("成功");
    }
 
    @PutMapping
    public ResponseEntity<Object> edit(@RequestBody CeaMSysUserDTO data) {
        ceamSysUserService.edit(data);
        return ResponseEntity.ok("成功");
    }
 
    @DeleteMapping
    public ResponseEntity<Object> add(@RequestParam String id) {
        ceamSysUserService.remove(Long.parseLong(id));
        return ResponseEntity.ok("成功");
    }
}

2、用户服务接口

/**
 * <p>
 * 用户表 服务类
 * </p>
 *
 * @author CeaM
 * @since 2023-01-28
 */
public interface ICeamSysUserService extends IService<CeamSysUser> {
 
    /**
     * 分页查询
     *
     * @param pageableDTO 分页入参
     * @return 分页数据
     */
    IPage<CeaMSysUserVO> pageCeaMSysUserVO(PageableDTO pageableDTO);
 
    /**
     * 根据账号加载用户信息
     *
     * @param userName 用户账号
     * @return CeaMSysUserDTO
     */
    CeaMSysUserDTO loadUserInfo(String userName);
 
    /**
     * 添加用户
     *
     * @param data 前端入参
     */
    void add(CeaMSysUserDTO data);
 
    /**
     * 修改用户
     *
     * @param data 前端入参
     */
    void edit(CeaMSysUserDTO data);
 
    /**
     * 根据用户ID删除用户
     *
     * @param id userId
     */
    void remove(Long id);
}

3、服务实现类

@Service
public class CeamSysUserServiceImpl
        extends ServiceImpl<CeamSysUserMapper, CeamSysUser> implements ICeamSysUserService {
 
    @Override
    public IPage<CeaMSysUserVO> pageCeaMSysUserVO(PageableDTO pageableDTO) {
        LambdaQueryWrapper<CeamSysUser> queryWrapper = Wrappers.<CeamSysUser>lambdaQuery()
                .eq(CeamSysUser::getDeleted, GlobalConstants.FALSE);
        Page<CeamSysUser> page = new Page<>(pageableDTO.getPage(), pageableDTO.getSize());
        page.setCurrent((long)pageableDTO.getPage()  + GlobalConstants.ONE);
        Page<CeamSysUser> ceamSysUserPage = page(page, queryWrapper);
        IPage<CeaMSysUserVO> ceaMSysUserVOIPage = PageVOUtil.copyToPageVO(ceamSysUserPage, CeaMSysUserVO.class);
        return ceaMSysUserVOIPage;
    }
 
    @Override
    public CeaMSysUserDTO loadUserInfo(String userName) {
        LambdaQueryWrapper<CeamSysUser> queryWrapper = Wrappers.<CeamSysUser>lambdaQuery()
                .eq(CeamSysUser::getUsername, userName);
        CeamSysUser ceamSysUser = baseMapper.selectOne(queryWrapper);
        if (ObjectUtils.isEmpty(ceamSysUser)) {
            throw new ServiceException("账号不存在");
        }
        if (ceamSysUser.getStatus() == GlobalConstants.ONE) {
            throw new ServiceException("账号已禁用");
        }
        CeaMSysUserDTO ceaMSysUserDTO = BeanCopyUtil.copyProperties(ceamSysUser, CeaMSysUserDTO.class);
        return ceaMSysUserDTO;
    }
 
    @Override
    public void add(CeaMSysUserDTO data) {
        CeamSysUser ceamSysUser = BeanCopyUtil.copyProperties(data, CeamSysUser.class);
        save(ceamSysUser);
    }
 
    @Override
    public void edit(CeaMSysUserDTO data) {
        CeamSysUser ceamSysUser = BeanCopyUtil.copyProperties(data, CeamSysUser.class);
        updateById(ceamSysUser);
    }
 
    @Override
    public void remove(Long id) {
        removeById(id);
    }
}

七、uniapp视频教程与SpringBoot项目实战视频教程

点击这里拉到底部

八、获取源码

大家点赞、收藏、关注啦、企业级收些费用你懂的关注下方公众号获取联系方式👇🏻👇🏻

卡布奇诺-海晨

关注

15
点赞
踩
21

收藏

觉得还不错? 一键收藏
打赏
0
评论
基于Java+SpringBoot+Vue3+Uniapp前后端分离考试学习一体机设计与实现企业级2.01版本(视频讲解，已发布上线)

该系列产品有着复用代码特性，可以做到一处编码到处可用，提高代码的可维护性与简洁性，提高编码效率降低开发成本。系统也有着内核设计，扩展了底层框架以满足更加复杂的需求。本系统也是在受微服务影响下完成的，对于改造成微服务也是比较丝滑的事情。
复制链接

扫一扫