无服务器 自建短链服务 Url-Shorten-Worker 优化已保存数据的列表的显示 (1)

在 短链系统, 网络记事本系统, 图床系统 中, 已保存数据的列表的显示方式 需求是不同的.

记事本系统, 应该用一个多行文本框来显示 value. 如下:

图床系统, 应该以图片的形式显示 value. 如下:


短链系统就是原来的显示方式. 以文本形式显示全部value即可.


代码已经有了. 功能也是对的. 

现在问题是, 怎么合理的设计代码结构, 让 worker.js 里面的配置项可以控制列表的显示方式.

设置什么系统的配置项是在 worker.js 里面. 最多还有一项, 控制加载哪个 index.html

但是实现列表显示的功能在 main.js 里面. 

main.js 这个文件在 Github 上. 在 index.html 文件里面指定加载.

如果把 main.js 的文件内容搬出来放到 index.html, 然后不同的系统使用不同的 index.html , 小改一下 JS 代码的逻辑, 实现显示效果的差异. 

这样是能够实现效果没错, 但 main.js 里面大段相同的代码要复制到每个 index.html 里面, 太不优雅了. 

如果以后, 相同部分的代码需要修改, 那就是霰弹枪伤, 要打开这么多个index.html一个一个的改, 如果改错了, 漏掉了, 就有问题了.


- To Be Continued

评论

The Hot3 in Last 30 Days

ClouDNS .asia免费域名 托管到CloudFlare开CDN白嫖Websocket WS通道翻墙 / desec.io

无服务器 自建短链服务 Url-Shorten-Worker 完整的部署教程