js定义fullcalendar_轻量级办公平台开发实录(11)：FullCalendar

FullCalendar是一个基于jquery的日历插件，可用来管理日程安排，记录工作日志，它的功能很强大，本节主要是来介绍下FullCalendar的基本使用，更多用法可参考官方文档：https://fullcalendar.io/docs
本节使用sandboxOA v4.0版本：增加了 django admin配置，增加了dailreport app, 修改了数据库连接设置，使用sqlite3文件数据库（解决部分网友不熟悉mysql数据安装配置的苦恼）

1、克隆新版本到本地

进入要存放项目的目录，右键鼠标，选择 "Git Bash Here" ，打开git命令窗口，在Git Bash命令窗口输入：

$ git clone [email protected]:RobbieHan/sandboxOA.git

本节课程使用v4.0来创建dev分支,进入项目文件目录，运行 Git Bash：

$ git checkout -B dev v4.0

本地运行环境配置、使用pycharm运行项目请参考前面几节文章。

2、新建日程管理模板

使用pycharm打开项目，在sandboxOA/templates/目录下创建新的目录dailyreport（在pycharm下右键sandboxOA/templates/选择【New】→【Directory】在弹窗中输入dailyreport选择【ok】完成）, 在新建的目录下创建HTML文件：myreport.html， 清空myreport.html 里面的内容， 新增模板目录结构如下：

/sandboxOA/                        # 项目根目录
    |-- templates                  # html模板文件存放目录
        |-- dailyreport
            -- myreport.html       # 清空文件内容

打开sandboxOA/templates/dailyreport/myreport.html，配置模板继承和模板内容：

{% extends "base-left.html" %}
{% load staticfiles %}

{% block css %}

{% endblock %}

{% block content %}
    <section class="content-header margin-bottom">
        <ol class="breadcrumb">
            <li><a href="">办公平台</a></li>
            <li><a href="#">我的日报</a></li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">

    </section>

    <!-- /.content -->

{% endblock %}

{% block javascripts %}

{% endblock %}

模板标签说明： - {% extends %}: