拾光
记录我们的培训历程
为什么要开发这个网站
其实一开始就是觉得,每周都要写周报,每次写的时候都要翻之前的记录,挺麻烦的。然后就想,为什么不开发一个网站来专门记录这些呢?这样不仅自己方便看,大家也都能一起回顾这段培训的时光。
开发这个网站的初衷,就是想把我们一起走过的这段培训历程完整地记录下来。以后回过头来看的时候,能想起这段日子里的点点滴滴,想起我们一起学习、一起进步的时光
而且这也是一个很好的展示平台,可以让别人看到我们这一路是怎么走过来的,看到我们的成长和变化。同时,这对我自己来说也是一个练手的好机会,把学到的技术用在实际项目中。
网站开发历程
现在的拾光,已经不只是一个周报网站
从一开始单纯的周报记录,一步步发展成了整个培训班的日常工具平台。现在培训班的各种日常工作都在这上面进行,从一个"记录网站"升级成了"班务平台"。
周报
每周培训记录沉淀,按周归档,方便随时回顾
风采
照片墙按周展示,留住宣传中的每一个瞬间
课程表
按班级查看每周课表,清楚知道每天上什么课
订餐系统
在线点餐、菜单管理、评价反馈,吃饭也方便了
考勤请假
线上请假、审批、销假全流程,终身的痛终于不用跑腿
签到
小组和班级两种签到方式,结果实时统计查看
客流上报
饭堂人流量实时档位上报,错峰吃饭更从容
卫生检查
日常卫生检查记录,内务管理规范化
技术架构
这个网站采用了前后端分离的架构,整体架构是比较清晰的。
前端技术
HTML5 + CSS3 + JavaScript
后端技术
RESTful API + 动态数据
UI设计
简洁现代的设计风格
字体方案
鸿蒙字体 + 系统回退
响应式设计
适配手机和桌面端
数据存储
后端API动态获取
前端就是纯原生写的,没有用框架,这样更轻量。样式主要靠CSS,加上了一些动画效果,整体看起来比较舒服。图片用了懒加载,提升首屏加载速度。后端提供了API接口,动态获取周报和照片数据,内容可以随时更新。
我开发过的其他项目
这个网站不是我第一个项目啦,之前也做过一些其他的,都在实际投入使用,每一个项目都学到了不少东西。
素拓材料收集系统
通过网站收集素拓材料,大大提高了工作效率,现在电气工程学院学生素拓工作就在用这个系统。
sutuo.netlify.app材料审核系统
将杂乱文件智能平铺在屏幕上,可以快速审核并通过点击屏幕就可以提交问题,大大提高了审核效率和汇总效率,现在被学校的多个学院的素拓和综测审核工作使用。
imagination.feishu.cn宣传进度系统
自动跟踪任务,配套程序包括后台和小程序,大大提升工作效率,减少干部负担,电气工程学院团委宣传部就在使用。
imagination.feishu.cn呱呱题APP
已上架微信小程序的一款APP,让学习更高效、更轻松。
1.14.158.176:8080每一个项目都是一次成长。从一开始只会写静态页面,能独立完成一个完整的小网站。从大学以来做这么多下面并投入使用,还是充满了成就感。
写在最后
这个网站从最初的周报记录做起,一路迭代到现在,已经不是当初那个简简单单的小网站了。它见证了我们从培训开始到现在的每一天,也承载着越来越多属于这个集体的日常。
感谢新入路大学生岗前培训班的每一个人,这段和大家一起学习的日子,我会一直记得。也希望这个网站能继续更新下去,记录更多属于我们的故事。
路漫漫其修远兮,吾将上下而求索