最近接了个活儿，帮一朋友弄他的独立游戏官网。这朋友技术是真牛，游戏做得漂亮，但一提到后台管理系统，他就挠头。这回的任务很简单，就是把《游戏介绍》那块儿的内容给彻底更新一遍。
本站为89游戏官网游戏攻略分站，89游戏每日更新热门游戏，下载请前往主站地址:www.gm89.me
登录折腾与内容定位
我拿到那个后台账号，打开页面，心里就咯噔一下。那个后台UI，一看就是套了个最老旧的模板，布局乱七八糟的。我找了半天，才从一个叫“内容管理V1.0”的子菜单里钻进去，找到了“游戏介绍”的编辑入口。
我一看，傻眼了。这哪里是富文本编辑器？这就是一个简单的文本框，加了几个孤零零的 B (粗体) 和 I (斜体) 按钮。那朋友丢给我一个近乎完工的 Word 文档，内容倒是写得激情四射，但要放到这个破编辑器里，简直就是折磨人。
图片与排版的大作战
我开始了漫长的复制、粘贴、手动排版过程。Word 里的换行和段落，全没了，我得一个一个敲回车，一个一个套 `
` 标签（我是直接在可视化里操作的，但后台生成出来的就是这么个东西）。
最要命的是图片。介绍页肯定要配图嘛高清截图什么的。这个后台系统上传图片流程特别反人类：
-
我点击上传，弹出来的框只能单张上传。
-
传完一张图，它返回一个巨大的 URL 给我。
-
我必须自己把这个 URL 复制，再手动在编辑器里插入一个 Image 标签。
这还不算完，那朋友给的截图都太大了，直接扔上去，移动端肯定是爆掉的。后台没有任何裁切或压缩功能。我默默地打开了我的桌面修图软件，一张一张地压缩到网站能接受的尺寸，再一张一张地上传。
这来回折腾的功夫，估计得有三四十次。我一边搞，一边骂这个后端开发者偷懒。光是图片处理，就耗掉了我一个多小时。
校验与的领悟
好不容易把所有文字内容和图片都安顿好了，我点击了“保存并预览”。电脑端看起来还行，虽然有点简陋，但至少内容是全的。赶紧掏出手机扫码看看移动端。果然，正如我预料的，有几张图片直接撑爆了屏幕，文字排版也乱七八糟地挤在一起。
我又回到编辑页面，这回直接切换到源代码模式。手动给那几张捣乱的图片加上了一个 `style="max-width: 100%"` 的样式。再次保存，再次预览。这回才终于舒服了，整个页面流畅地自适应了各种设备。
这个活儿，看起来就是简简单单的“后台录入”，但从头到尾，我经历了：定位入口 -> 排版文字 -> 外部处理图片 -> 上传图片 -> 插入链接 -> 移动端校验 -> 源代码修正。这来回搞了将近四个小时。
为啥我非要自己折腾这一套？以前我也是搞前端的，总觉得后台管理系统很简单，不就是给运营留个 CRUD 的口子嘛但自从我亲手接过几个这种没人管的野路子项目以后，我就明白了：再简单的工具，如果设计者没用心，用起来就是要人命的。这活儿，让我想起来以前在公司，后台开发那帮人总是抱怨运营需求多，现在我算是彻底站在他们那边了。下次再有人说后台很简单，我直接把这个经历甩他脸上。总算大功告成了，可以跟朋友交差了。