/welog

Hands on project for Meteor 101 class

Primary LanguageHTMLMIT LicenseMIT

Powered by

Kevin Meteor 101 课程练习项目

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

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 小组, 留作业

完成.