【开源】基于Vue.js的创意工坊双创管理系统-Toy模板网

这篇具有很好参考价值的文章主要介绍了【开源】基于Vue.js的创意工坊双创管理系统。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

【开源】基于Vue.js的创意工坊双创管理系统,开源,vue.js,前端
$\color{red}{项目编号：S049，文末获取源码。}$

一、摘要

1.1 项目介绍

基于JAVA+Vue+SpringBoot+MySQL的创意工坊双创管理系统，包含了讲座管理、消息管理、项目管理、公共空间、房间预约、团队管理模块，还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块，创意工坊双创管理系统基于角色的访问控制，给工坊管理员、教师和学生角色使用，可将权限精确到按钮级别，您可以自定义角色并分配权限，系统适合设计精确的权限约束需求。

1.2 项目录屏

源码下载

二、功能模块

【开源】基于Vue.js的创意工坊双创管理系统,开源,vue.js,前端

2.1 管理员端

按照软件工程规范描述管理员端需求，细化用例规约，合理设计数据库，实现管理员端以下功能。

注册登录注销功能:管理员需要登录管理员账号，可以对系统的所有事务进行管理;用户端即教师和学生通过工号或学号进行注册登录,其中web端的安全验证采用图片或者验证码形式，微信小程序端安全验证采用短信验证码形式。
权限设置功能:对不同的角色设置管理权限。
基本信息管理:教师、学生可查看、补充基本信息。
基础信息导入:学生信息的批量导入。
各模板后台管理:项目管理、团队管理、房间预约、讲座信息等模块相关数据存储、后台展示、审核。
大数据分析模块:分类统计各功能模块信息，并做可视化展示。
留言管理:学生可进行留言,或者投诉与建议。
查询功能:用户可对平台内容进行查询。
消息通知功能:管理员对不良、不合法言论的账户予以警告通知;对即将使用的公共空间、讲座信息进行提醒。

2.2 Web 端

按照软件工程规范描述web端需求，细化用例规约，合理设计数据库，实现web端以下功能。

主页（首页）功能:项目管理、团队管理、房间预约、讲座信息、留言区、个人中心等页面设计。
公共空间管理:学生可查看公共空间信息，并进行预约;教师管理员可以发布信息，查看信息，审核管理。
讲座双选管理:双创导师可以发布讲座信息;学生可以查看讲座活动信息，查看、申请参加活动;讲师可以查看学生选报情况。
项目管理:学生申报项目，包括创新、创业、竞赛类项目;由导师或者管理员进行审核;学生可以查看进度条,清晰地了解状态。
房间预约:学生可以预约场地使用;可以查看进度条，看审批状态。
团队管理:学生可以自由组建团队;也可以由导师指定团队。
留言功能:学生可以对相关信息进行留言、评论。
个人信息管理:学生可以查看个人信息,并可进行修改。
消息通知功能:管理员对不良、不合法言论的账户予以警告通知;对其预约过并即将使用场地、讲座等重要信息进行提醒。
用户点赞、收藏功能:对体验感友好的事件可以点赞、收藏。

2.3 移动端

按照软件工程规范描述移动端需求,细化用例规约，合理设计数据库,实现移动端以下功能。

主页（首页)功能:项目管理、团队管理、房间预约、讲座信息、留言区、个人中心等页面设计。
公共空间管理;学生可查看公共空间信息，并进行预约;教师管理员可以发布信息，查看信息，审核管理。
讲座双选管理:双创导师可以发布讲座信息:学生可以查看讲座活动信息，查看、申请参加活动﹔讲师可以查看学生选报情况。
项目管理:学生申报项目，包括创新、创业、竞赛类项目;由导师或者管理员进行审核:学生可以查看进度条，清晰地了解状态。
房间预约:学生可以预约场地使用;可以查看进度条,看审批状态。
团队管理:学生可以自由组建团队;也可以由导师指定团队。
留言功能:学生可以对相关信息进行留言、评论。
个人信息管理:学生可以查看个人信息,并可进行修改。
消息通知功能:管理员对不良、不合法言论的账户予以警告通知:对其预约过并即将使用场地、讲座等重要信息.进行提醒。
用户点赞、收藏功能，对体验感友好的事件可以点赞、收藏。

三、系统展示

【开源】基于Vue.js的创意工坊双创管理系统,开源,vue.js,前端

四、核心代码

4.1 查询项目

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询项目")
public Result<IPage<Project>> getByPage(@ModelAttribute Project project ,@ModelAttribute PageVo page){
    QueryWrapper<Project> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(project.getTitle())) {
        qw.like("title",project.getTitle());
    }
    if(!ZwzNullUtils.isNull(project.getUserName())) {
        qw.like("user_name",project.getUserName());
    }
    IPage<Project> data = iProjectService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<Project>>().setData(data);
}

4.2 移动端新增团队

@RequestMapping(value = "/insertApp", method = RequestMethod.GET)
@ApiOperation(value = "新增团队")
public Result<Team> insertApp(@RequestParam String title,@RequestParam String content){
    Team team = new Team();
    team.setTitle(title);
    team.setContent(content);
    User currUser = securityUtil.getCurrUser();
    team.setUserId(currUser.getId());
    team.setUserName(currUser.getNickname());
    team.setTime(DateUtil.now());
    iTeamService.saveOrUpdate(team);
    return new ResultUtil<Team>().setData(team);
}

4.3 查询讲座

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询讲座")
public Result<IPage<Lecture>> getByPage(@ModelAttribute Lecture lecture ,@ModelAttribute PageVo page){
    QueryWrapper<Lecture> qw = new QueryWrapper<>();
    User currUser = securityUtil.getCurrUser();
    if(!ZwzNullUtils.isNull(lecture.getTitle())) {
        qw.like("title",lecture.getTitle());
    }
    if(!ZwzNullUtils.isNull(lecture.getContent())) {
        qw.like("content",lecture.getContent());
    }
    IPage<Lecture> data = iLectureService.page(PageUtil.initMpPage(page),qw);
    for (Lecture vo : data.getRecords()) {
        QueryWrapper<Good> goodQw = new QueryWrapper<>();
        goodQw.eq("lecture_id",vo.getId());
        goodQw.eq("user_id",currUser.getId());
        vo.setGood(iGoodService.count(goodQw));
        QueryWrapper<Collect> collectQw = new QueryWrapper<>();
        collectQw.eq("lecture_id",vo.getId());
        collectQw.eq("user_id",currUser.getId());
        vo.setCollect(iCollectService.count(collectQw));
    }
    return new ResultUtil<IPage<Lecture>>().setData(data);
}

4.4 讲座收藏

@RequestMapping(value = "/addOne", method = RequestMethod.GET)
@ApiOperation(value = "新增单条收藏")
public Result<Object> addOne(@RequestParam String id){
    Lecture l = iLectureService.getById(id);
    if(l == null) {
        return ResultUtil.error("讲座不存在");
    }
    User currUser = securityUtil.getCurrUser();
    QueryWrapper<Collect> collectQw = new QueryWrapper<>();
    collectQw.eq("lecture_id",id);
    collectQw.eq("user_id",currUser.getId());
    if(iCollectService.count(collectQw) > 0L) {
        iCollectService.remove(collectQw);
        return ResultUtil.success();
    }
    Collect collect = new Collect();
    collect.setLectureId(id);
    collect.setLectureName(l.getName());
    collect.setUserId(currUser.getId());
    collect.setUserName(currUser.getNickname());
    collect.setTime(DateUtil.now());
    iCollectService.saveOrUpdate(collect);
    return ResultUtil.success();
}

4.5 小程序登录

<swiper class="swiper-box" current="{{currentTab}}" duration="300" style="height:420px" bindchange="GetCurrentTab" data-current='6' >  
<swiper-item wx:for="{{tabCont}}" wx:key="item.index">  
  

  <view wx:if="{{item.index==0}}">
          <!-- 账号 -->
          <view class="section">
            <input placeholder="手机号" bindblur="logincode" />
          </view>

          <!-- 密码 -->
          <view class="section">
            <input placeholder="登入密码" bindblur="loginpassword" password="true"  />
          </view>
          
          <view class="section"></view>
          <!-- 提交按钮 -->
          <view wx:if='{{islogin==""}}' class='btn_box' >
          
            <button type="primary" bindtap="loginTo"  >登录</button>
          </view>

          <!-- 退出按钮 -->
          <view wx:else class='btn_box'>
            <button type="primary" bindtap="returnmain" >退出</button>
          </view>

  </view>
</swiper-item>