← 返回项目
项目 信息安全 Archive 2025-12-28
ED

Encryption Demo

加密算法可视化教学演示系统,支持 10 种经典与现代密码算法的交互式展示。

GitHub 仓库 ↗

项目背景

这是通信工程专业选修课《信息安全技术》的大作业成果。目标是设计一个纯前端的 Web 应用,让抽象的加密算法原理通过交互操作和分步骤可视化变得直观可感。

系统组成

系统集成了 10 种算法,覆盖从古典到现代的核心密码学概念:

  • 凯撒密码:单表替换,演示偏移量与模运算
  • 一次性密码本:信息论安全的完美示例
  • Playfair 密码:基于 5×5 矩阵的双字母替换
  • 流密码 (RC4-XOR):PRNG 密钥流生成与逐字节异或
  • DES:16 轮 Feistel 网络的完整可视化
  • AES-256:SPN 结构的字节代换、行移位、列混合全流程
  • 视觉密码 (VCS):(2,2) 门限方案,Canvas 像素级分存与叠加
  • 扩展视觉密码 (EVCS):带载体图的视觉加密变体
  • MD5:单向哈希摘要生成与碰撞风险科普
  • RSA:密钥生成、模幂运算与签名验证教学演示

此外还包括基于 SHA-256 加盐哈希的用户认证、后台管理面板,以及亮/暗主题切换。

01 / Problem

它试图解决什么?

加密算法的数学原理抽象,传统课堂教学难以直观展示迭代轮次、密钥扩展和像素操作等动态过程。

02 / Approach

采用的方法

用 JavaScript 完整实现各算法逻辑,通过 Canvas 和 DOM 动画分步骤展示加密/解密中间状态。

03 / Highlights

核心设计

0110 种算法完整实现
02分步骤过程可视化
03视觉密码像素叠加
04用户认证与后台管理
返回探索地图