课堂Geogebra文件展示的新方法

项目FileVue由来

一名数学教师，我经常需要在课堂上展示动态的平面与立体几何图形，并整合各种教学资源。以往每次上课都需要携带U盘，并手动运行GeoGebra软件，这一过程较为繁琐。为了简化这一流程，我决定利用GeoGebra的网页展示功能，并可以展示本地文件等资源，开发了FileVue项目，使得在局域网或互联网中可以直接通过网页访问所需资源，极大地提高了教学效率。

功能介绍

1. 前后端分离架构：后端基于 Node.js 可灵活切换不同编程语言与框架，递归实现发送文件目录到前端；前端主要由 fileVue.js 处理。前后端分离设计支持独立开发，可为 fileVue.js 开发插件，提供对多种服务器的支持，如 Everything、Nginx、MinIO 等
2. 轻量级架构：前后端分别仅依赖 Bootstrap 4 和 Express 框架，无需额外安装依赖
3. 封装打包：fileVue.js 使用库打包，确保运行环境独立
4. 无侵入式设计：前端支持任意后缀名文件的自定义处理，打开 .ggb 文件响应迅速
5. 服务器优化：后端支持缓存与文件压缩，显著提升访问速度
6. 易用可配置：支持配置端口号、public文件夹位置等参数；public/js/fileVue.js 中可自定义文件后缀名处理方式

安装与使用

核心文件

• FileVue.exe：主程序文件
• public 文件夹：前端文件
• config.js：配置文件

配置说明

• public 文件夹可使用绝对路径或相对路径，可自由移动位置
• config.js 需与 FileVue.exe 放置在同一目录下
• 在 config.js 中可修改端口号、public文件夹位置等参数

module.exports = {
    port: 8888, // 服务器监听端口
    enableUpload: true, // 是否启用文件上传功能
    staticFolder: 'D:/public' // 静态资源文件夹路径，必需使用/分隔，例如D:/math/public2，不能使用反斜杠，如D:\math\public
};

• public/js/fileVue.js 中可自定义文件后缀名处理方式

安装步骤

1. 下载最新版本压缩包 https://geomath.icu/usr/upload/filevue.7z
2. 将 FileVue.exe、config.js 文件与 public 文件夹放置在同一目录下（也可移动到其他目录）
3. 双击运行 FileVue.exe 文件
4. 打开浏览器，访问 http://localhost:端口号

在线演示

访问我们的在线演示站点：https://geomath.icu:8080

注：fileVue.exe确保使用的端口未被占用。