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

文末获取源码

开发语言: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);
	}
	







}

 

你可能感兴趣的:(课程设计,毕业设计,spring,boot,vue.js,java,前端,后端)