Powered by

Kevin Meteor 101 课程练习项目

本项目采用 Meteoric packages 作为前端 UI. 其中包括以下 Package:

• meteoric:ionic
• meteoric:ionic-sass
• meteoric:ionicons-sass
• meteoric:autoform-ionic
• meteoric:useraccounts-ionic

See it in action here: meteoric.github.io

项目目标

这个项目不是一个 Production ready 的项目. 主要目的是让大家练习课堂中学习到的 Meteor 知识, 并真实开发一个实际项目. 这个项目使用到的 Meteor 技术包括

• 模板 使用 ionic 作为移动 UI 框架.
• 数据库 增删改查
• Pub/Sub
• 用户登陆注册
• 微信 API 集成
• 部署

软件功能

• 可以运行在微信, ios, android, web 等各种运行环境
• 用户可以登陆, 注册, 退出
• 登陆的用户可以 Post 文字和图片(照相)成为博客
• 每个 post 有一个对应的 URL 和 ID. 其他用户可以匿名阅读 post
• Post 列表, 选择某一篇 Post 后进入阅读全文
• 作者可以修改删除自己的 Post
• 阅读者可以增加 Comments

根据实际开发进度, 这些功能不一定全部完成. 下面是进度安排.

阶段安排

建立开发环境

• 安装 Meteor
• 安装各种开发工具 Robomongo, Chrome, Github, Sublime Text

同步初始代码

• 从 Github 上同步本项目初始代码
• 每人建立自己的分支

分析模板代码

• 理解各个 View
• 理解各个 Ionic 的 UI 零件

产品设计讨论

• 沿用现有的 Ionic 框架, 设计界面
• 设计数据库结构

清理代码, 一个干净的空 App

• 清理首页
• 建立测试数据库内容

显示 Posts 列表

• List 首页模板
• 每个 Post 模板
• 订阅/发布数据
• 手动修改数据库, 看 Reactive

显示 Post View

• UI 设计
• 模板实现.
• 手动修改数据库测试 Reactive

新增 Post 页面

• UI 设计
• 模板实现
• 测试数据库增加效果

修改 Post 页面

用户登陆

设定用户权限

• Roles
• Allow Deny
• 测试权限

Face lift

• UI 改善
• 产品化

Deploy

• Web 测试
• ios android 测试
• wechat 测试

增加微信 API 功能

• 登陆
• 照相
• 分享
• 地理位置

Comments 功能

增加 Rating 功能

未来的改进

分组

清理代码之前不分组

Post 页面

• Post list 小组
• Post View 小组
• Add Post 小组

联调 各个小组合并, 代码合并.

分小组

• 权限小组 (后台技术强)
• 界面优化小组 (前端技术强)

联调 各个小组合并, 代码合并, 发布

分小组

• 微信登录小组
• 微信照相小组
• 微信分享小组

联调 各个小组合并, 代码合并, 发布.

讨论 Comments 实现

自由组合 Comemnts 小组, 留作业

完成.