SpringBoot+Vue实现前后端分离的冬奥会科普平台

发布时间：2022-10-01 20:00

文末获取源码

开发语言：Java
开发工具：IDEA /Eclipse
数据库：MYSQL5.7/8.0
应用服务：Tomcat7/Tomcat8
是否Maven项目：是
后端框架：SpringBoot
前端框架：vue+element等
JDK版本：jdk1.8
项目架构：B/S架构

目录

前言介绍 

平台设计

平台实现

登录

用户注册

首页

冬奥会项目

精彩视频

冬奥论坛

管理员功能模块 

用户管理

冬奥会项目管理

精彩视频管理

冬奥论坛

部分核心代码: 

 

前言介绍 

随着信息技术和网络技术的飞速发展，人类已进入全新信息化时代，传统管理技术已无法高效，便捷地管理信息。为了迎合时代需求，优化管理效率，各种各样的管理平台应运而生，各行各业相继进入信息管理时代，冬奥会科普平台就是信息时代变革中的产物之一。

任何平台都要遵循平台设计的基本流程，本平台也不例外，同样需要经过市场调研，需求分析，概要设计，详细设计，编码，测试这些步骤，基于java语言设计并实现了冬奥会科普平台。该平台基于B/S即所谓浏览器/服务器模式，应用java技术，选择MySQL作为后台数据库。平台主要包括平台首页，个人中心，用户管理，项目类型管理，冬奥会项目管理，精彩视频管理，冬奥论坛，系统管理等功能模块。

平台设计

SpringBoot+Vue实现前后端分离的冬奥会科普平台_第1张图片

平台实现

登录

用户通过填写注册时输入的用户名、密码、选择角色等信息进行登录操作，如图

SpringBoot+Vue实现前后端分离的冬奥会科普平台_第2张图片

 

用户注册

在冬奥会科普平台注册页面通过填写用户名，密码，确认密码，昵称，手机等内容进行注册操作，如图

SpringBoot+Vue实现前后端分离的冬奥会科普平台_第3张图片

 

首页

登录进入冬奥会科普平台可以查看首页，冬奥会项目，精彩视频，冬奥论坛，冬奥新闻，个人中心等功能进行详细操作，如图 

SpringBoot+Vue实现前后端分离的冬奥会科普平台_第4张图片

冬奥会项目

在冬奥会项目页面中可以查看运动名称，项目类型，比赛时间，参赛人数，发布人，发布时间，点击次数等内容进行收藏操作；如图SpringBoot+Vue实现前后端分离的冬奥会科普平台_第5张图片

精彩视频

在精彩视频页面中可以查看视频名称，视频编号，比赛名称，项目类型，视频来源，发布时间等内容进行收藏操作；如图SpringBoot+Vue实现前后端分离的冬奥会科普平台_第6张图片

冬奥论坛

冬奥论坛；在冬奥论坛页面中可以对标题，类型等内容进行操作；如图

SpringBoot+Vue实现前后端分离的冬奥会科普平台_第7张图片 

管理员功能模块 

管理员登录进入冬奥会科普平台可以查看首页，个人中心，用户管理，项目类型管理，冬奥会项目管理，精彩视频管理，冬奥论坛，系统管理等功能，并进行详细操作，如图

SpringBoot+Vue实现前后端分离的冬奥会科普平台_第8张图片 

用户管理

在用户页面中可以对索引，账号，昵称，性别，手机等内容进行详情，修改和删除操作；如图 

SpringBoot+Vue实现前后端分离的冬奥会科普平台_第9张图片

项目类型管理

在项目类型页面中可以对索引，项目类型等内容进行详情，修改和删除操作；如图 

SpringBoot+Vue实现前后端分离的冬奥会科普平台_第10张图片

冬奥会项目管理

在冬奥会项目页面中可以查看索引，运动名称，项目类型，图片，比赛时间，参赛人数，发布人，发布时间等信息，并进行详情，修改，查看评论和删除等操作；如图 

SpringBoot+Vue实现前后端分离的冬奥会科普平台_第11张图片

精彩视频管理

在精彩视频页面可以对索引，视频编号，视频名称，比赛名称，项目类型，视频，视频来源，发布时间，封面图片等内容并进行详情，修改，查看评论和删除等操作；如图 

SpringBoot+Vue实现前后端分离的冬奥会科普平台_第12张图片

冬奥论坛

在冬奥论坛页面中可以查看索引，帖子标题，用户名，状态等详细内容，并进行详情，修改，查看评论和删除等操作；如图 

SpringBoot+Vue实现前后端分离的冬奥会科普平台_第13张图片

部分核心代码: 

/**
 * 冬奥会项目评论表
 * 后端接口
 * @author 
 * @email 
 * @date 2022-05-07 10:06:02
 */
@RestController
@RequestMapping("/discussdongaohuixiangmu")
public class DiscussdongaohuixiangmuController {
    @Autowired
    private DiscussdongaohuixiangmuService discussdongaohuixiangmuService;


    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map params,DiscussdongaohuixiangmuEntity discussdongaohuixiangmu,
		HttpServletRequest request){
        EntityWrapper ew = new EntityWrapper();
		PageUtils page = discussdongaohuixiangmuService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, discussdongaohuixiangmu), params), params));

        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
	@IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map params,DiscussdongaohuixiangmuEntity discussdongaohuixiangmu, 
		HttpServletRequest request){
        EntityWrapper ew = new EntityWrapper();
		PageUtils page = discussdongaohuixiangmuService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, discussdongaohuixiangmu), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( DiscussdongaohuixiangmuEntity discussdongaohuixiangmu){
       	EntityWrapper ew = new EntityWrapper();
      	ew.allEq(MPUtil.allEQMapPre( discussdongaohuixiangmu, "discussdongaohuixiangmu")); 
        return R.ok().put("data", discussdongaohuixiangmuService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(DiscussdongaohuixiangmuEntity discussdongaohuixiangmu){
        EntityWrapper< DiscussdongaohuixiangmuEntity> ew = new EntityWrapper< DiscussdongaohuixiangmuEntity>();
 		ew.allEq(MPUtil.allEQMapPre( discussdongaohuixiangmu, "discussdongaohuixiangmu")); 
		DiscussdongaohuixiangmuView discussdongaohuixiangmuView =  discussdongaohuixiangmuService.selectView(ew);
		return R.ok("查询冬奥会项目评论表成功").put("data", discussdongaohuixiangmuView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        DiscussdongaohuixiangmuEntity discussdongaohuixiangmu = discussdongaohuixiangmuService.selectById(id);
        return R.ok().put("data", discussdongaohuixiangmu);
    }

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



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

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

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        discussdongaohuixiangmuService.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 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 wrapper = new EntityWrapper();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}


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







}

 

相关推荐

涨姿势！一文了解深度学习中的注意力机制

5分钟掌握微信小程序 IntersectionObserver

Keras学习之：全网最详细，一文包你会！使用 Keras 自带的模型实现迁移学习

Linux下VCS的操作命令/Makefile编写

Python可视化神器pyecharts绘制饼状图

基于单片机的数字电子钟简单

uni-app - 在纯 JS 文件中调用自定义弹框组件 / 封装全局 API 调用弹框组件（解决小程序、APP 无法使用 document.body.appendChild 插入组件节点）适配全端

Ubuntu22.04 Python 深度学习环境配置记录

vue考试系统后台管理项目-登录、记住密码功能

二维码条形码生成的JavaScript脚本库

Java请求转发和请求重定向区别详解

CSS3新特性

【FPGA】SPI协议详解及对flash读写操作

python处理json文件的四个常用函数

Code-Server实现在任何设备上运行VS Code

docker-compose 搭建单机版/多机版 redis sentinel 哨兵集群

Redis4集群搭建

微信小程序实现收缩式菜单

nginx 设置资源请求目录

Java线程的异常处理机制详情

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网，如有侵权请联系：561261067@qq.com

桂ICP备16001015号