编程技术

Document

【源码+文档】

简要介绍

这个学生课外活动成果统计系统主要使用了 HTML、CSS、JavaScript 和 PHP 四种编程语言和数据库 MySQL 来完成。通过这个统计系统能够对学生的课外活动成果进行统计、整理，通过这种方式可以大大减少一些统计部门的工作，并且可以保证数据的完整性、一致性与安全性。

首先，这个系统简单地设计成了学生端和管理员端，学生端主要有修改自己的一些信息和查询信息的功能，管理员端则还具备了修改数据的功能，包括添加数据、更新数据和删除数据，能够利用这些功能直接地操作统计的数据。

然后，这个系统也包含了登录和注册功能。使用登录功能就可以很好地通过用户名和密码登录到对应的学生端或者是管理员端。同时，有登录就需要有注册，注册功能是通过提供一些信息，然后也可以注册学生账号或者是管理员账号。

以上就是这个系统的简要介绍。

仓库结构

  1. .vscode：我使用的是 vscode 来完成的，所以有一些 vscode 配置文件保留在这里，可以忽略这个文件夹。
  2. HTML：HTML 页面保存位置，除了我将 index.html 提取到项目最前端。
  3. img：图片保存位置，这里只有一张普通武汉科技大学 logo 和一张去除背景的武汉科技大学 logo
  4. PHP：PHP 保存位置
    1. page：主要页面保存位置，这个文件夹中的文件都符合一定的命名规则，就不一一赘述，以 personal_center_page/main_info.php 为例。personal_center_page 是页面的主要分类，personal_center 就是个人中心下的所有页面，其他的也是相同的。文件夹下面的文件就是对应各个页面，main_info.php 就是个人中心下的个人信息页面，但这是管理员端下的，如果是学生端下的，则页面会添加后缀_student，例如 main_info_student.php。
    2. config.php：一些配置信息，便于其他文件进行通用。
    3. db-inc.php：数据库操作的一些函数。这个文件也因为所有需要操作数据库的文件都包含了，在后期我想添加一个 URL 检查功能，就利用这个特点，将 URL 检查功能添加到这个文件里面。当然这是个投机取巧的方法。
    4. enroll.php：实现注册功能。
    5. init.php：将整个数据库以特定的数据进行初始化。
    6. login.php：实现登录功能。
    7. main_change_info_php.php：实现个人信息修改功能。
    8. 另外三个是实现过程中用于测试的残留文件。
  5. script：JavaScript 保存位置
    1. exit.js：退出系统。
    2. getUrlParam.js：使用获取当前 URL。
    3. init.js：初始化功能。
    4. main_info.js：在页面上添加个人信息。
    5. myFunction.js：一些整合的函数。
  6. style：CSS 保存位置
    1. fa：icon 图标需要的部分 CSS。
    2. main_info.css：系统的 CSS 文件。
    3. main.css：登录、注册界面的 CSS 文件。
    4. reset.css：重置样式 CSS 文件。
  7. README.md：仓库概述。
  8. index.html：统计系统的初始页面。

 源码和文档都托管在了【WRITE-BUG数字空间】上面了，有需要的可自取~