← → 翻页 · B 静态 · ESC 索引
2026 届应届生集训宣传平台
PRODUCT SHOWCASE · 01 / 09
SUGON TRAINING · MEDIA HUB

集训风采
一页上云

批量投稿、上传码自动绑定、队歌相册播放、连队互动与两级后台管理。
中科曙光 LogoCloudflare Logo
→ swipe / arrow keys
SYSTEM POSITIONING
02 / 09
ONE PAGE · COMPLETE LOOP

不只是
一个相册

SUBMIT → SHOW → MANAGE → ARCHIVE
THE COMPLETE LOOP
4 ROLES

批量投稿、持续追加、队歌轮播、分级管理。

参与者一次上传 1–9 张图片或 1 个视频；上传码自动绑定浏览器；亲友伴随队歌浏览、点赞与分享；两级管理员分别运营本连队和全站。

ONE ENTRY · ZERO INSTALL
USER JOURNEY · 操作流程
03 / 09
FIVE STEPS · NO ACCOUNT REQUIRED

从打开网页，到完成分享

01选择连队填写标题与故事
02批量上传1–9 张图或 1 个视频，共 ≤25MB
03自动绑定上传码当前浏览器持续保存
04继续追加 / 凭码修改追加新素材或整组替换
05队歌相册互动自动轮播、点赞、分享
打开即用 · 同一浏览器持续追加 · 队歌相册播放 · 两级后台归档
OPERATION GUIDE · 操作说明图
04 / 09
SIX VISUAL CUES

用户不需要培训，也能完成提交

01 · 选连队

一连至十六连，单选即可。

02 · 批量选素材

一次 1–9 张图片，或单独上传 1 个视频；合计 ≤25MB。

03 · 自动优化并提交

JPEG/PNG/WebP/GIF/AVIF/BMP 自动生成展示图与缩略图。

04 · 上传码自动绑定

首次生成后固定在当前浏览器，换设备仍可手动输入。

05 · 追加或整组修改

继续投稿自动追加；凭码可修改文字或整组替换媒体。

06 · 队歌相册互动

自动轮播与转场，队歌循环播放，并支持点赞、人气排序和分享。

REAL CONTENT · 连队相册
05 / 09
TWELVE REAL DEMO COVERS

真实素材，自动成为封面

最新真实投稿优先展示；没有投稿时使用示例封面。

一连示例封面01 · 一连
二连示例封面02 · 二连
三连示例封面03 · 三连
四连示例封面04 · 四连
五连示例封面05 · 五连
六连示例封面06 · 六连
七连示例封面07 · 七连
八连示例封面08 · 八连
九连示例封面09 · 九连
十连示例封面10 · 十连
十一连示例封面11 · 十一连
十二连示例封面12 · 十二连
ALBUM STRUCTURE
16个连队相册
点击封面 → 自动轮播 / 转场 / 队歌 → 点赞与故事
RESPONSIVE EXPERIENCE
06 / 09
ONE SITE · EVERY SCREEN

多媒体成组上传，相册自动播放

— 01 / RESPONSIVE

手机与电脑自适应

表单、导航、相册和后台按屏幕尺寸自动重排。

— 02 / GROUP UPLOAD

1–9 张图片成组投稿

图片可成组上传；视频单独上传，单次总大小不超过 25MB。

— 03 / MEMORY PLAYER

自动轮播与队歌

打开相册自动切换素材、应用转场，并循环播放本连队队歌。

— 04 / CONTINUE

浏览器绑定与追加

上传码保存在当前浏览器，之后投稿自动追加到同一组。

TWO SIDES · ONE SYSTEM
07 / 09
PARTICIPANT / ADMIN

前台降低门槛，后台守住交付

01 PARTICIPANT
轻提交
免下载、免注册；上传码自动绑定浏览器，后续素材持续追加。
  • 1–9 张图片或 1 个视频
  • 继续追加或凭码整组修改
  • 队歌轮播、点赞、人气排序与分享
02 TWO-LEVEL ADMIN
分级管理
连队管理员只管理本连队；系统管理员运营全站与十六个连队账号。
  • 连队管理员：本队投稿与队歌
  • 系统管理员：全站、队歌、账号重置
  • 统计、分页、批量删除，导出媒体/队歌/CSV ZIP
CLOUDFLARE NOW · SUGON CLOUD ROADMAP
08 / 09
CURRENT DEPLOYMENT / FUTURE OPTION

当前运行于 Cloudflare
未来可部署曙光云

Cloudflare Logo
OUTER · EXPERIENCE

Cloudflare Pages

React/Vite 静态前端经边缘网络分发。

MIDDLE · LOGIC

Pages Functions

同域 API 处理上传、查询、相册与后台操作。

CORE · DATA

D1 + R2

D1 保存投稿组、附加媒体、队歌、点赞与两级账号；R2 保存原图、派生图、视频和音频。

Pages · 全球静态分发 Functions · 同域 API D1 / R2 · 持久数据
NOW · CLOUDFLARE

Pages / Functions / D1 / R2 已上线

PORTABLE LAYERS

前端、API、关系数据库、对象存储分层

ROADMAP · 曙光云

替换托管适配层后可部署；尚未完成迁移验证

09 / 09
CLOSING
SCAN TO EXPERIENCE

扫码体验
集训风采

无需注册，打开即可体验成组投稿、队歌相册播放、点赞与分享。
中科曙光 Logo
2026
EXPERIENCE NOW
MOBILE / DESKTOP
Cloudflare Logo扫码体验集训宣传平台

扫码打开正式平台

sugon-training-2026.pages.dev

体验成组投稿、队歌轮播、点赞与分享

→ 完 · READY TO SHARE