--- tags: 3M --- [点此返回通讯面板](https://hackmd.io/-EGmhmqwTUyT9i7oAGwNVg) # 3M 跑团IT 这个页面可通过 http://it.3m.run 访问 这是本学期的任务列表(-2019.12.31) ## 前端任务 #### 树状结构显示图※※※※※ 我们需要做一个树形结构显示器，可以把JSON数据以树状结构显示出来，参考 VUE 树形视图：https://cn.vuejs.org/v2/examples/tree-view.html 任务：搞懂上面的所有代码，并在Plunker或你的电脑上写一个树状结构显示器。我们未来需要对这个树状结构显示器做适合我们需要的调整。（<6 hours），记得随时按保存按钮。 有困难请随时求助 完成方式：提交代码 #### 交易系统前端※※※ 第一版本的交易系统将用于活动展示和报名。交易系统与活动系统关系如下: - 活动介绍 = 活动入场券的出售广告 - 报名活动 = 购入活动入场券 - 取消报名 = 卖出活动入场券 - 组织活动 = 生产活动入场券 任务：在交易系统设计完成之后，写一个前端，可以嵌入跑步卡片，显示广告信息。我们还将设计一个Calandar视图结构，展示活动时间。 ## 设计任务 #### 交易系统设计※※※※※ 3M 跑团要设计一套交易系统，如同每个玩家有背包，玩家与玩家之间可以相互交易。 完成方式：开会讨论 #### 游戏设计※ 设计一个网页游戏，游戏道具只能用户通过参加3M跑团获取，利用游戏让参与者对和3M跑团一起跑步上瘾，交易系统可以增强用户互动。此游戏系统最好情况将有望使社团盈利。 完成方式：开会讨论 ## 后台任务 #### 邮箱爬虫※※※※※ 我们要从邮箱中爬取特定邮件，帮助Amy完成自动收款归档的动作。 用户给我们E-transfer成功后我们会收到一封邮件，邮箱爬虫可以读取我们的收件箱，从中查询到所有E-transfer记录并且返回一个数组，显示所有收到的E-transfer记录的 姓名、时间、金额、确认号码 等信息。 要求： 用PHP写，获取3M邮箱内的信息。（因为Gmail 安全措施过多，不宜利用代码进行访问，3M邮箱安全性能很低，容易通过代码获取信息）将PHP上传到你的FTP地址的 index.php，访问 ting.3m.run 完成测试 #### 帮助Jasmine 排班※※※ 用Python 或PHP写一个排班程序，帮助Jasmine完成繁琐的排班任务。我们使用枚举法排班 #### 交易系统后端※ 在交易系统设计完成之后，为设计写一个后端PHP <!-- > 欢迎加入跑团！以后有工作都会在这个面板布置~ 我们第一期的工作是做跑步卡，样本可以看 http://card.3m.run， 首先我们要进行一些培训 ### 8月3日任务（请尝试8月7日前完成） - [任务说明](#说明) - [作业](#作业) # 说明 > 为了让大家熟悉操作环境，给大家布置一些作业作为培训 ### 需要熟悉的网络操作环境 - Github: 像高级版的Dropbox，可以把合作者的贡献update，不仅如此，它还能很好的控制版本，以及社交功能。 - Plunker: http://plnkr.co 网上版本的可以 即写 即看 的 网页编辑器 - Hackmd: http://hackmd.io 网络版本的Markdown 即写即看 工具。 ### 需要熟悉的编辑器 > 一个好的编辑器可以事半功倍 选择以下的任意一种编辑器并熟悉其操作 - VIM (推荐) - Emacs (只有手指比较长的人可以使用) # 作业 > 如果你做每项任务时超过了括号内的时间，请联系QQ求助，每次作业的完成时间不得超过2小时，注意适当休息 0 . **告诉我你prefer的用户名 username**，用于建立 username@3m.run 专属3M邮箱 1 . **注册一个Github账号**(<20 minutes) 2 . 去Plunker **写一段HTML网页，网页内容是自我介绍或其他内容**，做得越好看越好。(关闭窗口前务必保存你的工作)去 http://www.w3school.com.cn 学习HTML教程，并且自己做做练习(< 1 hr) 3 . 去 Hackmd **用Markdown 语言写一段自我介绍或其他内容**，你可以去Google 搜索怎么写Markdown （<30 minutes） 4 . [下载Vim](http://qirui.li/MacVim.dmg) 并试着打开、保存文本文件。如果你安装后打不开APP，可能是苹果系统的安全设置，请到System Preference的Security and Privacy中解锁。**熟悉 :e 和 :w 命令 和基本VIM键盘操作并练习** 请网上搜索 *Vim 键盘图* (<30 minutes) ### 需要提交的内容 开一个hackmd, 在里面放上： *你prefer的邮箱用户名*, *你的github用户名*，*你的Plunker网页的链接地址*（点开就能直接看到）， *你的Markdown 自我介绍地址*(点开能直接看到)。 最后，把这个Hackmd的http地址微信发给我。 > 这项作业会用来估计一下大家的网页编程水平，把你会的以及这两天学到的都展示出来吧 --- ### 展望 我们要为3M开发出一套灵活方便的跑步积分系统，对于这个系统的设计可以参考[3M 社团会议系统](/Ht38IyZZQM-usU5LFlQZXA) --> <!-- ### 8月8日任务（基础的html-php 交互）请于8月11日之前完成 1，熟悉Vue Template, 尤其是和php进行交互 https://vue-resource.changwei.me/http%E8%AF%B7%E6%B1%82%E4%B8%8E%E5%93%8D%E5%BA%94.html 2，我们在`http://database.3m.run/Test/homework.php` 放置了一个php文档，你可以通过输入以下地址进行查看 `http://database.3m.run/Test/homework.php?code=A` 这里的code可以取从A到D的大写字母，此php会返回一个code，我们要求把这些data展示在一个模板上。要求如下： 你的页面上必须有4个按钮，和三个文本框，这四个按钮分别标A,B,C,D 按下每个按钮时，文本框的值相应的改变成为 homework.php的返回值 -->