基于springboot+vue的古典舞在线交流平台

博主主页猫头鹰源码

博主简介:Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战

主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询

文末联系获取

项目背景:

在当今的社会,可以说是信息技术的发展时代,在社会的方方面面无不涉及到各种信息的处理。信息是人们对客观世界的具体描述,是人们进行交流与联系的重要途径。人类社会就处在一个对信息进行有效合理的加工中。它将促进整个社会的发展。随着社会信息技术的提高,计算机已被广泛应用于当今社会的各个领域,成为推动社会发展的首要技术动力。

一个行业发展起来,自然会诞生相关的交流网站,随着经济的快递发展,学习舞蹈的人越来越多,在众多舞种中,学习古典舞的人也在不断增多,传统古典舞交流的方式有时间地点的限制,在当今社会已经无法满足用户的需求,针对这一情况,结合目前计算机技术的发展,特开发了本古典舞在线交流平台。在互联网的迅速发展下,局域网的普及,为建立古典舞在线交流平台的设计与实现提供了基础条件。古典舞在线交流平台与传统的古典舞交流方式相比,有着无法比拟的优点,网络共享、传播速度快的特点,用户可以随时随地进行古典舞交流,同时管理员通过计算机对系统信息进行全面管理,大大提高了古典舞交流效率。

功能介绍:

系统包含技术:

后端:springboot,mybatis
前端:element-ui、js、css等
开发工具:idea/vscode
数据库:mysql 5.7
JDK版本:jdk1.8

部分截图说明:

用户进入本系统可查看系统信息,主要包括首页,服饰,课程,视频以及论坛交流等,系统主界面展示如图5.1所示。

没有账号的用户可进入注册界面进行注册操作,用户注册界面展示如图5.2所示

用户在论坛交流界面可查看已有交流信息,并可选择查看详情,论坛交流界面展示如图5.3所示

用户可选择课程查看详情信息,登录后可进行加入购物车或者购买操作,课程详情界面展示如图5.4所示。

用户可查看个人订单信息,我的订单界面展示如图5.6所示。

管理员要想进入系统后台对系统进行管理操作,必须登录系统后台,管理员登录界面展示如图5.7所示。

管理员可增删改查会员用户信息,会员用户管理界面展示如图5.8所示

管理员可增删改查服饰信息,服饰管理界面展示如图5.9所示。

部分代码:

 /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,FushiEntity fushi,
		HttpServletRequest request){
        EntityWrapper<FushiEntity> ew = new EntityWrapper<FushiEntity>();
		PageUtils page = fushiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, fushi), params), params));

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

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

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(FushiEntity fushi){
        EntityWrapper< FushiEntity> ew = new EntityWrapper< FushiEntity>();
 		ew.allEq(MPUtil.allEQMapPre( fushi, "fushi")); 
		FushiView fushiView =  fushiService.selectView(ew);
		return R.ok("查询服饰成功").put("data", fushiView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        FushiEntity fushi = fushiService.selectById(id);
		fushi.setClicknum(fushi.getClicknum()+1);
		fushiService.updateById(fushi);
        return R.ok().put("data", fushi);
    }

    /**
     * 前端详情
     */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        FushiEntity fushi = fushiService.selectById(id);
		fushi.setClicknum(fushi.getClicknum()+1);
		fushiService.updateById(fushi);
        return R.ok().put("data", fushi);
    }
    


    /**
     * 赞或踩
     */
    @RequestMapping("/thumbsup/{id}")
    public R vote(@PathVariable("id") String id,String type){
        FushiEntity fushi = fushiService.selectById(id);
        if(type.equals("1")) {
        	fushi.setThumbsupnum(fushi.getThumbsupnum()+1);
        } else {
        	fushi.setCrazilynum(fushi.getCrazilynum()+1);
        }
        fushiService.updateById(fushi);
        return R.ok("投票成功");
    }

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

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

以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,代码工整,清晰,适合学习使用。

好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~  

最近更新

  1. TCP协议是安全的吗?

    2024-01-26 21:26:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-26 21:26:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-26 21:26:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-26 21:26:01       18 阅读

热门阅读

  1. 编程笔记 html5&css&js 053 CSS伪元素

    2024-01-26 21:26:01       36 阅读
  2. C++Linux网络编程Day1

    2024-01-26 21:26:01       32 阅读
  3. CentOS7离线安装supervisor

    2024-01-26 21:26:01       33 阅读
  4. ctfshow-命令执行

    2024-01-26 21:26:01       40 阅读
  5. 使用HyperLogLog统计网站uv

    2024-01-26 21:26:01       28 阅读
  6. 微信小程序打卡定位实现方案

    2024-01-26 21:26:01       36 阅读
  7. 《More Effective C++》《效率——16、谨记80-20法则》

    2024-01-26 21:26:01       33 阅读
  8. R语言【taxlist】——clean_strings():清理字符串

    2024-01-26 21:26:01       33 阅读
  9. 深度学习简介与应用

    2024-01-26 21:26:01       34 阅读
  10. 铭飞获取幻灯片栏目下的图片

    2024-01-26 21:26:01       30 阅读