拾光

记录我们的培训历程

为什么要开发这个网站

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

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

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

网站开发历程

2026年4月16日
突然有了这个想法,当天就开始动手开发了。先是画了个简单的草稿,确定了基本的页面结构和功能需求
4月17日 - 4月18日
完成了首页滚动图片区域的设计,开始写周报和风采展示的功能,图片的加载和展示效果也花了不少时间调试
4月19日 - 4月20日
添加了课程表功能,完善了详情页的功能,加上了翻页banner、滚动效果,还有模糊动画这些细节,让整个网站体验更流畅
4月21日
统一了所有页面的header和footer,优化设计细节,加上了关于拾光的页面。现在网站基本成型了,算是一个完整的项目了
4月22日
添加了周报详情页浮动按钮跳转功能,完善了微信分享卡片
4月23日
优化了缩略图功能,支持16:9比例裁剪,可调整压缩质量。修改了照片库按周分组显示,优化了网站的性能性能

技术架构

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

前端技术

HTML5 + CSS3 + JavaScript

后端技术

RESTful API + 动态数据

UI设计

简洁现代的设计风格

字体方案

鸿蒙字体 + 系统回退

响应式设计

适配手机和桌面端

数据存储

后端API动态获取

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

我开发过的其他项目

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

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

写在最后

这个网站从构思到现在,虽然只有短短几天的时间,但对我来说却是很有意义的一个项目。它不仅是一个技术作品,更是我们这段培训时光的一个载体。

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

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

— 梁隽