我们是这次稳了队,队员分别是温治乾、莫少政、黄思扬、余泽端、江海灵
一、会议
1.1 28号站立式会议照片:
1.2 昨天已完成的事情
团队成员 |
昨日已完成的任务
扫描二维码关注公众号,回复:
8001069 查看本文章
|
黄思扬 |
活动内容管理页(前端) |
莫少政 |
登录页及注册页(前端) |
余泽端 |
登录功能状态的维护及修改 |
温治乾 |
登录功能状态的维护及修改 |
江海灵 |
检验登录功能(测试) |
1.3 今天计划完成的工作
团队成员 |
今日计划完成的工作: |
黄思扬 |
活动管理模块(前端) |
莫少政 |
活动管理模块(前端) |
余泽端 |
登录接口开发(后端) |
温治乾 |
登录接口开发(后端) |
江海灵 |
活动发布测试(测试) |
1.4 工作中遇到的问题
1)前端部分:
在实现鼠标hover停留,div块卡片式悬浮阴影动画时,css的transition过渡动画不生效
原因:本身实现该动画有很多方法,诸如使用js控制样式渲染。但由于采用js比较麻烦,所有采用css hover伪类直接控制display属性从none到block变化。
经过查找资料,才得知display属性从none到block变化时浏览器直接reflow重绘,这就导致transform里的函数配合transition都没法用。
于是采用另一种思路:使用css3的animation动画,加opacity属性控制透明度变化,实现了鼠标停留出现卡片式悬浮阴影动画
2)后端部分:
对登录状态以及序列号数据的存储,需要涉及多步操作,操作繁杂
二、项目跟进
燃尽图
三、代码跟进
3.2 签入记录对应的Issue内容与链接
(2)后端部分:
四、适当的项目程序/模块的最新(运行)截图
4.1 最新模块的代码
注:由于模块代码较多,因而以下选取一些作代表
4.11前端部分
增加全局样式控制,完善活动管理模块
src/components/platformModule/activityManageModule/activityManage.vue
1 align-items: center; 2 } 3 .cover { 4 5 // 此处需要修改 6 width: 200px; 7 height: 100px; 8 @@ -72,13 +71,33 @@ img { 9 } 10 } 11 .allIssueActivites-content-left { 12 width: 75%; 13 width: 80%; 14 display: flex; 15 justify-content: space-evenly; 16 17 .publish-info h3 { 18 font-weight: 400; 19 font-size: 15px; 20 21 .issueInfo { 22 width: 65%; 23 display: flex; 24 flex-direction: column; 25 justify-content: space-between; 26 h4 { 27 width: 100%; 28 } 29 div { 30 padding: 1% 3%; 31 text-align: left; 32 span { 33 margin-right: 5%; 34 } 35 } 36 37 } 38 .publish-info { 39 width: 15%; 40 h3 { 41 font-weight: 400; 42 font-size: 15px; 43 } 44 } 45 } 46 47 @@ -132,16 +151,28 @@ img { 48 <Input search enter-button placeholder="输入关键词搜索" /> 49 </div> 50 </div> 51 <div class="allIssueActivites-content" v-for="activity in allActivities" v-bind:key="activity.activityId"> 52 <div 53 class="allIssueActivites-content" 54 v-for="activity in allActivities" 55 v-bind:key="activity.activityId" 56 > 57 <div class="allIssueActivites-content-left"> 58 <div class="publish-info"> 59 <h3>{{activity.publishTime}}</h3> 60 <h3>发布完毕</h3> 61 </div> 62 <div class="cover"> 63 <img :src="activity.coverImg" alt /> 64 <img :src="activity.coverImg" alt /> 65 </div> 66 <div class="issueInfo"> 67 <h4 class="issueTitle">{{activity.title}}</h4> 68 <div> 69 <span><Icon type="md-eye" color="#9A9A9A" size="20" /> 70 {{activity.readNum}}</span> 71 <span><Icon type="md-eye" color="#9A9A9A" size="20" /> 72 {{activity.shareNum}}</span> 73 </div> 74 </div> 75 <h4 class="issueTitle">{{activity.title}}</h4> 76 </div> 77 <div class="allIssueActivites-content-right"> 78 <Button type="info" shape="circle">修改</Button>
4.12后端部分
完成登录接口开发
src/main/java/com/sixers/activitywall/ActivitywallApplication.java
1 import com.sixers.bean.wxcode.WxCodeStatusBean; 2 import com.sixers.data.Message.MessageService; 3 import com.sixers.data.cookie.CookieService; 4 import com.sixers.data.login.LoginService; 5 import com.sixers.data.wxcode.WxCodeService; 6 import org.springframework.boot.SpringApplication; 7 import org.springframework.boot.autoconfigure.SpringBootApplication; 8 @@ -33,7 +34,7 @@ public class ActivitywallApplication { 9 WxCodeStatusBean bean = WxCodeService.getINSTANCE().getCodeStatus(codeId); 10 if(bean.getStatusCode() == 2 || bean.getStatusCode() == 4){ 11 //设置cookies 12 Cookie cookie = new Cookie("sessionId", CookieService.getINSTANCE().getSession()); 13 Cookie cookie = new Cookie("sessionId", CookieService.getINSTANCE().getSession(codeId)); 14 response.addCookie(cookie); 15 } 16 return JSON.toJSONString(bean); 17 @@ -54,6 +55,13 @@ public class ActivitywallApplication { 18 @RequestMapping(value = "/getSubjectList") 19 public String getSubjectList(@RequestParam(value = "account", required = false) String account, 20 @RequestParam(value = "codeId", required = false) String codeId){ 21 return LoginService.getINSTANCE().handleGetListRequest(codeId, account); 22 } 23 24 @RequestMapping(value = "/pushLoginMsg") 25 public String pushLoginMsg(@RequestParam(value = "account", required = false) String account, 26 @RequestParam(value = "codeId", required = false) String codeId, 27 @RequestParam(value = "subjectId", required = false) String subjectId){ 28 return LoginService.getINSTANCE().handlePushLoginMsgRequest(account, codeId, subjectId); 29 } 30 }
五、每日每人总结
黄思扬:开发过程中应该采用模块化的思想,对于可复用的样式应提取至全局样式,减少代码冗余。对于项目的整体把控应有全局意识,在组件开发中更要考虑清楚组件的必要性和功能性。
余泽端:对全局的状态的把握,需要对整体的架构有一个清晰的认识。
莫少政:
江海灵:
温治乾: