<?php
require_once './component/head.php';
require_once './component/drawer.php';
?>

<script type="text/javascript">
    window.onload = function () {
        DocsOnload();
    };
</script>

<div class="mdui-container" id="page-docs">
    <div class="items-wrapper" id="docs_cards">
        <div class="mc-docs-item item-inner" id="docs_intro_card">
            <div class="item mdui-card"
                 style="background-image: url(./src/img/intro.jpg);">
                <a class="mdui-ripple info">
                    <div class="name mdui-text-color-theme-text mdui-text-center">程序简介</div>
                </a>
            </div>
        </div>
        <div class="mc-docs-item item-inner" id="docs_cookie_card">
            <div class="item mdui-card"
                 style="background-image: url(./src/img/cookie.jpg);">
                <a class="mdui-ripple info">
                    <div class="name mdui-text-color-theme-text mdui-text-center">Cookie与Session</div>
                </a>
            </div>
        </div>
        <div class="mc-docs-item item-inner" id="docs_db_card">
            <div class="item mdui-card"
                 style="background-image: url(./src/img/database.jpg);">
                <a class="mdui-ripple info">
                    <div class="name mdui-text-color-theme-text mdui-text-center">数据库相关</div>
                </a>
            </div>
        </div>
        <div class="mc-docs-item item-inner" id="docs_code_card">
            <div class="item mdui-card"
                 style="background-image: url(./src/img/code.jpg);">
                <a class="mdui-ripple info">
                    <div class="name mdui-text-color-theme-text mdui-text-center">代码参考与兼容性测试</div>
                </a>
            </div>
        </div>
        <div class="mc-docs-item item-inner" id="docs_update_card">
            <div class="item mdui-card"
                 style="background-image: url(src/img/update.jpg);">
                <a class="mdui-ripple info">
                    <div class="name mdui-text-color-theme-text mdui-text-center">更新日志</div>
                </a>
            </div>
        </div>
        <div class="mc-docs-item item-inner" id="docs_feedback_card" style="display: none">
            <div class="item mdui-card"
                 style="background-image: url(./src/img/form.jpg);">
                <a class="mdui-ripple info">
                    <div class="name mdui-text-color-theme-text mdui-text-center">问题反馈</div>
                </a>
            </div>
        </div>
    </div>
    <div id="docs_1" style="display: none">
        <div class="mdui-typo">
            <h1>程序简介</h1>
            <h3 id="docs_files_structure">文件结构</h3>
            <div class="mdui-divider"></div>
            <div class="mdui-typo">
            <pre>
component
    -drawer.php     -抽屉导航栏组件
    -footer.php     -页脚组件
    -head.php       -顶部工具栏、Tab选项卡组件
function
    -conn.php       -数据库相关功能文件
    -drxs.sql       -数据库创建文件（不含示例数据）
    -drxs_data.sql  -数据库示例数据
    -function.php   -函数功能文件，根据需求调用相关函数
src
    -css            -css资源文件夹
    -fonts          -字体文件夹
    -icons          -图标文件夹
    -img            -程序所需的图片资源
    -js             -js文件夹
center.php          -个人中心
course.php          -课程相关功能
docs.php            -开发文档
index.php           -程序首页
LICENSE             -许可文件
login.php           -登录、注册功能
management.php      -基础信息维护功能
notice.php          -公告相关功能
README.php          -说明文件
score.php           -成绩相关功能
settings.php        -设置中心相关功能</pre>
            </div>
            <h3 id="docs_function_screenshot">功能界面</h3>
            <div class=" mdui-divider">
            </div>
            <div>详细功能介绍及界面截图，请访问<a href="https://www.wangyusong.cn/archives/831.html" target="_blank"> https://www.wangyusong.cn/archives/831.html。</a></div>
        </div>
        <div class="doc-footer-nav mdui-color-theme-accent">
            <div class="mdui-container">
                <div class="mdui-row">
                    <div id="docs_back1"
                         class="mdui-ripple mdui-color-theme-accent mdui-col-xs-2 mdui-col-sm-6 doc-footer-nav-left">
                        <div class="doc-footer-nav-text">
                            <i class="mdui-icon material-icons">&#xe5c4;</i>
                            <span class="doc-footer-nav-direction mdui-hidden-xs-down">Previous</span>
                            <div class="doc-footer-nav-chapter mdui-hidden-xs-down">返回开发文档</div>
                        </div>
                    </div>
                    <div id="docs_next1"
                         class="mdui-ripple mdui-color-theme-accent mdui-col-xs-10 mdui-col-sm-6 doc-footer-nav-right">
                        <div class="doc-footer-nav-text">
                            <i class="mdui-icon material-icons">&#xe5c8;</i>
                            <span class="doc-footer-nav-direction">Next</span>
                            <div class="doc-footer-nav-chapter">Cookie与Session</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="docs_2" style="display: none">
        <div class="mdui-typo">
            <h1>Cookie与Session</h1>
            <h3>Cookie</h3>
            <p>Cookie是一种在远程浏览器端存储数据并以此来识别用户的机制。简单地说，Cookie是Web服务器暂时存储在用户硬盘上的一个文本文件并随后被Web浏览器读取。</p>
            <p>当用户再次访问Web网站时，网站通过读取Cookies文件记录这位访客的特定信息(如上次访问的位置、花费的时间、用户名和密码等)，从而迅速做出响应，
                如在页面中不需要输入用户的ID和密码即可直接登录网站等。</p>
            <h5>本程序使用的Cookie如下：</h5>
            <div class="mdui-table-fluid drxs-radius">
                <table class="mdui-table mdui-table-hoverable">
                    <thead>
                    <tr>
                        <th>--</th>
                        <th>名称</th>
                        <th>作用</th>
                        <th>失效时间</th>
                        <th>重要程度</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>PHPSESSID</td>
                        <td>由PHP程序自动生成的SESSION会话的ID，用于识别不同的会话。</td>
                        <td>浏览会话结束时失效。</td>
                        <td>删除后可能需要重新登录。</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>Token</td>
                        <td>用于实现自动登录功能。</td>
                        <td>30天或手动更新/删除</td>
                        <td>删除后无法实现自动登录功能。</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <p>你可以通过浏览器的设置>>隐私设置和安全性来删除本程序的Cookie，但不建议如此。</p>
            <h3>Session</h3>
            Session 在Web技术中占有非常重要的分量。由于网页是一种无状态的连接程序，无法得知用户的浏览状态。因此必须通过Session 记录用户的有关信息，以供用户再次以此身份对Web服务器提供要求时做确认。
            <h5 class="mdui-text-color-red"><u>本程序使用Cookie与Session实现必要的功能。</u></h5>
        </div>
        <div class="doc-footer-nav mdui-color-theme-accent">
            <div class="mdui-container">
                <div class="mdui-row">
                    <div id="docs_back2"
                         class="mdui-ripple mdui-color-theme-accent mdui-col-xs-2 mdui-col-sm-6 doc-footer-nav-left">
                        <div class="doc-footer-nav-text">
                            <i class="mdui-icon material-icons">&#xe5c4;</i>
                            <span class="doc-footer-nav-direction mdui-hidden-xs-down">Previous</span>
                            <div class="doc-footer-nav-chapter mdui-hidden-xs-down">程序简介</div>
                        </div>
                    </div>
                    <div id="docs_next2"
                         class="mdui-ripple mdui-color-theme-accent mdui-col-xs-10 mdui-col-sm-6 doc-footer-nav-right">
                        <div class="doc-footer-nav-text">
                            <i class="mdui-icon material-icons">&#xe5c8;</i>
                            <span class="doc-footer-nav-direction">Next</span>
                            <div class="doc-footer-nav-chapter">数据库相关</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="docs_3" style="display: none">
        <div class="mdui-typo">
            <h1>数据库相关</h1>
            <h3>数据库类型及版本</h3>
            <p>本程序使用Mysql数据库，支持Mysql5.5及以上版本，<strong class="mdui-text-color-red">推荐使用Mysql_MariaDB 10.0及以上版本。</strong>
            </p>
            <p>以下版本已经过测试：<strong>Mysql_MariaDB 10.0、Mysql_MariaDB 10.4.14</strong></p>
            <h3>数据表</h3>
            <h5>表名：drxs_class</h5>
            <div class="mdui-table-fluid drxs-radius">
                <table class="mdui-table mdui-table-hoverable">
                    <thead>
                    <tr>
                        <th>字段</th>
                        <th>类型</th>
                        <th>是否允许为空</th>
                        <th>默认</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>ClassId<em>(主键)</em></td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>ClassName</td>
                        <td>varchar(20)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>CollegeId</td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Note</td>
                        <td>varchar(600)</td>
                        <td>是</td>
                        <td>NULL</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <h5>表名：drxs_classroom</h5>
            <div class="mdui-table-fluid drxs-radius">
                <table class="mdui-table mdui-table-hoverable">
                    <thead>
                    <tr>
                        <th>字段</th>
                        <th>类型</th>
                        <th>是否允许为空</th>
                        <th>默认</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>ClassroomId (主键)</td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>ClassroomName</td>
                        <td>varchar(20)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Note</td>
                        <td>varchar(600)</td>
                        <td>是</td>
                        <td>NULL</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <h5>表名：drxs_college</h5>
            <div class="mdui-table-fluid drxs-radius">
                <table class="mdui-table mdui-table-hoverable">
                    <thead>
                    <tr>
                        <th>字段</th>
                        <th>类型</th>
                        <th>是否允许为空</th>
                        <th>默认</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>CollegeId (主键)</td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>CollegeName</td>
                        <td>varchar(20)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Note</td>
                        <td>varchar(600)</td>
                        <td>是</td>
                        <td>NULL</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <h5>表名：drxs_course</h5>
            <div class="mdui-table-fluid drxs-radius">
                <table class="mdui-table mdui-table-hoverable">
                    <thead>
                    <tr>
                        <th>字段</th>
                        <th>类型</th>
                        <th>是否允许为空</th>
                        <th>默认</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>CourseId (主键)</td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>CourseName</td>
                        <td>varchar(60)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Hour</td>
                        <td>tinyint(2)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Credit</td>
                        <td>tinyint(1)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>TeacherId</td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Note</td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Time</td>
                        <td>varchar(20)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <h5>表名：drxs_notice</h5>
            <div class="mdui-table-fluid drxs-radius">
                <table class="mdui-table mdui-table-hoverable">
                    <thead>
                    <tr>
                        <th>字段</th>
                        <th>类型</th>
                        <th>是否允许为空</th>
                        <th>默认</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>NoticeId (主键)</td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>NoticeTitle</td>
                        <td>varchar(90)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>NoticeContent</td>
                        <td>mediumtext</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Time</td>
                        <td>varchar(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>PublisherId</td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <h5>表名：drxs_score</h5>
            <div class="mdui-table-fluid drxs-radius">
                <table class="mdui-table mdui-table-hoverable">
                    <thead>
                    <tr>
                        <th>字段</th>
                        <th>类型</th>
                        <th>是否允许为空</th>
                        <th>默认</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>StudentId (主键)</td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>CourseId (主键)</td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Score</td>
                        <td>smallint(3)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <h5>表名：drxs_user</h5>
            <div class="mdui-table-fluid drxs-radius">
                <table class="mdui-table mdui-table-hoverable">
                    <thead>
                    <tr>
                        <th>字段</th>
                        <th>类型</th>
                        <th>是否允许为空</th>
                        <th>默认</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>Id (主键)</td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Password</td>
                        <td>varchar(255)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Name</td>
                        <td>varchar(30)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Email</td>
                        <td>varchar(40)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Date</td>
                        <td>varchar(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Type</td>
                        <td>varchar(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Age</td>
                        <td>tinyint(3)</td>
                        <td>是</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <td>Sex</td>
                        <td>varchar(3)</td>
                        <td>是</td>
                        <td>未定义</td>
                    </tr>
                    <tr>
                        <td>Tel</td>
                        <td>varchar(11)</td>
                        <td>是</td>
                        <td>10000000000</td>
                    </tr>
                    <tr>
                        <td>College</td>
                        <td>varchar(30)</td>
                        <td>是</td>
                        <td>信息与电气工程学院</td>
                    </tr>
                    <tr>
                        <td>Signature</td>
                        <td>varchar(300)</td>
                        <td>是</td>
                        <td>Web程序设计</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <h5>表名：drxs_ustyle</h5>
            <div class="mdui-table-fluid drxs-radius">
                <table class="mdui-table mdui-table-hoverable">
                    <thead>
                    <tr>
                        <th>字段</th>
                        <th>类型</th>
                        <th>是否允许为空</th>
                        <th>默认</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>Uid (主键)</td>
                        <td>int(10)</td>
                        <td>否</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>ThemeColor</td>
                        <td>varchar(50)</td>
                        <td>否</td>
                        <td>mdui-theme-primary-white</td>
                    </tr>
                    <tr>
                        <td>ThemeAccentColor</td>
                        <td>varchar(50)</td>
                        <td>否</td>
                        <td>mdui-theme-accent-blue</td>
                    </tr>
                    <tr>
                        <td>TableColor1</td>
                        <td>varchar(50)</td>
                        <td>否</td>
                        <td>mdui-color-white</td>
                    </tr>
                    <tr>
                        <td>TableColor2</td>
                        <td>varchar(50)</td>
                        <td>否</td>
                        <td>mdui-color-white</td>
                    </tr>
                    <tr>
                        <td>TableColor3</td>
                        <td>varchar(50)</td>
                        <td>否</td>
                        <td>mdui-color-white</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <h3>视图</h3>
            <h5>视图名称：drxs_query_course_view</h5>
            <div class="mdui-table-fluid drxs-radius">
                <table class="mdui-table mdui-table-hoverable">
                    <thead>
                    <tr>
                        <th>字段</th>
                        <th>类型</th>
                        <th>是否允许为空</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>CourseId</td>
                        <td>int(10)</td>
                        <td>否</td>
                    </tr>
                    <tr>
                        <td>CourseName</td>
                        <td>varchar(60)</td>
                        <td>否</td>
                    </tr>
                    <tr>
                        <td>Hour</td>
                        <td>tinyint(2)</td>
                        <td>否</td>
                    </tr>
                    <tr>
                        <td>Credit</td>
                        <td>tinyint(1)</td>
                        <td>否</td>
                    </tr>
                    <tr>
                        <td>TeacherName</td>
                        <td>varchar(30)</td>
                        <td>否</td>
                    </tr>
                    <tr>
                        <td>ClassroomName</td>
                        <td>varchar(20)</td>
                        <td>否</td>
                    </tr>
                    <tr>
                        <td>Time</td>
                        <td>varchar(20)</td>
                        <td>否</td>
                    </tr>
                    <tr>
                        <td>TeacherId</td>
                        <td>int(10)</td>
                        <td>否</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <h5>上方视图创建语句：</h5>
            <pre>
create definer = root@localhost view drxs_query_course_view as
select `drxs`.`drxs_course`.`CourseId`         AS `CourseId`,
       `drxs`.`drxs_course`.`CourseName`       AS `CourseName`,
       `drxs`.`drxs_course`.`Hour`             AS `Hour`,
       `drxs`.`drxs_course`.`Credit`           AS `Credit`,
       `drxs`.`drxs_user`.`Name`               AS `TeacherName`,
       `drxs`.`drxs_classroom`.`ClassroomName` AS `ClassroomName`,
       `drxs`.`drxs_course`.`Time`             AS `Time`,
       `drxs`.`drxs_course`.`TeacherId`        AS `TeacherId`
from ((`drxs`.`drxs_course` join `drxs`.`drxs_user`)
         join `drxs`.`drxs_classroom`)
where `drxs`.`drxs_user`.`Id` = `drxs`.`drxs_course`.`TeacherId`
  and `drxs`.`drxs_classroom`.`ClassroomId` = `drxs`.`drxs_course`.`ClassroomId`;</pre>
            <h5>视图名称：drxs_query_score_view</h5>
            <div class="mdui-table-fluid drxs-radius">
                <table class="mdui-table mdui-table-hoverable">
                    <thead>
                    <tr>
                        <th>字段</th>
                        <th>类型</th>
                        <th>是否允许为空</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>StudentId</td>
                        <td>int(10)</td>
                        <td>否</td>
                    </tr>
                    <tr>
                        <td>CourseId</td>
                        <td>int(10)</td>
                        <td>否</td>
                    </tr>
                    <tr>
                        <td>CourseName</td>
                        <td>varchar(60)</td>
                        <td>否</td>
                    </tr>
                    <tr>
                        <td>TeacherName</td>
                        <td>varchar(30)</td>
                        <td>否</td>
                    </tr>
                    <tr>
                        <td>Score</td>
                        <td>smallint(3)</td>
                        <td>否</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <h5>上方视图创建语句：</h5>
            <pre>
create definer = root@localhost view drxs_query_score_view as
select `drxs`.`drxs_score`.`StudentId`   AS `StudentId`,
       `drxs`.`drxs_score`.`CourseId`    AS `CourseId`,
       `drxs`.`drxs_course`.`CourseName` AS `CourseName`,
       `drxs`.`drxs_user`.`Name`         AS `TeacherName`,
       `drxs`.`drxs_score`.`Score`       AS `Score`
from ((`drxs`.`drxs_score` join `drxs`.`drxs_course`)
         join `drxs`.`drxs_user`)
where `drxs`.`drxs_course`.`CourseId` = `drxs`.`drxs_score`.`CourseId`
  and `drxs`.`drxs_user`.`Id` = `drxs`.`drxs_course`.`TeacherId`;</pre>
        </div>
        <div class="doc-footer-nav mdui-color-theme-accent">
            <div class="mdui-container">
                <div class="mdui-row">
                    <div id="docs_back3"
                         class="mdui-ripple mdui-color-theme-accent mdui-col-xs-2 mdui-col-sm-6 doc-footer-nav-left">
                        <div class="doc-footer-nav-text">
                            <i class="mdui-icon material-icons">&#xe5c4;</i>
                            <span class="doc-footer-nav-direction mdui-hidden-xs-down">Previous</span>
                            <div class="doc-footer-nav-chapter mdui-hidden-xs-down">Cookie与Session</div>
                        </div>
                    </div>
                    <div id="docs_next3"
                         class="mdui-ripple mdui-color-theme-accent mdui-col-xs-10 mdui-col-sm-6 doc-footer-nav-right">
                        <div class="doc-footer-nav-text">
                            <i class="mdui-icon material-icons">&#xe5c8;</i>
                            <span class="doc-footer-nav-direction">Next</span>
                            <div class="doc-footer-nav-chapter">代码参考与兼容性测试</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="docs_4" style="display: none">
        <div class="mdui-typo">
            <h1>代码参考与兼容性测试</h1>
            <h3>代码参考</h3>
            <p>本程序设计过程中，参考了如下网站及书籍等资料：</p>
            <ul>
                <li><a href="https://www.mdui.org/docs" target="_blank">MDUI开发文档</a></li>
                <li><a href="https://www.php.net/manual/zh/index.php" target="_blank">PHP手册</a></li>
                <li><a href="https://www.w3school.com.cn/php/index.asp" target="_blank">W3School-PHP教程</a></li>
                <li><a href="https://www.w3school.com.cn/h.asp" target="_blank">W3School-HTML教程</a></li>
                <li><a href="https://www.w3school.com.cn/css/index.asp" target="_blank">W3School-CSS教程</a></li>
                <li><a href="https://www.w3school.com.cn/js/index.asp" target="_blank">W3School-JavaScript教程</a></li>
                <li><a href="https://www.runoob.com/mysql/mysql-tutorial.html" target="_blank">菜鸟教程-Mysql</a></li>
                <li><a href="https://www.php.cn/tool/phpmyadmin/" target="_blank">php中文网-phpMyAdmin教程</a></li>
                <li>
                    <a href="https://baike.baidu.com/item/PHP%2BMySQLWeb%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E6%95%99%E7%A8%8B/24703883"
                       target="_blank">《PHP+MySQL Web应用开发教程》 主编：李辉</a></li>
            </ul>
            <p>本程序设计过程中，还参考了下述网站、博客的部分代码以及Bug解决方案：</p>
            <ul>
                <li><a href="https://github.com/" target="_blank">Github</a></li>
                <li><a href="https://blog.csdn.net/" target="_blank">CSDN博客</a></li>
                <li><a href="https://www.cnblogs.com/" target="_blank">博客园</a></li>
                <li><a href="https://www.jianshu.com/" target="_blank">简书</a></li>
            </ul>
            <h3>兼容性测试</h3>
            <h5>PHP版本</h5>
            <p>本程序要求，PHP版本 >= 7.3，推荐使用较新版本。</p>
            <p>以下PHP版本已经过测试：<strong>7.4.11、7.4.12</strong></p>
            <p><u><small>*</small>注：本程序使用mysqli扩展连接和操作数据库，请确保你已开启mysqli扩展。</u></p>
            <h5>Mysql版本</h5>
            <p>本程序使用Mysql数据库，支持Mysql5.5及以上版本，<strong class="mdui-text-color-red">推荐使用Mysql_MariaDB 10.0及以上版本。</strong>
            </p>
            <p>以下版本已经过测试：<strong>Mysql_MariaDB 10.0、Mysql_MariaDB 10.4.14</strong></p>
            <h5>JavaScript</h5>
            <p>本程序使用JavaScript实现点击事件、页面跳转以及部分数据查询功能，因此在使用时，请勿禁止JavaScript的运行。</p>
            <p><strong>禁用JavaScript将导致程序无法正常使用。</strong></p>
        </div>
        <div class="doc-footer-nav mdui-color-theme-accent">
            <div class="mdui-container">
                <div class="mdui-row">
                    <div id="docs_back4"
                         class="mdui-ripple mdui-color-theme-accent mdui-col-xs-2 mdui-col-sm-6 doc-footer-nav-left">
                        <div class="doc-footer-nav-text">
                            <i class="mdui-icon material-icons">&#xe5c4;</i>
                            <span class="doc-footer-nav-direction mdui-hidden-xs-down">Previous</span>
                            <div class="doc-footer-nav-chapter mdui-hidden-xs-down">数据库相关</div>
                        </div>
                    </div>
                    <div id="docs_next4"
                         class="mdui-ripple mdui-color-theme-accent mdui-col-xs-10 mdui-col-sm-6 doc-footer-nav-right">
                        <div class="doc-footer-nav-text">
                            <i class="mdui-icon material-icons">&#xe5c8;</i>
                            <span class="doc-footer-nav-direction">Next</span>
                            <div class="doc-footer-nav-chapter">更新日志</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="docs_5" style="display: none">
        <div class="mdui-typo">
            <h1>更新日志</h1>
            <h3>2021.02.02&nbsp;&nbsp;<small>v1.0</small></h3>
            <ul>
                <li>新增：自动登录功能;</li>
                <li>优化：安装流程调整，支持文件完整性校验，支持删除安装文件</li>
                <li>优化：代码结构更清晰；</li>
                <li>优化：表格样式，添加圆角边框；</li>
            </ul>
            <h3>2021.01.29&nbsp;&nbsp;<small>v0.2</small></h3>
            <ul>
                <li>新增：安装界面;</li>
                <li>新增：详细功能介绍及截图，请访问：<a href="https://www.wangyusong.cn/archives/831.html" target="_blank">https://www.wangyusong.cn/archives/831.html；</a></li>
                <li>优化：部分注释信息；</li>
                <li>优化：部分细节内容；</li>
                <li>优化：精简css文件；</li>
                <li>优化：项目图片压缩；</li>
                <li>修复：已知bug；</li>
            </ul>
            <h3>2021.01.02&nbsp;&nbsp;<small>v0.1</small></h3>
            <ul>
                <li>初始版本；</li>
                <li>主要功能：基础信息维护、课程管理、成绩管理、公告板、设置中心、开发文档等；</li>
                <li><a href="https://code.wangyusong.cn/drxs/SIMS" target="_blank">源代码：https://code.wangyusong.cn/drxs/SIMS</a>;
                </li>
            </ul>
        </div>
    </div>
    <div id="docs_6"></div>
</div>

<?php require_once './component/footer.php'; ?>