拾光

记录我们的培训历程

为什么要开发这个网站

其实一开始就是觉得,每周都要写周报,每次写的时候都要翻之前的记录,挺麻烦的。然后就想,为什么不开发一个网站来专门记录这些呢?这样不仅自己方便看,大家也都能一起回顾这段培训的时光。

开发这个网站的初衷,就是想把我们一起走过的这段培训历程完整地记录下来。以后回过头来看的时候,能想起这段日子里的点点滴滴,想起我们一起学习、一起进步的时光

而且这也是一个很好的展示平台,可以让别人看到我们这一路是怎么走过来的,看到我们的成长和变化。同时,这对我自己来说也是一个练手的好机会,把学到的技术用在实际项目中。

网站开发历程

2026年4月16日
突然有了这个想法,当天就开始动手开发了。先是画了个简单的草稿,确定了基本的页面结构和功能需求
4月17日 - 4月18日
完成了首页滚动图片区域的设计,开始写周报和风采展示的功能,图片的加载和展示效果也花了不少时间调试
4月19日 - 4月20日
添加了课程表功能,完善了详情页的功能,加上了翻页banner、滚动效果,还有模糊动画这些细节,让整个网站体验更流畅
4月21日
统一了所有页面的header和footer,优化设计细节,加上了关于拾光的页面。现在网站基本成型了,算是一个完整的项目了
4月22日
添加了周报详情页浮动按钮跳转功能,完善了微信分享卡片
4月23日
优化了缩略图功能,支持16:9比例裁剪,可调整压缩质量。修改了照片库按周分组显示,优化了网站的性能性能
5月1日
课程表上线,支持按班级查看每周课表,成为大家每天必看的工具
5月20日
订餐系统上线,从菜单管理、在线点餐到评价反馈一整套流程都跑起来了
8月20日
陆续加入食堂客流上报模块,支持实时查看食堂的人数、流量等数据
9月24日
考勤与请假系统完成,线上请假、审批、销假全流程打通,班长老师都能在线处理
9月26日
签到模块上线,支持小组和班级两种签到方式,结果实时统计查看

现在的拾光,已经不只是一个周报网站

从一开始单纯的周报记录,一步步发展成了整个培训班的日常工具平台。现在培训班的各种日常工作都在这上面进行,从一个"记录网站"升级成了"班务平台"。

📰

周报

每周培训记录沉淀,按周归档,方便随时回顾

📸

风采

照片墙按周展示,留住宣传中的每一个瞬间

📅

课程表

按班级查看每周课表,清楚知道每天上什么课

🍱

订餐系统

在线点餐、菜单管理、评价反馈,吃饭也方便了

🕒

考勤请假

线上请假、审批、销假全流程,终身的痛终于不用跑腿

✅

签到

小组和班级两种签到方式,结果实时统计查看

🚶

客流上报

饭堂人流量实时档位上报,错峰吃饭更从容

🧹

卫生检查

日常卫生检查记录,内务管理规范化

技术架构

这个网站采用了前后端分离的架构,整体架构是比较清晰的。

前端技术

HTML5 + CSS3 + JavaScript

后端技术

RESTful API + 动态数据

UI设计

简洁现代的设计风格

字体方案

鸿蒙字体 + 系统回退

响应式设计

适配手机和桌面端

数据存储

后端API动态获取

前端就是纯原生写的,没有用框架,这样更轻量。样式主要靠CSS,加上了一些动画效果,整体看起来比较舒服。图片用了懒加载,提升首屏加载速度。后端提供了API接口,动态获取周报和照片数据,内容可以随时更新。

我开发过的其他项目

这个网站不是我第一个项目啦,之前也做过一些其他的,都在实际投入使用,每一个项目都学到了不少东西。

每一个项目都是一次成长。从一开始只会写静态页面,能独立完成一个完整的小网站。从大学以来做这么多下面并投入使用,还是充满了成就感。

写在最后

这个网站从最初的周报记录做起,一路迭代到现在,已经不是当初那个简简单单的小网站了。它见证了我们从培训开始到现在的每一天,也承载着越来越多属于这个集体的日常。

感谢新入路大学生岗前培训班的每一个人,这段和大家一起学习的日子,我会一直记得。也希望这个网站能继续更新下去,记录更多属于我们的故事。

路漫漫其修远兮,吾将上下而求索

— 梁隽