团队第三次作业:Alpha版本发布
(1)请大家在作业开头添加格式描述:
这个作业属于哪个课程 |
https://edu.cnblogs.com/campus/xnsy/Autumn2019SoftwareEngineeringFoundation |
这个作业要求在哪里 |
https://edu.cnblogs.com/campus/xnsy/Autumn2019SoftwareEngineeringFoundation/homework/9895 |
团队名称 |
志趣信息 |
这个作业的目标 |
软件项目的alpha版本发布 |
(2)团队成员列表
学号 |
姓名 |
201631061414 |
杨光(组长) |
201831061108 |
艾尔肯·热合曼 |
201631064222 |
陈星鑫 |
201631061313 |
周嘉航 |
201531060033 |
张燕山 |
(3)项目:
由于服务器到期,以及微信小程序需要审核才能发布,所以这次的项目展示为代码加原型的方式。
下面动图为微信小程序在本人手机上的预览截图,可以算原型预览。
1.登录界面,代码部分因负责人个人原因未能完善,大概在beta版本里完善。
2.点击下方导航栏的第二个图标可以看到编写日记和备忘录。
可以输入与保存,也可以添加标签在查找功能里查找。
3.备忘录的界面功能目前与日记本一样。
4.设置部分
1.此图为在微信开发者工具中云note小程序的主界面及代码截图。
主界面的WXML代码:
<view class='container' bindlongtap='deleteChoose'> <view class='head' style='{{headerDeleteStyle}}'> <text bindtap='deleteAll'>删除</text> <text bindtap='cancelDelete'>取消</text> </view> <view class='head' style='{{headerStyle}}'> <view class='head_left'> <navigator url='../calendarPage/calendarPage' hover-class='navigator-hover'> <image class='img_left' src="../../images/calendar.png"></image> </navigator> </view> <view class='head_middle'>{{pageType}}</view> <view class='head_right'> <navigator url='../settingPage/settingPage' hover-class='navigator-hover'> <image class='img_right' src='../../images/set.png'></image> </navigator> </view> </view> <!--------------------------------------------------------------> <!-- 消息列表 --> <view class='dairy-box-container'> <view wx:for="{{listData}}" wx:for-index="id" wx:for-item="item" wx:key="item"> <DairyBox date="{{item.date}}" week="{{item.week}}" time="{{item.time}}" title="{{item.title}}" content="{{item.body}}" temperature="{{item.year}}" message="{{item}}" deleteStyle="{{deleteStyle}}" turnFlag="{{turnFlag}}" bind:getId="getId" /> </view> </view> <!-- 选择类型 --> <view> <view class='back-container' catchtap='hideNoteChoose' style='{{showTypeFlag}}'></view> <view class='type-container' style='{{showTypeFlag}}'> <view class='classified'> <text>分类</text> <text bindtap='turnTimeLine'>时光轴</text> <text bindtap='turnTag'>标签</text> </view> <view class='type'> <text>类型</text> <text bindtap='getDairy'>日记本</text> <text bindtap='getForget'>备忘录</text> </view> </view> </view> <!-- --> <!-- 搜索 --> <view> <view class='sousuoNav' style='{{sousouFlag}}'> <input bindinput="getSousouContent"></input> <image class='find' src='../../images/sousuo.png' catchtap='searchBox'></image> </view> <view class='back-container' catchtap='hideSousou' style='{{sousouFlag}}'></view> </view> <!-- --> <view class='bottom_nav'> <image class='catalog' src='../../images/catalog.png' catchtap='showType'></image> <image class='pen' src='../../images/pen.png' catchtap='showNoteChoose'></image> <image class='sousuo' src='../../images/sousuo.png' catchtap='showSousou'></image> <view class='body-container' style='{{noteChooseStyle}}' catchtap='clearNoteChoose'> <view class='penNav'> <view class='penNavbg'> <view class='penNav_dairy' catchtap='returnDairy'>日记本</view> <view class='penNav_forg' catchtap='returnForget'>备忘录</view> </view> </view> </view> </view> </view> <view class='backgound-img'> <image src='../../images/background.jpg'></image> </view>
2.日记界面及代码截图
日记界面代码
<view class='tittle'> <input type='text' placeholder='请输入标题' auto-focus bindinput='bindTitle' value='{{title}}'/> </view> <view class='content' catchtap='hideLabel'> <textarea placeholder='请输入内容' maxlength='-1' bindinput="bindText" value='{{content}}'></textarea> </view> <!-- <modal hidden="{{hiddenDeleteModal}}" title="删除标签" confirm-text="删除" cancel-text="取消" bindcancel="cancelDelete" bindconfirm="confirmDelete"> </modal> --> <view wx:if="{{!hiddenDeleteModal}}"> <view class='modal'></view> <view class='alert-box'> <view class='alert-head'>删除标签</view> <view class='alert-input'>确认删除</view> <view class='alert-choose'> <view bindtap='cancelDelete'>取消</view> <view class='alert-add' bindtap='confirmDelete'>删除</view> </view> </view> </view> <!-- <modal hidden="{{hiddenAddModal}}" title="添加标签" confirm-text="添加" cancel-text="取消" bindcancel="cancelAdd" bindconfirm="confirmAdd"> <input type='text' placeholder='请输入标签名' auto-focus bindinput='addTag' maxlength='12'/> </modal> --> <view wx:if="{{!hiddenAddModal}}"> <view class='modal'></view> <view class='alert-box'> <view class='alert-head'>添加标签</view> <input type='text' placeholder='请输入标签名' auto-focus bindinput='addTag' maxlength='12' class="alert-input"/> <view class='alert-choose'> <view bindtap='cancelAdd'>取消</view> <view class='alert-add' bindtap='confirmAdd'>添加</view> </view> </view> </view> <!-- 标签 --> <view class='tag-container'> <!-- <text class='first-box' wx:if="{{tagList1}}" catchtap='deleteLabel' data-id='1'>{{tagList1}}</text> --> <view> <view class='first-box' wx:if="{{tagList1}}"> <image class='tag-img' src='../../images/ax.png'></image> <text catchtap='deleteLabel' data-id='1'>{{tagList1}}</text> </view> </view> <view> <view class='first-box' wx:if="{{tagList2}}"> <image class='tag-img' src='../../images/ax.png'></image> <text catchtap='deleteLabel' data-id='2'>{{tagList2}}</text> </view> </view> <view> <view class='first-box' wx:if="{{tagList3}}"> <image class='tag-img' src='../../../images/ax.png'></image> <text catchtap='deleteLabel' data-id='3'>{{tagList3}}</text> </view> </view> </view> <view class='bottom'> <image class="save" src='../../images/save.png' bindtap='sendDairy'></image> <image class="photo" src='../../images/photo.png'></image> <image class="label" src='../../images/label.png' catchtap='showLabel'></image> </view>
(4)给出一份本次α版本的测试报告。
- 编码组:
- 测试工作安排
- 每一个页面写完后即可实时测试
- 测试工具的选择
- 微信开发者工具
- 测试用例
- 。。。。。。
- 测试结果截图
- 动图即是测试结果的截图
- 测试体会与总结
- 这个小程序是可以实时预览结果的,不是把所有代码写好了才看有没有问题。
- 测试工作安排
(5)项目情况总结。
- 在本次α版本发布之后,该组的项目已经完成了哪些内容
完成了小程序大概框架的代码,以及部分后端代码的编写,存储数据,进行了测试。
- 和项目预期计划相比,还有哪些内容没有完成。
预期的alpha版本是可以正常使用的,但是微信小程序发布需要审核,以及服务器到期了,这次展示删掉了部分代码,看起来不是很完善。
- β版本的展望,给出具体的安排计划。
将登录界面的一套流程写好,除日记、备忘录的后端代码写好。