# todos_v2 **Repository Path**: baiotngda/todos_v2 ## Basic Information - **Project Name**: todos_v2 - **Description**: 一个基于ember.js实现的TODO项目,这是一个类似于奇妙清单的APP,组织并共享你的待办事项、工作、购物、电影和家用物品清单。无论你在做什么计划,无论任务多大多小,奇妙清单都能帮助你轻松完成任务。预览地址:http://www.ddlisting.com - **Primary Language**: NodeJS - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 8 - **Created**: 2017-03-28 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # ddlisting天天列表 主页:[http://www.ddlisting.com](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](https://www.processon.com/diagraming/5630f4e0e4b01f46a2b3477d)修改。 ### APP 首页 APP界面与功能说明如下:  * 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位置 设置todo项 * 3位置关闭设置面板的按钮 图1-3 系统消息  * 点击1位置可以关闭展开的消息提示面板 * 2位置显示各个系统消息 图1-4 个人中心  * 点击1位置关闭展开的设置面板 * 2位置可以设置APP主题背景、点击个人中心可以进入个人中心详细信息页面、点击“退出”可以退出登录用户 ### 分支说明 1. 2015-11-26,增加了登录功能,功能的实现使用插件[ember-simple-auth](https://github.com/simplabs/ember-simple-auth)。此功能提交到分支HEAD中,之前的版本仍然在master分支。 2. 2015-12-11,合并了HEAD分支到master,并且在此版本中完成了登录、注册、APP简介等功能,其中后台数据处理使用nodejs+MySQL(后台处理代码也放在[github](https://github.com/ubuntuvim/todos_server_v2))。下一版本计划把所有的数据都保存到本地MySQL,不放firebase上了,太慢了!! 3. 2015-02-24,上线第一版。满足最基本的功能。 #项目运行环境配置 ## Prerequisites You will need the following things properly installed on your computer. * [Git](http://git-scm.com/) * [Node.js](http://nodejs.org/) (with NPM) * [Bower](http://bower.io/) * [Ember CLI](http://www.ember-cli.com/) * [PhantomJS](http://phantomjs.org/) * [Ember CLI](http://ember-cli.com/user-guide)版本为1.13。**如果是用高版本的Ember CLI编译项目可能会出现问题!** ## Installation * `git clone