/django_calendar

基于django5+vue2的电子日历管理系统,使用fullcalendar插件

Primary LanguageVueMIT LicenseMIT

环境配置及功能模块说明

项目环境

Python3.11.6

Windows11

Pycharm2022.3.3专业版

VSCODE

NODE.JS 20.11.1

Mysql8

后端框架:django

后端环境配置

请确保进行此步骤前,配置好python、Pycharm编辑器与mysql8的环境 打开Pycharm,打开项目,设置项目解释器为Python3.11.6 在pycharm中打开终端(Ternimal)输入来安装依赖

pip install -r requirements.txt

安装依赖完成后,在django_calendar/settings.py中修改数据库连接配置:

image-20240221225325906

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'django_calendar', # 数据库名
        'USER': 'root', # 数据库用户名
        'PASSWORD': '123456', # 数据库密码
        'HOST': '127.0.0.1',
        'PORT': 3306
    }
}

使用Navicat等数据库管理工具,创建数据库django_calendar:

image-20240221225512985

接着打开pycharm中的终端(terminal),依次输入以下命令进行模型迁移:

python manage.py makemigrations
python manage.py migrate

最后在pycharm终端中,输入启动django后端服务

python manage.py runserver 7000

后端接口地址:127.0.0.1:7000/

前端环境配置

打开VSCODE,在VSCODE中打开前端项目文件夹,接着,在界面最上方点击终端,选择新建终端,如图

image-20240221225911288

运行
npm run serve

出现以下即为运行前端成功

image-20240221225956353

前端运行地址:127.0.0.1:8080/

模块介绍

用户注册登录模块

第一次启动项目,数据库中没有数据,需要注册一个管理员用户。进入前端页面,如图所示进行注册:

image-20240221230103246

默认注册的用户为普通用户,第一次需要到数据库表中,修改role字段值为1即为修改为管理员

image-20240221230240062

然后进行登录

image-20240221230334937

电子日历模块

视图切换功能

右上角的月、周、天,分别为切换月视图、周视图、天视图。左上角切换前后月份、周、天。

image-20240221230435776

周视图效果

image-20240221231547331

image-20240221231602062

月视图效果

image-20240221231633920

事件创建

点击日期可添加自定义事件,可以新建事件名称、开始时间、事件持续时间、事件发生地点、事件描述等

image-20240221230653961

重复事件

当勾选重复事件时,可设置该事件为重复性事件,可以为年事件、月事件以及周事件的,重复类型意思是每周发生、每月发生、每年发生。重复间隔的意思是重复事件发生之间的间隔,结束时间如果为空,则为永久性重复事件。例如周重复事件的重复间隔为2,结束时间为空,那么就会永远的每两周发生一次事件。

image-20240221230802465

点击已有的事件可以对事件进行编辑操作

image-20240221231216962

image-20240221231226749

可以同一天不同时间段定义不同事件

image-20240221231846881

当事件事件超过当天24小时,则第二天也会显示进行中的事件,设置事件开始时间为当天20:00,持续时间为10小时

image-20240221232025298

image-20240221232043695

image-20240221232055662

一天内事件较多时,可对事件进行折叠与展开

image-20240221232218912

image-20240221232227785

提醒模块

系统会在事件开始前半个小时弹出提示“xx活动即将开始”,事件进行中弹出提示“xx活动已经开始”。

image-20240221232542476

image-20240221232607323

用户管理

该模块只有以管理员身份登录时才显示到菜单栏上,可对用户进行信息修改,同时可以进行用户名的模糊查询以及账户封禁功能

image-20240221232812826

image-20240221232906427

事件管理

该模块只有以管理员身份登录时才显示到菜单栏上,可对不同用户所拥有的日程事件安排进行管理,同时可以进行事件标题的模糊查询

image-20240221232959451

image-20240221233015129