Score
0
Watch 13 Star 24 Fork 8

ubuntuvim / todos_v2NodeJS

Join us
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
一个基于ember.js实现的TODO项目,这是一个类似于奇妙清单的APP,组织并共享你的待办事项、工作、购物、电影和家用物品清单。无论你在做什么计划,无论任务多大多小,奇妙清单都能帮助你轻松完成任务。预览地址:http://www.ddlisting.com spread retract

Clone or download
Loading...
README.md

ddlisting天天列表

主页:http://www.ddlisting.com

ddlisting的主旨是:天天清,天天轻

     通过分割,把一件复杂的事情简化成一件件小todo项,积小成大,最终达到完成复杂事情的目的。

# 项目设计

目录说明

项目主要目录

目录说明

  • adapters 项目适配器目录,链接firebase设置
  • components 组件目录,首页代码拆分成一个个组件
  • controllers 控制器目录
  • helpers 自定义助手目录
  • models 模型目录,项目使用的model有user、group、project、todo-item、comment
  • routes 项目路由目录
  • style 项目样式,暂时没用到
  • templates 模板目录
  • app.js 项目初始化配置文件
  • index.html 引入外部静态库
  • router.js 所有路由都定义再此
  • config 项目配置,目前只配置了firebase
  • public 静态资源存放目录,包括自定义js、CSS、image
  • ember-cli-build.js 引入第三方库,比如bootstrap
  • dist 项目静态资源编译之后存放目录

组件目录

组件目录

  • left-menu.hbs left-menu.js 左侧菜单
  • logo-tag.hbs logo-tag.js APP logo设置页面
  • main-content.hbs main-content.js APP主要内容区(中间部分)
  • refresh-self.hbs refresh-self.js 刷新本页面
  • right-item-panel.hbs right-item-panel.js 点击todo项的“编辑”按钮,右侧显示详细设置页面
  • search-tool.hbs search-tool.js 顶部查询框
  • tip-msg.hbs tip-msg.js 右上角工具栏

数据库设计

数据库设计与model是一一对应的,各个model之间的关系如下图: 数据库设计图 如需调整请直接到processOn修改。

APP 首页

APP界面与功能说明如下: 首页界面1

  • 1位置包含了三个功能:点击左边的图标可以关闭左侧的项目列表、点击中间的图标可以刷新本页面、右边是搜索框
  • 2位置是项目列表,气泡中的数字是项目中的todo数量,左边的数组是未完成的todo数目、右边的数字是本项目下总的todo项数目
  • 3位置是新增todo项目输入框,输入内容后按enter(Mac是return)键保存
  • 4位置是最新未完成的todo项,在3位置新增的todo项会显示最前面,点击todo开头的方框或者直接点击文字,可以把todo值为完成状态,并且todo文字会加中划线。
  • 5位置是操作每个todo项的按钮菜单,星星图标标记此todo是重要项;中间的图标是编辑,点击这个图标会在页面的右侧展开详细设置页面(如图1-2所示);右边的图片是删除本todo项。删除的todo可以从回收站恢复。
  • 6位置是系统消息提示,点击喇叭图标可以展开查看详细的消息,如图1-3所示
  • 7位置是个人中心,点击用户名可以展开如图1-4所示的界面

图1-2 todo项详细设置 图1-2

  • 点击1位置可以展收起来的左侧项目列表
  • 2位置 设置todo项
  • 3位置关闭设置面板的按钮

图1-3 系统消息 图1-3

  • 点击1位置可以关闭展开的消息提示面板
  • 2位置显示各个系统消息

图1-4 个人中心 图1-4

  • 点击1位置关闭展开的设置面板
  • 2位置可以设置APP主题背景、点击个人中心可以进入个人中心详细信息页面、点击“退出”可以退出登录用户

分支说明

  1. 2015-11-26,增加了登录功能,功能的实现使用插件ember-simple-auth。此功能提交到分支HEAD中,之前的版本仍然在master分支。
  2. 2015-12-11,合并了HEAD分支到master,并且在此版本中完成了登录、注册、APP简介等功能,其中后台数据处理使用nodejs+MySQL(后台处理代码也放在github)。下一版本计划把所有的数据都保存到本地MySQL,不放firebase上了,太慢了!!
  3. 2015-02-24,上线第一版。满足最基本的功能。

#项目运行环境配置

Prerequisites

You will need the following things properly installed on your computer.

Installation

  • git clone <repository-url> this repository
  • change into the new directory
  • npm install
  • bower install

Running / Development

Code Generators

Make use of the many generators for code, try ember help generate for more details

Running Tests

  • ember test
  • ember test --server

Building

  • ember build (development)
  • ember build --environment production (production)

Deploying

Specify what it takes to deploy your app.

Further Reading / Useful Links

Comments ( 0 )

Sign in for post a comment

NodeJS
1
https://gitee.com/ubuntuvim/todos_v2.git
git@gitee.com:ubuntuvim/todos_v2.git
ubuntuvim
todos_v2
todos_v2
master

Help Search