基于Java+vue实现高校学科竞赛项目系统详细设计

原创

java李杨勇 2022-05-24 08:34:00 ©著作权

文章标签 java 前后端分离高效学科竞赛系统 spring vue 文章分类 Java 后端开发

©著作权归作者所有：来自51CTO博客作者java李杨勇的原创作品，请联系作者获取转载授权，否则将追究法律责任

随着社会的发展，社会的各行各业都在利用信息化时代的优势。计算机的优势和普及使得各种信息系统的开发成为必需。大学生学科竞赛报名管理系统，主要的模块包括查看首页、个人中心、用户管理、竞赛学科管理、竞赛等级管理、竞赛信息管理、竞赛报名管理、取消报名管理、竞赛成绩管理、获奖通知管理、留言板管理、系统管理等功能。系统中管理员主要是为了安全有效地存储和管理各类信息，还可以对系统进行管理与更新维护等操作，并且对后台有相应的操作权限。要想实现大学生学科竞赛报名管理系统的各项功能，需要后台数据库的大力支持。管理员验证注册信息，收集的信息，并由此分析得出的关联信息等大量的数据都由数据库管理。本文中数据库服务器端采用了Mysql作为后台数据库，使Web与数据库紧密联系起来。在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。本系统的开发使获取大学生学科竞赛报名管理系统信息能够更加方便快捷，同时也使大学生学科竞赛报名管理系统管理信息变的更加系统化、有序化。系统界面较友好，易于操作。

基于Java+vue实现高校学科竞赛项目系统详细设计_高效学科竞赛系统

系统设计：

系统架构图属于系统设计阶段，系统架构图只是这个阶段一个产物，系统的总体架构决定了整个系统的模式，是系统的基础。大学生学科竞赛报名管理系统的整体结构设计如图所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_前后端分离_02

功能截图：

大学生学科竞赛报名管理系统，在系统的首页可以查看首页、竞赛信息、竞赛资讯、留言反馈、个人中心、后台管理等信息进行详细操作，如图5-1所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_spring_03

竞赛信息列表页面：

基于Java+vue实现高校学科竞赛项目系统详细设计_前后端分离_04

竞赛信息，在竞赛信息页面中可以查看竞赛标题、竞赛学科、封面图、竞赛等级、报名时间、竞赛要求、组织方、竞赛时间、竞赛地点、发布日期等信息，如图5-2所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_前后端分离_05

留言反馈页面、用户可以留言评论交流

基于Java+vue实现高校学科竞赛项目系统详细设计_前后端分离_06

用户注册，在用户注册页面通过填写用户名、密码、姓名、学校、联系电话、邮箱等信息完成用户注册，如图所示。在个人中心页面通过填写用户名、密码、姓名、性别、学校、联系电话、邮箱等信息进行个人信息修改操作，还可对我的收藏进行相对应操作，如图所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_前后端分离_07

基于Java+vue实现高校学科竞赛项目系统详细设计_vue_08

管理员功能模块

管理员登录，管理员通过输入用户名、密码、选择角色等信息，然后点击登录就能登录到系统进行系统的使用了，如图5-5所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_spring_09

管理员登录进入系统之后，就可以对所有的信息进行查看，可以查看到首页、个人中心、用户管理、竞赛学科管理、竞赛等级管理、竞赛信息管理、竞赛报名管理、取消报名管理、竞赛成绩管理、获奖通知管理、留言板管理、系统管理等，并且还可以对其进行相应的操作管理，如图5-6所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_spring_10

用户管理，在用户管理页面中可以对索引、用户名、姓名、头像、性别、学校、联系电话、邮箱等信息进行详情，修改或删除等操作，如图5-7所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_java_11

竞赛学科管理，在竞赛学科管理页面中可以对索引、竞赛学科等信息进行详情，修改或删除等操作，如图5-8所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_java_12

竞赛信息管理，在竞赛信息管理页面中可以对索引、竞赛标题、竞赛学科、封面图、竞赛等级、报名时间、组织方、竞赛时间、竞赛地点、发布日期等信息进行详情、查看评论、修改或删除等操作，如图5-9所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_高效学科竞赛系统_13

竞赛报名管理，在竞赛报名管理页面中可以对索引、报名编号、竞赛标题、竞赛学科、报名时间、状态、用户名、姓名、联系电话、学校、审核回复、审核状态、审核等信息进行详情、成绩、修改或删除等操作，如图5-10所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_vue_14

竞赛成绩管理，在竞赛成绩管理页面中可以对索引、报名编号、竞赛标题、竞赛学科、竞赛成绩、登记日期、备注、用户名、姓名、学校等信息进行详情、获奖、修改或删除等操作，如图5-11所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_spring_15

获奖通知管理，在获奖通知管理页面中可以对索引、报名编号、竞赛标题、竞赛学科、获奖情况、获奖日期、用户名、姓名、学校等信息进行详情，修改或删除等操作，如图5-12所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_vue_16

留言板管理，在留言板管理页面中可以对索引、用户名、留言内容、回复内容等信息进行详情、回复、修改或删除等操作，如图5-13所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_高效学科竞赛系统_17

系统管理，在竞赛资讯页面中可以对索引、标题、图片等信息进行详情，修改或删除等操作，还可对轮播图管理进行操作，如图5-14所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_spring_18

5.3用户后台功能模块

用户登录进入系统后台可以查看首页、个人中心、竞赛报名管理、取消报名管理、竞赛成绩管理、获奖通知管理、我的收藏管理等信息进行详细操作，如图5-15所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_vue_19

竞赛报名管理，在竞赛报名管理页面中可以对索引、报名编号、竞赛标题、竞赛学科、报名时间、状态、用户名、姓名、联系电话、学校、审核回复、审核状态等信息进行详情、取消、删除等操作，如图5-16所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_高效学科竞赛系统_20

取消报名管理，在取消报名管理页面中可以对索引、报名编号、竞赛标题、竞赛学科、报名时间、取消原因、取消时间、备注、用户名、联系电话、学校、审核回复、审核状态等信息进行详情，修改或删除等操作，如图5-17所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_java_21

获奖通知管理，在获奖通知管理页面中可以对索引、报名编号、竞赛标题、竞赛学科、获奖情况、获奖日期、用户名、姓名、学校等信息进行详情操作，如图5-18所示。

基于Java+vue实现高校学科竞赛项目系统详细设计_前后端分离_22

代码实现：

/**
 * 竞赛成绩
 * 后端接口
 * @author 
 * @email 
 * @date 2022-03-22 11:09:03
 */
@RestController
@RequestMapping("/jingsaichengji")
public class JingsaichengjiController {
    @Autowired
    private JingsaichengjiService jingsaichengjiService;



    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,JingsaichengjiEntity jingsaichengji, 
        HttpServletRequest request){

        String tableName = request.getSession().getAttribute("tableName").toString();
        if(tableName.equals("yonghu")) {
            jingsaichengji.setYonghuming((String)request.getSession().getAttribute("username"));
        }
        EntityWrapper<JingsaichengjiEntity> ew = new EntityWrapper<JingsaichengjiEntity>();
        PageUtils page = jingsaichengjiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, jingsaichengji), params), params));
        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
    @IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,JingsaichengjiEntity jingsaichengji, 
        HttpServletRequest request){
        EntityWrapper<JingsaichengjiEntity> ew = new EntityWrapper<JingsaichengjiEntity>();
        PageUtils page = jingsaichengjiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, jingsaichengji), params), params));
        return R.ok().put("data", page);
    }

    /**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( JingsaichengjiEntity jingsaichengji){
        EntityWrapper<JingsaichengjiEntity> ew = new EntityWrapper<JingsaichengjiEntity>();
        ew.allEq(MPUtil.allEQMapPre( jingsaichengji, "jingsaichengji")); 
        return R.ok().put("data", jingsaichengjiService.selectListView(ew));
    }

     /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(JingsaichengjiEntity jingsaichengji){
        EntityWrapper< JingsaichengjiEntity> ew = new EntityWrapper< JingsaichengjiEntity>();
        ew.allEq(MPUtil.allEQMapPre( jingsaichengji, "jingsaichengji")); 
        JingsaichengjiView jingsaichengjiView =  jingsaichengjiService.selectView(ew);
        return R.ok("查询竞赛成绩成功").put("data", jingsaichengjiView);
    }
    
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        JingsaichengjiEntity jingsaichengji = jingsaichengjiService.selectById(id);
        return R.ok().put("data", jingsaichengji);
    }

    /**
     * 前端详情
     */
    @IgnoreAuth
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        JingsaichengjiEntity jingsaichengji = jingsaichengjiService.selectById(id);
        return R.ok().put("data", jingsaichengji);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody JingsaichengjiEntity jingsaichengji, HttpServletRequest request){
        jingsaichengji.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
        //ValidatorUtils.validateEntity(jingsaichengji);

        jingsaichengjiService.insert(jingsaichengji);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody JingsaichengjiEntity jingsaichengji, HttpServletRequest request){
        jingsaichengji.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
        //ValidatorUtils.validateEntity(jingsaichengji);

        jingsaichengjiService.insert(jingsaichengji);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody JingsaichengjiEntity jingsaichengji, HttpServletRequest request){
        //ValidatorUtils.validateEntity(jingsaichengji);
        jingsaichengjiService.updateById(jingsaichengji);//全部更新
        return R.ok();
    }
    

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        jingsaichengjiService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
    
    /**
     * 提醒接口
     */
    @RequestMapping("/remind/{columnName}/{type}")
    public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
                         @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
        map.put("column", columnName);
        map.put("type", type);
        
        if(type.equals("2")) {
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
            Calendar c = Calendar.getInstance();
            Date remindStartDate = null;
            Date remindEndDate = null;
            if(map.get("remindstart")!=null) {
                Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
                c.setTime(new Date()); 
                c.add(Calendar.DAY_OF_MONTH,remindStart);
                remindStartDate = c.getTime();
                map.put("remindstart", sdf.format(remindStartDate));
            }
            if(map.get("remindend")!=null) {
                Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
                c.setTime(new Date());
                c.add(Calendar.DAY_OF_MONTH,remindEnd);
                remindEndDate = c.getTime();
                map.put("remindend", sdf.format(remindEndDate));
            }
        }
        
        Wrapper<JingsaichengjiEntity> wrapper = new EntityWrapper<JingsaichengjiEntity>();
        if(map.get("remindstart")!=null) {
            wrapper.ge(columnName, map.get("remindstart"));
        }
        if(map.get("remindend")!=null) {
            wrapper.le(columnName, map.get("remindend"));
        }

        String tableName = request.getSession().getAttribute("tableName").toString();
        if(tableName.equals("yonghu")) {
            wrapper.eq("yonghuming", (String)request.getSession().getAttribute("username"));
        }

        int count = jingsaichengjiService.selectCount(wrapper);
        return R.ok().put("count", count);
    }
    


}

论文参考：

摘要

1 系统概述

1.1概述

1.2课题意义

1.3主要内容

2 系统开发环境

2.1 SSM框架

2.2 JAVA简介

2.3访问数据库实现方法

2.4系统对MySQL数据库的两种连接方式

2.5 MySql数据库

2.6 B/S结构

3 需求分析

3.1技术可行性：技术背景

3.2经济可行性

3.3操作可行性

3.4系统设计规则

3.5系统流程和逻辑

4系统概要设计

4.1概述

4.2系统结构

4.3 数据库设计

4.3.1 数据库实体

4.3.2 数据库设计表

5 系统详细设计

5.1系统功能模块

5.2管理员功能模块

5.3用户后台功能模块

6 系统测试

6.1系统测试的目的

6.2系统测试方法

6.3 测试结果

结论

致　谢

参考文献

源码获取：

上一篇：java读取resource下的json文件

下一篇：如何让JOIN跑得更快？

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯