基于springboot+vue的问卷调查系统

博主主页猫头鹰源码

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

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

文末联系获取

项目介绍: 

本系统适合选题:问卷调查、问卷、调查等。系统采用springboot+vue整合开发,前端框架主要使用了element-ui框架、数据层采用mybatis,功能齐全,界面美观。

功能介绍:

问卷调查系统系统在进行系统中功能模块的划分时,采用层次图来进行表示。层次图具有树形结构,它能使用矩形框来描绘数据信息。顶层代表的数据结构很完整,顶层下面的矩形框表示的数据就是子集数据,当然处于最下面的矩形框就是不能再进行细分的数据元素了,使用层次方框图描述系统功能能让用户一目了然,能够明白系统的功能,以及对应功能板块下面的子功能都可以清楚领会。问卷调查系统分为管理员和用户两部分操作角色,下面将对他们的功能进行阐述。

前端功能:登录注册、首页、问卷列表查看,问卷调查填写、新闻资讯查看、个人信息维护等。

管理员可以管理用户的基本信息,可以管理等功能。管理员功能结构图如下:

系统包含技术:

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

部分截图说明:

下面是登录页面

问卷列表

问卷调查填写

登录

用户管理

题目管理

问卷管理

问卷调查记录

部分代码:

 /**     * 后端列表     */     @RequestMapping("/page")     public R page(@RequestParam Map<String, Object> params, HttpServletRequest request){         logger.debug("page方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));         String role = String.valueOf(request.getSession().getAttribute("role"));         if(StringUtil.isEmpty(role))             return R.error(511,"权限为空");         else if("用户".equals(role))             params.put("yonghuId",request.getSession().getAttribute("userId"));         if(params.get("orderBy")==null || params.get("orderBy")==""){             params.put("orderBy","id");         }         PageUtils page = exampaperService.queryPage(params);          //字典表数据转换         List<ExampaperView> list =(List<ExampaperView>)page.getList();         for(ExampaperView c:list){             //修改对应字典表字段             dictionaryService.dictionaryConvert(c, request);         }         return R.ok().put("data", page);     }      /**     * 后端详情     */     @RequestMapping("/info/{id}")     public R info(@PathVariable("id") Long id, HttpServletRequest request){         logger.debug("info方法:,,Controller:{},,id:{}",this.getClass().getName(),id);         ExampaperEntity exampaper = exampaperService.selectById(id);         if(exampaper !=null){             //entity转view             ExampaperView view = new ExampaperView();             BeanUtils.copyProperties( exampaper , view );//把实体数据重构到view中              //修改对应字典表字段             dictionaryService.dictionaryConvert(view, request);             return R.ok().put("data", view);         }else {             return R.error(511,"查不到数据");         }      }      /**     * 后端保存     */     @RequestMapping("/save")     public R save(@RequestBody ExampaperEntity exampaper, HttpServletRequest request){         logger.debug("save方法:,,Controller:{},,exampaper:{}",this.getClass().getName(),exampaper.toString());          String role = String.valueOf(request.getSession().getAttribute("role"));         if(StringUtil.isEmpty(role))             return R.error(511,"权限为空");         Wrapper<ExampaperEntity> queryWrapper = new EntityWrapper<ExampaperEntity>()             .eq("exampaper_name", exampaper.getExampaperName())             .eq("exampaper_date", exampaper.getExampaperDate())             .eq("exampaper_types", exampaper.getExampaperTypes())             ;          logger.info("sql语句:"+queryWrapper.getSqlSegment());         ExampaperEntity exampaperEntity = exampaperService.selectOne(queryWrapper);         if(exampaperEntity==null){             exampaper.setCreateTime(new Date());             exampaperService.insert(exampaper);             return R.ok();         }else {             return R.error(511,"表中有相同数据");         }     }      /**     * 后端修改     */     @RequestMapping("/update")     public R update(@RequestBody ExampaperEntity exampaper, HttpServletRequest request){         logger.debug("update方法:,,Controller:{},,exampaper:{}",this.getClass().getName(),exampaper.toString());          String role = String.valueOf(request.getSession().getAttribute("role"));         if(StringUtil.isEmpty(role))             return R.error(511,"权限为空");         //根据字段查询是否有相同数据         Wrapper<ExampaperEntity> queryWrapper = new EntityWrapper<ExampaperEntity>()             .notIn("id",exampaper.getId())             .andNew()             .eq("exampaper_name", exampaper.getExampaperName())             .eq("exampaper_date", exampaper.getExampaperDate())             .eq("exampaper_types", exampaper.getExampaperTypes())             ;          logger.info("sql语句:"+queryWrapper.getSqlSegment());         ExampaperEntity exampaperEntity = exampaperService.selectOne(queryWrapper);         if(exampaperEntity==null){             //  String role = String.valueOf(request.getSession().getAttribute("role"));             //  if("".equals(role)){             //      exampaper.set             //  }             exampaperService.updateById(exampaper);//根据id更新             return R.ok();         }else {             return R.error(511,"表中有相同数据");         }     }

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

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

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值