# tomorrow-plan-all

**Repository Path**: eightFlying/tomorrow-plan-all

## Basic Information

- **Project Name**: tomorrow-plan-all
- **Description**: 一款简易的制定计划的轻应用，方便各种技术栈的学习与巩固。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-01-30
- **Last Updated**: 2020-12-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Tomorrow Plan web项目

> 当前存在重构版本：React + ts、Vue + ts、React Native、uni-app

## 简介
- 一款简易的制定计划的 Web App
- 从接口数量的角度简化业务
- 尽可能在前端处理逻辑
- UI 从简约风格
- 一切从简 完成时间不超过3天

## 主要能力
### 查看历史已完成任务
1. 展示历史任务列表 （仅标题和是否完成的状态）
2. 点击查看详情内容（与展示今日计划类似 有原计划时间 完成时间）

### 决断今日计划任务是否完成
1. 展示今日计划 包括 是否完成的状态提示（记录完成时间、计划完成时间）、完成提交按钮（默认不显示 超时显示未完成且不可点击 未超时显示正常可点击状态）
2. 展示今日结束倒计时
3. 今日任务无法完成时 可以 转明日（将今日内容带到计划提交页面）
4. 展示明日计划内容 不可编辑删除

### 制定明日需要完成的计划任务
1. 计划提交包括 标题（概括内容）、内容（具体计划）、日期（自动填充明日日期，可修改为今日）
2. 只能提交明日的计划 且只能提交一次 无法删除 不能修改
3. 不支持富文本

## 流程（4个页面）
1. __首页__
    + 今日计划内容区域
        - 已完成 按钮
        + 转明日 按钮
            - __新增页面__
    - 今日结束倒计时区域
    - 明日计划内容区域
    + 制定明日计划按钮
        - __新增页面__
    + 查看历史记录按钮
        - __历史页面__
2. __新增页面__
    - 编辑区域
    - 提交计划按钮
3. __历史页面__
    + 历史计划列表
        - __详情页面__
4. __详情页面__
    - 该条计划的详细内容

## 接口设计（3个接口）
1. 根据 日期 查询该条计划内容 不传则展示所有计划项
2. 新增明日或者今日计划
3. 标记完成

## 数据库表设计（1张表）
1. 计划表
    - 日期 date 是唯一的 可作为 id 计划中的时间
    - 标题 title
    - 内容 content
    - 状态 state 1已完成 0未完成 

## 技术选型
1. 前端使用 Vue + ElementUI
2. 后端使用 PHP + MySql