# 毕业设计 **Repository Path**: wang_ejun/graduation-project ## Basic Information - **Project Name**: 毕业设计 - **Description**: No description available - **Primary Language**: Unknown - **License**: MulanPSL-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 3 - **Forks**: 0 - **Created**: 2021-12-06 - **Last Updated**: 2024-06-18 ## Categories & Tags **Categories**: Uncategorized **Tags**: React, React-native, Android ## README # 毕业设计 ## 介绍 该应用程序运行系统为安卓系统。此系统由五个模块组成首页模块，开始模块，工作台模块，数据库统计模块与安卓系统模块。 ### 模块介绍 首页模块：展示日历方便用户查看日期以便制定计划，展示系统中重要内容信息，例如被标记为紧急的事务，工作超时的任务。 开始模块：用于收纳该系统的主要功能。此模块中有三个主要功能，笔记功能，要事管理功能，任务管理功能。 笔记功能：该功能主要是添加笔记本用于存放笔记，笔记内容可以是文本，图片，录音。 要事管理功能：该功能主要是添加待办事务，可以设置闹钟提醒，事务的重要程度。 任务管理功能：由于规划之后需要工作的内容，此功能提供一个人物管理的方案，让用户有规律的执行一项任务。 工作台模块：该模块的主要是像用户提供一些日常常用的功能、存放与任务管理有关的内容例如日志，回收站等以及显示用户使用该应用程序的信息。 数据统计模块：该模块用于统计用户的工作情况。 安卓系统模块：由于无法直接调用安卓原生接口，该模块主要是用于桥接前端的通过JavaScript编写的功能与后端安卓系统的用Java编写的接口之间的联通，例如数据库的调用接口，生成文件等。并让应用向手机申请一些使用权限，例如文件访问，相机使用等，以便让用户获得该应用程序的全部功能。 ### 软件架构 系统设计采用前后端分离模式[9]，前台使用React与React Native作为开发框架，后台采用安卓原生，通过React的组件化模块以及React Native的组件进行安卓页面的构建。使用Ant Design组件并参照Ant Design设计规范进行页面的设计。通React Navigation来实现页面之间的路由。 ![结构图](https://foruda.gitee.com/images/1663579828951616756/4a8fec57_7992598.png "结构图") ## 安装教程 1. 使用yarn安装依赖 2. 通过真机或Android Studio模拟器或其他模拟器运行开发环境 3. 通过下载release获得应用上线版本 ## 使用说明&功能演示 #### 1. 首页 首页上方显示日历方便用户看着日历进行任务规划并通过视觉设计的方案展示重要信息，点击日历上的日期会快速跳转到以这一天为标题的日志添加页面。下方显示重要信息。进入这个页面会请求后端接口对数据库进行搜索，显示处于紧急状态的要事提醒提醒用户快速处理，显示处于超期/超时的任务提醒用户尽快完成或另做规划，显示处于准备就绪的任务防止用户遗忘将要开始的任务。点击他们的标题还会快速进入对应的页面。 ![首页](https://foruda.gitee.com/images/1663580060174480011/be34f9f3_7992598.png "首页页面") #### 2. 笔记 在这个模块中创建笔记本，笔记本可以让用户进行个性化定制，可以添加表签，添加笔记本封面使用户获得一个独特的笔记本。进入笔记本就可以添加笔记，笔记的内容可以是文本、图片、录音。添加的图片可以进行大图预览，添加的录音可以直接在当前页面进行播放且带进度条，进度条可以拖动播放。在笔记本内点击一个笔记可以进入详情页面同时可以进行编辑，长按一个笔记可以获得更多操作进行笔记的删除。 ![笔记1](https://foruda.gitee.com/images/1663580187113068295/e39d7b7c_7992598.png "创建笔记本") ![笔记2](https://foruda.gitee.com/images/1663580223989578666/77468714_7992598.png "笔记本列表") ![笔记3](https://foruda.gitee.com/images/1663580202456167272/112e0ad6_7992598.png "带录音的笔记") #### 3. 要事提醒 在该模块中添加一些短时间内需要做的事务(待办)，用户再添加时可以选择这个事务的紧急程度，分别有一般程度，重要程度，紧急程度。页面上方会有批量删除和排顺序按钮。在要事列表页面点击一项事务即可完成这项事务，长按可以获得更多操作，删除事务、查看事务详情并编辑。 ![要事提醒1](https://foruda.gitee.com/images/1663580268931735108/d7d701d1_7992598.png "设置优先级") 闹钟提醒效果 ![要事提醒2](https://foruda.gitee.com/images/1663580284683311628/52bbf83a_7992598.png "闹钟提醒效果") #### 4. 任务管理 提供一个方案让用户执行任务 1. 计划任务 ![任务管理1](https://foruda.gitee.com/images/1663580336284189719/ccae0896_7992598.png "计划任务") 2. 准备阶段 ![任务管理2](https://foruda.gitee.com/images/1663580346181910514/06d44bbc_7992598.png "准备阶段") 3. 执行阶段 ![任务管理3](https://foruda.gitee.com/images/1663580365885910164/bd8b4181_7992598.png "执行阶段") 4. 任务状态操作 ![任务管理4](https://foruda.gitee.com/images/1663580385119522026/d83be50c_7992598.png "任务操作") 5. 任务验收 ![任务管理5](https://foruda.gitee.com/images/1663580444968822747/624538b9_7992598.png "任务验收") 6. 已完成任务列表 ![任务管理6](https://foruda.gitee.com/images/1663580408396364466/86f99b17_7992598.png "查看完成任务") 7. 任务详情页 ![任务管理7](https://foruda.gitee.com/images/1663580422183428430/3e64e87c_7992598.png "任务详情页") #### 5. 工作台 布局由上至下分别为小黑板，用户信息，日志页面按钮，验收报告按钮以及回收站的三个按钮。日志按钮会显示最近添加的日志日期以及当前日志总数，进入日志页面会显示日每个志的信息，点击一项日志进入详情页面并可以进行编辑，长按可获得更多操作。验收报告按钮会显示当前验收报告总数，点击一项验收报告进入详情页面并可以进行编辑，长按可获得更多操作。 ![工作台1](https://foruda.gitee.com/images/1663580490834644696/87e44c16_7992598.png "屏幕截图") ![工作台2](https://foruda.gitee.com/images/1663580542401008805/692eea55_7992598.png "屏幕截图") ![工作台3](https://foruda.gitee.com/images/1663580556665176308/a8392494_7992598.png "屏幕截图") ![工作台4](https://foruda.gitee.com/images/1663580566640876287/40f86ab0_7992598.png "屏幕截图") #### 6. 数据统计 在数据统计中，上方统计用户每日的工作时长统计图可以进行滑动和缩放。统计图上方显示当前月，点击箭头可以切换月份，按月查看每日的工作时长情况。下方为要事提醒的程度分布图。 ![数据统计1](https://foruda.gitee.com/images/1663580619682901866/9bd667c2_7992598.png "屏幕截图") ## 数据库E-R图 ![E-R图](https://foruda.gitee.com/images/1663579915569989599/c7bb202f_7992598.png "屏幕截图") ## 扫码下载 ![输入图片说明](https___gitee.com_wang_ejun_graduation-project_releases_download_1.0.6_beiwang.apk.png)