一.内部又一次调整

今天，组内的又一名同学决定退群，此时，我们组内已经退了两名成员，因此，任务越来越紧迫，我们需要更加合理地进行项目的规划，保证项目的顺利进行。

二.目标概述

本次的目标是完成签到功能的前端和后端部分，从而完成三大扩展功能之一，并且搭建好后端，推进项目的进行。

三.功能设计与实现

界面设计

签到主页，可以选择发起签到和点击签到

创建签到界面，可以发起签到

签到名单界面，可以查看签到名单

点击签到界面，可以输入签到码进行签到

功能实现

创建签到功能，前端代码

findAll(){console.log(this.info);uni.request({url:"http://124.221.248.254:8081/sign/findAll",method:"POST",data:{userid:this.userid,},success:(res)=> {console.log(res.data.data);this.signList = res.data.data;}})},addSign(){console.log(this.newLeader);console.log(this.newEvent);uni.request({url:"http://124.221.248.254:8081/sign/create",method:"POST",data:{userid:this.userid,signLeader:this.newLeader,signEvent:this.newEvent,signWord:this.newWord},success:(res)=> {console.log(res.data);let code = res.data.code;if(code == '200'){uni.showModal({title: "提示",content: "创建成功",showCancel:false,success: (res)=> {if (res.confirm) {console.log('用户点击确定');this.findAll();this.newLeader = '';this.newEvent = '';this.newWord = '';} else if (res.cancel) {console.log('用户点击取消');}}});}else{uni.showModal({title: "提示",content: "创建失败",showCancel:false,success: (res)=> {if (res.confirm) {console.log('用户点击确定');this.findAll();} else if (res.cancel) {console.log('用户点击取消');}}});}}})},

后端代码

@RequestMapping("/findAll")public JsonResult<Object> findAll(@RequestBody Map<String,String> map){String userid = map.get("userid");System.out.println(userid);List<SignLaunch> signLaunchList = signService.findAll(userid);System.out.println(signLaunchList);JsonResult<Object> jsonResult = new JsonResult<Object>("200", (Object) signLaunchList,"获取签到事件成功");//System.out.println(jsonResult);return jsonResult;}@RequestMapping("/create")public JsonResult<Object> create(@RequestBody Map<String,String> map){if (!map.containsKey("userid") || map.get("userid").equals("") || map.get("userid") == null){return new JsonResult<Object>("400","缺少userid");}if (!map.containsKey("signLeader") || map.get("signLeader").equals("") || map.get("signLeader") == null){return new JsonResult<Object>("400","缺少signLeader");}if (!map.containsKey("signEvent") || map.get("signEvent").equals("") || map.get("signEvent") == null){return new JsonResult<Object>("400","缺少signEvent");}if (!map.containsKey("signWord") || map.get("signWord").equals("") || map.get("signWord") == null){return new JsonResult<Object>("400","缺少signWord");}String userid = map.get("userid");String signLeader = map.get("signLeader");String signEvent = map.get("signEvent");String signWord = map.get("signWord");SignLaunch signLaunch = new SignLaunch(userid,signLeader,signEvent,signWord);int res = signService.create(signLaunch);if (res == ResCondition.signLaunch_success){JsonResult<Object> jsonResult = new JsonResult<Object>("200",(Object) signLaunch,"创建签到事件成功");return jsonResult;}else {JsonResult<Object> jsonResult = new JsonResult<Object>("400",(Object) signLaunch,"创建签到事件失败");return jsonResult;}}

签到功能，前端代码

sign(){console.log(this.signWord);uni.request({url:"http://124.221.248.254:8081/sign/signIn",method:"POST",data:{name:this.name,signWord:this.signWord,},success:(res)=> {console.log(res.data);let code = res.data.code;if(code == '200'){uni.navigateTo({url:"../signSuccess/signSuccess?userid=" + this.userid})}else{uni.navigateTo({url:"../signFail/signFail?userid=" + this.userid})}}})}}

后端代码

@RequestMapping("/signIn")public JsonResult<Object> signIn(@RequestBody Map<String,String> map){System.out.println(map.get("signWord"));if (!map.containsKey("name") || map.get("name").equals("") || map.get("name") == null){return new JsonResult<Object>("400","缺少name");}if (!map.containsKey("signWord") || map.get("signWord").equals("") || map.get("signWord") == null){return new JsonResult<Object>("400","缺少signWord");}String name = map.get("name");String signWord = map.get("signWord");SignDo signDo = new SignDo(signWord,name);int res = signService.signIn(signDo);if (res == ResCondition.signLaunch_success){JsonResult<Object> jsonResult = new JsonResult<Object>("200",(Object) signDo,"签到成功");return jsonResult;}else if (res == ResCondition.signDo_empty){JsonResult<Object> jsonResult = new JsonResult<Object>("400",(Object) signDo,"无此签到码");return jsonResult;}else if (res == ResCondition.signDo_more){JsonResult<Object> jsonResult = new JsonResult<Object>("400",(Object) signDo,"重复签到码，请联系管理员修改");return jsonResult;}else {JsonResult<Object> jsonResult = new JsonResult<Object>("400",(Object) signDo,"签到失败");return jsonResult;}}

查询签到名单，前端代码

findSignMember(){uni.request({url:"http://124.221.248.254:8081/sign/findSignMember",method:"POST",data:{signId:this.signId,},success:(res)=> {console.log(res.data.data);this.signMemberList = res.data.data;}})}

后端代码

@RequestMapping("/findSignMember")public JsonResult<Object> findSignMember(@RequestBody Map<String,String> map){String signIds = map.get("signId");int signId = Integer.parseInt(signIds);System.out.println(signId);List<SignDo> signDoList = signService.findSignMember(signId);JsonResult<Object> jsonResult = new JsonResult<Object>("200", (Object) signDoList,"获取签到成员成功");//System.out.println(jsonResult);return jsonResult;}

三.总结

通过这一次项目的实施，我完成了签到的功能，知道了uniapp与springboot的交互方法，为后续的工作奠定了基础。

山东大学软件学院创新实训——飞讯（九）相关推荐

山东大学软件学院创新实训——飞讯（四）
目录一.目标概述二.腾讯云im第三方回调二.回调分类三.回调示例 1.请求url 2.请求包示例 3.应答包示例四.回调的保存 1.分析 2.实体类 3.controller层 4.serv ...
山东大学软件学院创新实训——飞讯（一）
目录一.项目介绍二.docker的安装 1.服务器的配置 2.安装需要的包 3.添加GPG密匙,并添加Docker-ce软件源 4.安装Docker-ce 5.测试运行 6.添加当前用户到 doc ...
山东大学软件学院创新实训——飞讯（六）
目录一.突如起来的变化及内部调整二.uni-app的学习三.uni-app的搭建登录界面 (1)界面设计 (2)核心代码注册界面 (1)界面设计 (2)核心代码四.总结一.突如起来的变化 ...
山东大学软件学院创新实训——飞讯（八）
目录一.目标概述二.功能设计与实现搜索好友 (1)界面设计 (2)功能实现消息发送组件 (1)发送消息界面概览 (2)功能实现三.总结一.目标概述经过前面对uniapp的学习和飞讯项目的 ...
山东大学软件学院创新实训——飞讯（十二）
目录一.目标概述二.功能设计与实现问卷首页 (1)界面设计 (2)功能实现问卷详情页 (1)界面设计 (2)功能实现问卷二维码 (1)界面设计 (2)功能实现回答详情 (1)界面设计 (2 ...
山东大学软件学院创新实训——飞讯（二）
目录一.后端框架-springboot 二.springboot项目的创建 1.启动idea,依次选择File -->> New -->> project,弹出下框编辑2 ...
山东大学软件学院创新实训——飞讯（十三）
目录一.目标概述二.功能代码 1.问卷的创建 2.问题的回答三.界面展示四.总结一.目标概述这次项目完成的功能是问卷的创建和回答部分,我负责后端的编写,另外一位同学负责前端的编写,从而完成 ...
山东大学软件学院创新实训——飞讯（十）
目录一.目标概述二.功能设计与实现 1.配置配置文件 2.编写后端代码 3.前端代码三.总结一.目标概述这一次项目实施的目的是实现图片的上传和url的生成,因此,主要是前端上传图片代码和后端 ...
山东大学软件学院创新实训——飞讯（十一）
目录一.目标概述二.数据库设计三.功能代码 1.工作日志的查询和展示 2.工作日志的添加 3.工作日志的修改 4.工作日志的删除三.前后端联调后界面展示四.总结一.目标概述本次项目实施的 ...

山东大学软件学院创新实训——飞讯（九）

一.内部又一次调整

二.目标概述

三.功能设计与实现

界面设计

功能实现

三.总结

山东大学软件学院创新实训——飞讯（九）相关推荐

最新文章

热门文章