系统分析与设计个人报告

个人简短小节

这个项目中我的主要工作是前端开发和测试。

PSP 2.1统计

主要工作清单

任务发布

任务发布一共涉及了5个页面：newtaskgeneral, newquestionaire, newcollect, newrecruit, scope.

其中newtaskgeneral是发布任务的入口，可以选择任务类型（问卷、信息收集、招募），填写任务的基本信息。 newquestionaire, newcollect, newrecruit分别是问卷、信息收集、招募的任务内容填写页。 scope是填写目标用户限制的页面。

以问卷为例，一次完整的任务发布需要经过三个页面：

任务执行

任务执行一共涉及2个页面：fulfiltask和taskcomplete

fulfiltask是填写问题答案的页面，taskcomplete是提示提交成功的页面。

fulfiltask主要用到radio和radio-group组件来填写单选题（i-View的UI组件），radio是单个选项，radio-group套在外层可以控制选项的切换。

填空题的填写直接用textarea就好了。

任务审核

进行任务审核的页面是audit, 如下图所示

审核页的问卷内容和执行页采取一样的UI，不过不能编辑。所以textarea设为disabled, 依然使用radio组件，但不需要radio-group组件了，把未选选项的radio设为disabled，即可。

其他

由于我负责的页面，都是直接存取任务的具体内容的，所以对小程序里task.content和answer的数据结构非常熟悉。当组员负责的页面需要访问任务的具体内容时，我则帮忙提供好数据访问的接口。比如统计分析问卷结果的页面。

我还参加的前后端交互的测试和调试。另外，我协助了远笛同学进行UI风格的统一。

最得意的工作清单

• Flex布局的应用：任务卡片

  在任务卡片上应用Flex布局，使得任务卡片右上角的报酬框可以正确显示。

• Flex布局的应用：单选题选项

  在单选题选项上应用flex布局，用flex-wrap排版成每2个选项一行，舒适美观。

最有价值的工作清单

• 问卷的发布、执行页面的实现

  个人认为问卷系统是本次项目的核心功能。在队友们的协助下，我完成得还不错。新建问卷的逻辑稍有复杂。实际上我之前没有开发小程序的经验，但写完newquestionaire页面后，对小程序的数据绑定方式已经非常熟悉了（其实也挺简单的）。

最有苦劳的工作清单

• 自定义组件的使用

为了代码复用，我们需要在小程序中创建自定义组件。创建方法很简单，在components文件夹加入新组件，然后写好组件的WXML,WXSS,JS, 注意下属性值的传递即可。我在本项目中一共创建了两个组件，一个是my-picker和my-datetimepicker. 其中my-picker实现的原型设计的要求，在下拉选择框右边加了一个三角形作提示；my-datetimepicker则实现了年月日时分的选择器。

在项目相关仓库中的贡献

Docs

miniProgram

个人博客清单

• 16340260-微信小程序项目实战

特别致谢

• 感谢项目经理Young出色的指挥，无论会议的安排，还是进度的控制，都做得很好，使我们的项目有条不紊地进行。
• 感谢Jeff、Curry前端队友们的努力！出色的队友使我压力减轻，分工安排都挺好，我在前端的项目也学到了不少东西。
• 感谢gitgiter和Young后端的工作，优秀的API文档使得前端开发时比较省心。
• 感谢产品经理和UI设计师Sherry的付出，最后帮小程序调UI也是非常用心！感觉远笛一改CSS，项目的UI就稳了~
• 感谢腾讯公司研发的小程序平台，使我们能使用这一轻量级开发来完成前端。特别感谢开发者提供的参考文档。
• 感谢Google公司和百度公司提供的搜索引擎服务，和若干博主写的博客，使我在遇到疑难问题时能够顺利解决。
• 感谢Linus前辈开发的Git分布式版本控制系统，以及GitHub网站提供的代码托管服务，使得团队协作得以实现，并且非常方便。
• 感谢三饭提供的定期会议场所，使得团队会议有效进行。
• 感谢图书馆，新活，行政楼B402提供的开发场所和冷气支持，使我能够在舒适的环境进行开发。
• 感谢可口可乐公司生产的快乐水，使我能够有持续的精力开发本软件。