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

2023-12-14 23:41:48

博主介绍:?全网粉丝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块左右,而且一般不会一次性就通过,还得面试几家。而如果你对源码以及微服务等有深度认识,这无疑给你的面试添砖加瓦更上一层楼。

最后再送一句:最好是学会了,而不是学废了!!!

目录

一、前言

二、系统设计

1、功能架构如下所示?编辑

2、现有数据库表

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

1、考试学员

2、系统管理员

四、数据库设计?

1、用户信息属性

2、考试信息属性?

3、试题信息属性?

五、功能截图??

uniapp:

1、首页

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

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、用户控制器

2、用户服务接口

3、服务实现类

七、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项目实战视频教程

点击这里拉到底部

八、获取源码

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

文章来源:https://blog.csdn.net/qq_57756904/article/details/135005509
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。