团队第三次作业：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>

<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>

<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'>
   
  <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版本是可以正常使用的，但是微信小程序发布需要审核，以及服务器到期了，这次展示删掉了部分代码，看起来不是很完善。

• β版本的展望，给出具体的安排计划。

          将登录界面的一套流程写好，除日记、备忘录的后端代码写好。