HTML企业官网

modu-mate — HTML 企业官网模板

作者 smcnab1

ModuMate 是一个基于浏览器的教学模块内容生成工具，可从可编辑的 JSON 预设生成课表、考核概览、考核说明、模块概览与模块团队页面。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-01查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

从可编辑 JSON 预设生成课表、考核概览、考核说明、模块概览与模块团队页面

支持预览并导出 HTML、PDF、iCalendar 等格式

可导入导出 JSON 预设以便复用

提供浅色与深色主题切换

纯静态 HTML、CSS 与原生 JavaScript 应用，使用浏览器存储保存本地偏好与工作数据

模板详细介绍

ModuMate 面向教育场景，用浏览器端静态页面把可复用的模块内容组织起来。它依据可编辑的 JSON 预设生成课表、考核概览、单项考核说明、模块概览和模块团队页面，并支持预览与导出 HTML、PDF、iCalendar 等格式，同时可导入导出 JSON 预设以便重复使用，还提供浅色与深色主题切换。

技术上是 HTML、CSS 与原生 JavaScript 构建的静态应用，使用浏览器存储保存本地偏好与工作数据；部分页面从外部 CDN 加载 Font Awesome 或 jsPDF，因此完整功能需要网络连接。仓库不含服务端认证或访问控制，公开部署时不应放入机密或敏感信息。仓库内的人物与联系方式为虚构示例，产出真实模块内容前需替换为已获授权使用的数据。

本地运行需要当前 Node.js 版本与 npm，克隆后执行 npm ci、npm run lint，并用 python3 -m http.server 8000 以 HTTP 方式提供文件，再访问 http://localhost:8000；README 建议通过 HTTP 提供仓库，因为浏览器安全规则可能阻止本地文件访问预设。项目采用 MIT 许可，贡献需阅读贡献指南并向 master 分支提交 PR，安全问题按安全政策处理。无障碍方面按 WCAG 2.1 AA 原则设计，具体实现与验证范围见 ACCESSIBILITY.md。

HTML企业官网

适合你的项目吗？

适用场景

为不同学生群体创建和编辑课表预设
生成考核概览与单项考核说明文档
用可复用的联系人卡片数据搭建模块团队页面
导出课表或考核信息为 HTML、PDF、iCalendar 供分发

适合人群

需要按模块组织教学内容并重复使用预设的教育工作者或课程团队
希望以静态页面在浏览器中生成课表与考核文档的使用者
能自行替换示例数据并接受无服务端认证部署方式的开发者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
需要当前 Node.js 版本与 npm；克隆仓库后执行 npm ci 与 npm run lint
2
用 python3 -m http.server 8000 以 HTTP 方式提供文件，再访问 http://localhost:8000；不建议直接以本地文件打开，浏览器安全规则可能阻止访问预设
3
部分页面从外部 CDN 加载 Font Awesome 或 jsPDF，完整功能需要网络连接
4
仓库内人物与联系方式为虚构示例，产出真实内容前替换为已获授权使用的数据
5
无服务端认证或访问控制，公开部署时不要放入机密或敏感信息

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

部分页面从外部 CDN 加载 Font Awesome 或 jsPDF，完整功能需要网络连接；离线环境下这些功能可能不可用。
项目无服务端认证或访问控制，公开部署时不得放入机密或敏感信息。
仓库内人物与联系方式为虚构示例，产出真实模块内容前必须替换为已获授权使用的数据。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

Some pages load Font Awesome or jsPDF from external CDNs, so a network connection is required for all features to work reliably.
README 原文

There is no server-side authentication or access control. Do not put confidential or sensitive information in a public deployment.
README 原文

The repository contains fictional sample people and contact details. Replace them with data you are authorised to use before producing real module content.
README 原文

https://github.com/smcnab1/modu-mate/blob/master/LICENSE.md https://github.com/smcnab1/modu-mate/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 80 / 100
技术栈: HTML
网站类型: 企业官网

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2026-09-24
截图检查日期: 2026-10-01

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 07ee67b4cc8c13e227194e63ca2759f457eaab465e0570f2cb6ca19bb53e2554

2026-10-01T15:23:38.326Z

来源文件 / 仓库

# ModuMate

ModuMate is a browser-based toolkit for creating reusable module content. It can generate timetables, assessment overviews, individual assessment briefs, module overviews and module-team pages from editable JSON presets.

[Open the live demo](https://smcnab1.github.io/modu-mate/)

![ModuMate timetable generator](images/screenshot.png)

## Features

- Create and edit timetable presets for different cohorts.
- Generate assessment briefs, assessment overviews and module overviews.
- Build module-team pages from reusable contact-card data.
- Preview content and export supported formats, including HTML, PDF and iCalendar.
- Import and export JSON presets for reuse.
- Switch between light and dark themes.

The repository contains fictional sample people and contact details. Replace them with data you are authorised to use before producing real module content.

## Tech stack

ModuMate is a static application built with HTML, CSS and vanilla JavaScript. It uses browser storage for local preferences and working data. Some pages load Font Awesome or jsPDF from external CDNs, so a network connection is required for all features to work reliably.

There is no server-side authentication or access control. Do not put confidential or sensitive information in a public deployment.

## Local development

Requirements: a current Node.js release and npm.

```bash
git clone https://github.com/smcnab1/modu-mate.git
cd modu-mate
npm ci
npm run lint
python3 -m http.server 8000
```

Open <http://localhost:8000>. Serving the repository over HTTP is recommended because browser security rules can block local file access to presets.

## Contributing and security

Contributions are welcome. Read the [contribution guide](.github/CONTRIBUTING.md) and open a pull request against `master`.

Report ordinary bugs through [GitHub Issues](https://github.com/smcnab1/modu-mate/issues). Please follow the [security policy](.github/SECURITY.md) for vulnerabilities and avoid including private data in public reports.

## Accessibility

ModuMate is designed with WCAG 2.1 AA accessibility principles in mind. See [ACCESSIBILITY.md](ACCESSIBILITY.md) for the implemented considerations and current verification limits.

## Licence

ModuMate is available under the [MIT Licence](LICENSE.md).

反馈内容错误