軟工網絡15團隊做業8——Beta階段敏捷衝刺（Day6）

時間 2019-11-19

原文原文鏈接

提供當天站立式會議照片一張

每一個人的工做

1.討論項目每一個成員的昨天進展

趙銘：　數據庫整理。
吳慧婷：個人世界界面完成部分。
陳敏：　個人世界功能——學習狀況功能完成。
吳雅娟：個人世界功能——學習狀況功能完成。
楊娟：　個人世界界面改進。
葉金蕾：個人世界功能——學習狀況功能完成。前端

2.討論項目每一個成員的存在問題

趙銘：　數據庫最後與前端仍是不能用
吳慧婷：到了截止時間，功能仍是沒有很好的完成，仍是有一些滯留。能力有待提升。
陳敏：　寫代碼能力有限，花的時間多。
吳雅娟：作功能的時候遇到的問題比較多，不少特有的標籤屬性不熟悉。
楊娟：　一邊學習一邊作進度比較慢。
葉金蕾：幫忙查閱了作簽到功能和界面改進的代碼，可是界面設計這一塊一直出現顯示不徹底的問題，在隊員的幫助下才修改了這一個bug。git

3.討論項目每一個成員的今天安排

趙銘：　測試數據庫能不能用。
吳慧婷：完成滯留的任務，改善不完整的功能。
陳敏：　繼續學習並對各按鈕功能進行改進。
吳雅娟：完善各個按鈕的功能，以及個人詞庫功能的改進。
楊娟：　學習狀況界面以及改善全部界面。
葉金蕾：幫助隊友完成功能改進。數據庫

4.每一個人的具體貢獻

趙銘：　數據庫。
吳慧婷：完善個人世界界面。
陳敏：　參與完成按鈕功能。
吳雅娟：完成各個按鈕功能以及界面功能改進。
楊娟：　改善個人詞庫界面。
葉金蕾：參與完成界面改進。小程序

發佈項目燃盡圖

每人的代碼/文檔簽入（截圖+連接）

連接：https://gitee.com/whting/word_wechat_applet/commits/beta微信小程序

最新模塊的代碼—代碼上有註解，符合規範

// wodeciku.js
const app = getApp()

Page({
  data: {
    // tab切換
    currentTab: 0,
    list: [
      { alphabet: 'Top', datas: ['abacus'] },
      { alphabet: 'A', datas: [] },
      { alphabet: 'B', datas: [] },
      { alphabet: 'C', datas: [] },
      { alphabet: 'D', datas: [] },
      { alphabet: 'E', datas: ['esome', 'eentries', 'eare here'] },
      { alphabet: 'F', datas: ['fsome', 'fentries', 'are here'] },
      { alphabet: 'G', datas: ['gsome', 'gentries', 'gare here'] },
      { alphabet: 'H', datas: ['hsome', 'hentries', 'hare here'] },
      { alphabet: 'I', datas: ['isome', 'ientries', 'iare here'] },
      { alphabet: 'J', datas: ['jsome', 'jentries', 'jare here'] },
      { alphabet: 'K', datas: ['ksome', 'kentries', 'kare here'] },
      { alphabet: 'L', datas: ['lsome', 'lentries', 'lare here'] },
      { alphabet: 'M', datas: ['msome', 'mentries', 'mare here'] },
      { alphabet: 'N', datas: ['nsome', 'nentries', 'nare here'] },
      { alphabet: 'O', datas: ['osome', 'oentries', 'oare here'] },
      { alphabet: 'P', datas: ['psome', 'pentries', 'pare here'] },
      { alphabet: 'Q', datas: ['qsome', 'qentries', 'qare here'] },
      { alphabet: 'R', datas: ['rsome', 'rentries', 'rare here'] },
      { alphabet: 'S', datas: ['some', 'sentries', 'sare here'] },
      { alphabet: 'T', datas: ['tsome', 'tentries', 'tare here'] },
      { alphabet: 'U', datas: ['usome', 'uentries', 'uare here'] },
      { alphabet: 'V', datas: ['vsome', 'ventries', 'vare here'] },
      { alphabet: 'W', datas: ['wsome', 'wentries', 'ware here'] },
      { alphabet: 'X', datas: ['xsome', 'xentries', 'xare here'] },
      { alphabet: 'Y', datas: ['ysome', 'yentries', 'yare here'] },
      { alphabet: 'Z', datas: ['zsome', 'zentries', 'zare here'] },
    ],
    alpha: '',
    windowHeight: '',
  },
  swichNav: function (e) {
    if (this.data.currentTab === e.target.dataset.current) {
      return false;
    } else {
      this.setData({
        currentTab: e.target.dataset.current
      })
    }
  },
  bindChange: function (e) {
    this.setData({ currentTab: e.detail.current });
  },
  onLoad(options) {
    try {
      var res = wx.getSystemInfoSync()
      this.pixelRatio = res.pixelRatio;
      // this.apHeight = 32 / this.pixelRatio;
      // this.offsetTop = 160 / this.pixelRatio;
      this.apHeight = 16;
      this.offsetTop = 80;
      this.setData({ windowHeight: res.windowHeight + 'px' })
    } catch (e) {
    }
  },
  handlerAlphaTap(e) {
    let { ap } = e.target.dataset;
    this.setData({ alpha: ap });
  },
  handlerMove(e) {
    let { list } = this.data;
    let moveY = e.touches[0].clientY;
    let rY = moveY - this.offsetTop;
    if (rY >= 0) {
      let index = Math.ceil((rY - this.apHeight) / this.apHeight);
      if (0 <= index < list.length) {
        let nonwAp = list[index];
        nonwAp && this.setData({ alpha: nonwAp.alphabet });
      }
    }
  },

  /**
   * 生命週期函數--監聽頁面加載
   */

})

<!--wodeciku.wxml-->
<view class="container">
  <view class="swiper-tab">
    <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">所有詞彙</view>
    <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">特殊詞彙</view>
    <view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">新建詞彙</view>
  </view>
</view>
<swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:600px" bindchange="bindChange">
  <swiper-item class="swiper">
    <scroll-view scroll-y style="height: 600px" scroll-into-view="{{alpha}}">
    <view class="alphabet">
      <view class="alphabet-list">
        <view wx:for="{{list}}" wx:key="unique" id="{{item.alphabet}}" class="section-item" wx:if="{{index!=0}}">
          <view class="section-item-header">
            {{item.alphabet}}
          </view>
          <view wx:for="{{item.datas}}" wx:key="unique" wx:for-item="cell" wx:for-index="cellIndex" class="section-item-cells">
            <view class="section-item-cell {{cellIndex != (item.datas.length-1) ? 'border-bottom':''}}">
              <text>{{cell}}</text>
            </view>
          </view>
        </view>
      </view>
      </view>
    </scroll-view>
    <view data-id="selector" catchtouchstart="handlerAlphaTap" catchtouchmove="handlerMove" class="alphanet-selector">
      <view data-ap="{{item.alphabet}}" wx:for="{{list}}" wx:key="unique" class="selector-one">
        {{item.alphabet}}
      </view>
    </view>
  </swiper-item>
  <swiper-item>
    
  </swiper-item>
  <swiper-item>
   <view class='section'>
      <view class='section__title'>單詞</view>
      <input bindinput='bindTitleInput' placeholder='請輸入單詞' value='{{content}}' />
    </view>
    <view class='section'>
      <view class='section__title'>詞義</view>
      <input bindinput='bindAccountInput' type='digit' placeholder='請輸入詞義' value='{{definition}}'/>
    </view>
    <view class="section">
       <view class='section__title'>例句</view>
       <input bindinput='bindAccountInput' type='digit' placeholder='請輸入例句' value='{{definition}}'/>
        </view>
    <view class="section">
       <view class='section__title'>助記</view>
       <input bindinput='bindAccountInput' type='digit' placeholder='請輸入助記' value='{{definition}}'/>
        </view>
    <button class='button' type='primary' bindtap="save">添加</button>
  </swiper-item>
</swiper>

.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0;
}

.swiper-tab {
  width: 100%;
  border-bottom: 2rpx solid gainsboro;
  text-align: center;
  line-height:80rpx;
}

.swiper-tab-list {
  font-size: 30rpx;
  display: inline-block;
  width: 20%;
  color: #555;
}
.on {
  color: #7cba23;
  border-bottom: 5rpx solid #7cba23;
}
.swiper {  
  width: 100%;  
}
.alphabet-list {

}
.alphabet-list .section-item {

}
.alphabet-list .section-item .section-item-header {
  display: flex;
  align-items: center;
  font-size: 22rpx;
    color: #a8a8a8;
    background-color: #f2f4f5;
  padding: 4rpx 20rpx;
}

.alphabet-list .section-item .section-item-cells {
  padding-left: 20rpx;
}
.alphabet-list .section-item .section-item-cells .section-item-cell{
  font-size: 30rpx;
    line-height: 1.0;
    color: #333333;
  padding: 29rpx 0;
}
.border-bottom {
  border-bottom: 1rpx solid #dbdbdb;
}
.alphanet-selector {
  position: absolute;
  top: 80px;
  right: 0;
  height: 432px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 100;
  box-sizing: border-box;
}
.alphanet-selector .selector-one {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
    color: #43c1f4;
  padding: 3px 3px;
  height: 12px;
}

<view class="container">
  <image class="logo" src="https://cloud-minapp-15316.cloud.ifanrusercontent.com/1fODchTJcZlvMJnm.jpg"></image>
  <text class="name">考研必背</text>
  <view class="list-container">
    <view class="list-item">
      <text class="list-name">每日詞量</text>
      <input class="list-icon" bindinput='wordInput' focus="true" confirm-type="done" />
    </view>
     <view class="list-item" bindtap="qiandao">
      <text class="list-name">簽到日曆</text>
      <image class="list-icon" src="/images/chevron.png"></image>
    </view>
    <view class="list-item" bindtap="yijiyiciliang">
      <text class="list-name">已記憶詞量</text>
    </view>
    <view class="list-item" bindtap="kaoyanbibei">
      <text class="list-name">考研必背</text>
      <image class="list-icon" src="/images/chevron.png"></image>
    </view>
  </view>
</view>

運行結果的截圖

每日每人總結

趙銘：　團隊做業好像立刻就要結束了，整個過程我都只作了數據庫這一方面，雖然如今尚未成功與前端連上，可是仍是學了一些東西，仍是有收穫的吧。
吳慧婷：休息一天調整本身。今天是beta階段的最後一天，雖然任務並無徹底完成，可是，對於咱們的微信小程序仍是有所收穫。跟alpha階段相比，不管是功能仍是界面上都有少量改變。軟件工程真的花了不少時間（相對來講），雖然效率不夠高，可是真的是努力過。
陳敏：　雖然作小程序花了不少的時間，可是真的有很大的收穫。在這個過程當中也有不少抱怨，也會崩潰。可是收穫仍是很大的。
吳雅娟：小程序已經要接近尾聲了，這過程當中學到不少東西，有很大的收穫，雖然在作的過程當中，問題不少不少，作一個功能得查好多好多資料，效率很低，但幸運的是後來也有必定的成果，仍是比較開心的。雖然還有一點點東西，但咱們必定會趕在驗收的時候所有作完的，加油。
楊娟：　把大部分界面從新改善後，能感受整體比以前簡潔方便了。此次對於界面的從新修改，本身又學到了不少新的知識，對於這方面的內容有了進一步的瞭解。但願最後能在你們的努力下完成咱們的目標。
葉金蕾：今天作完了個人世界的界面和功能，算是完成了這個小程序了。雖然還有一部分功能沒有徹底實現，可是在這個過程當中也感覺到了開發小程序的不易之處，也有很是多的收穫，但願這些經驗在從此對本身能有幫助。微信