趙銘: 數據庫整理。
吳慧婷:個人世界界面完成部分。
陳敏: 個人世界功能——學習狀況功能完成。
吳雅娟:個人世界功能——學習狀況功能完成。
楊娟: 個人世界界面改進。
葉金蕾:個人世界功能——學習狀況功能完成。前端
趙銘: 數據庫最後與前端仍是不能用
吳慧婷:到了截止時間,功能仍是沒有很好的完成,仍是有一些滯留。能力有待提升。
陳敏: 寫代碼能力有限,花的時間多。
吳雅娟:作功能的時候遇到的問題比較多,不少特有的標籤屬性不熟悉。
楊娟: 一邊學習一邊作進度比較慢。
葉金蕾:幫忙查閱了作簽到功能和界面改進的代碼,可是界面設計這一塊一直出現顯示不徹底的問題,在隊員的幫助下才修改了這一個bug。git
趙銘: 測試數據庫能不能用。
吳慧婷:完成滯留的任務,改善不完整的功能。
陳敏: 繼續學習並對各按鈕功能進行改進。
吳雅娟:完善各個按鈕的功能,以及個人詞庫功能的改進。
楊娟: 學習狀況界面以及改善全部界面。
葉金蕾:幫助隊友完成功能改進。數據庫
趙銘: 數據庫。
吳慧婷:完善個人世界界面。
陳敏: 參與完成按鈕功能。
吳雅娟:完成各個按鈕功能以及界面功能改進。
楊娟: 改善個人詞庫界面。
葉金蕾:參與完成界面改進。小程序
連接: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階段相比,不管是功能仍是界面上都有少量改變。軟件工程真的花了不少時間(相對來講),雖然效率不夠高,可是真的是努力過。
陳敏: 雖然作小程序花了不少的時間,可是真的有很大的收穫。在這個過程當中也有不少抱怨,也會崩潰。可是收穫仍是很大的。
吳雅娟:小程序已經要接近尾聲了,這過程當中學到不少東西,有很大的收穫,雖然在作的過程當中,問題不少不少,作一個功能得查好多好多資料,效率很低,但幸運的是後來也有必定的成果,仍是比較開心的。雖然還有一點點東西,但咱們必定會趕在驗收的時候所有作完的,加油。
楊娟: 把大部分界面從新改善後,能感受整體比以前簡潔方便了。此次對於界面的從新修改,本身又學到了不少新的知識,對於這方面的內容有了進一步的瞭解。但願最後能在你們的努力下完成咱們的目標。
葉金蕾:今天作完了個人世界的界面和功能,算是完成了這個小程序了。雖然還有一部分功能沒有徹底實現,可是在這個過程當中也感覺到了開發小程序的不易之處,也有很是多的收穫,但願這些經驗在從此對本身能有幫助。微信