学校网站上线那天，学校教务处的网站李老师盯着首页的轮播图看了半天，说了一句：“这图怎么糊得像十年前校门口打印店的建设广告。”这句话把我们拉回了现实——技术选型再时髦，总结最终还是学校要过“看得过去”这一关。

项目启动是网站在三月初。校领导批了预算，建设要求两个月内上线。总结我们团队四个人，学校两个懂前端，网站一个管服务器，建设还有一个负责跟各部门对接需求。总结最初的学校想法很简单：找个开源CMS套上模板，填内容就完事。网站真正动手才发现，建设学校网站跟普通企业站完全是两码事。

栏目结构改了六版。教务处要“教学成果”独立一级菜单，德育处坚持“校园活动”必须放在首页第一屏，招生办临时加了个“在线报名”入口，还要求对接他们那套老掉牙的Excel统计流程。每次开会都像在拆炸弹——你永远不知道哪个部门会突然提出一个技术上根本跑不通的需求。比如“家长能直接查孩子成绩”，这涉及隐私权限、数据接口、身份验证，不是一个展示型网站该干的事。后来我们学会了先问“这个功能现在线下是怎么操作的”，然后再判断能不能搬到线上。

技术栈最后定了Vue3加Node.js，数据库用MySQL。选Vue是因为团队里有人熟，出了问题能快速定位。服务器原本想上云，但学校机房有一批闲置的Dell R730，信息中心主任拍板说“用现成的，省下的钱买备份硬盘”。于是我们花了三天装ESXi，把三台物理机虚拟出八台虚拟机，分别跑Web、数据库、文件存储和测试环境。这个决定后来救了我们——上线第二周，数据库所在的那台物理机内存条故障，因为做了HA，切换只用了四分钟，没影响白天访问。

内容迁移是最枯燥的环节。旧网站跑了八年，积累了四千多篇文章，图片路径混乱，附件命名有中文有空格还有特殊符号。写了个Python脚本批量清洗，结果还是漏了37个带全角括号的文件名，导致下载链接404。教务处那边催得紧，我们只好手动一个个改。那几天办公室里全是键盘声和“这个又是哪个老师传的”的抱怨。

移动端适配比预想的麻烦。校领导用iPhone，教务处用安卓，德育处主任的华为折叠屏打开首页时导航栏直接叠在一起。查了半天发现是CSS里一个flex容器的min-width没设对。改完之后，又发现老版本安卓WebView不支持某些ES6语法，只能上Babel转译。这些细节没人会在验收报告里写，但少了任何一步，用户就会觉得“这网站不行”。

安全方面踩了个坑。上线前一周做渗透测试，发现文件上传接口没做类型校验，传个.php文件就能执行。虽然学校网站没什么值钱数据，但被挂马总归不好看。加了白名单校验、改了上传目录权限、关了错误回显，又用Nginx规则拦了一批常见扫描路径。信息中心主任看完报告说：“你们这比我们机房那套防火墙管用。”

现在网站跑了三个月，日均访问量一千二左右，高峰期是晚上七点到九点，家长查通知和活动照片。后台日志里能看到有人用IE11访问，也有用鸿蒙平板的。我们没做IE兼容，但留了个降级提示页。有个细节挺有意思：招生季那几天，“在线报名”页面的跳出率特别高，查了热力图发现是表单第一项“考生号”让很多人懵了——他们不知道那是什么。后来改成“中考准考证号”，转化率立刻上来了。

回头看，学校网站建设没什么高深技术，拼的是耐心和沟通。每个按钮背后都是一个具体的人、一个具体的操作场景。代码写得再漂亮，如果教务处老师不会用后台发布文章，那这个网站就是死的。所以后来我们给每个部门做了单独的图文操作手册，还录了五分钟的屏幕录像。李老师现在能自己换轮播图了，虽然偶尔还是会把图片拉变形。

(责任编辑：时尚)