小项目-日程表

2021/07/19 其他 共 906 字,约 3 分钟

前言

背单词的时候偶然了解到艾宾浩斯记忆法,刚学习完的知识会随着遗忘曲线慢慢遗忘,所以在一定时间内的重复记忆,才能让记忆形成长时记忆。网上没看到合适的软件来搞这个,所以先做一个简单的页面实现这个功能。

代码地址

gitee:https://gitee.com/Aes_yt/calendar.git

环境

  • jdk1.8
  • springboot 2.3.4
  • mybatis-plus 3.4.3.1
  • mysql
  • fullcalendar v3.10.2

主要使用fullcalendar 的3.x版本,其他版本4.x,5.x,我没看到支持jquery的,而官网的文档是全英文,网上的中文文档大多都是3.x的jquery版本的文档,所以使用3.x版本。

项目目录结构

  ├─src
     ├─main
     │  ├─java
     │  │  └─com
     │  │      └─yt
     │  │          └─calendar
     │  │              ├─config
     │  │              ├─constant
     │  │              ├─controller
     │  │              ├─dto
     │  │              ├─entity
     │  │              ├─mapper
     │  │              ├─service
     │  │              │  └─impl
     │  │              └─vo
     │  └─resources
     │      ├─mapper
     │      │  └─calendar
     │      ├─static
     │      │  ├─css
     │      │  ├─js
     │      │  └─lib
     │      │      ├─bootstrap
     │      │      │  ├─css
     │      │      │  ├─fonts
     │      │      │  └─js
     │      │      └─fullcalendar
     │      │          ├─lib
     │      │          └─locale
     │      └─templates
     └─test
         └─java
             └─com
                 └─yt
                     └─calendar

数据库

数据库表简单,主要是这个项目是自己一个人使用的,所以没有建用户表权限表这种。

  1. cal_plan: 计划表,存事件的标题;
  2. cal_event: 事件表,存事件的日期,关联计划id;
  3. cal_config: 配置表,存一些可配置的事项。

运行截图

​ 运行并访问:http://localhost:8081/myCalendar

  1. 新建事件,并启动根据配置在N天后自动加入复习的事件。

    1新建事件

  2. 修改状态,若今天已复习完成,单击事件可以修改事件状态,再单击可以恢复成未完成。

    2删除事件

  3. 删除事件,删除学习事件一并删除,复习事件单个事件删除。

    3删除事件

  4. 修改复习时间间隔,修改后再新建会应用新的间隔,不会更改之前的事件。

    4修改间隔

文档信息

Search

    Table of Contents