Allen
2022-11-08
00:21:04
11116
0
0
0
0
本文爲原創，遵循CC 4.0 BY-SA版權協議！轉載時請附上原文鏈接及本聲明。
原文鏈接：https://tdlib.com/am.php?t=pxbhknjRhEMy Tag: TYCMS 开发日志 最好时间轴
網站名稱：差不多用一周的时间，做了个时间轴程序：最好时间轴，功能最多的时间轴，最好用的在线时间轴
網站地址：
做了个时间轴程序，在线时间轴，最好时间轴，时间轴简洁，每月不同颜色，节点指示明确；时间轴并不仅仅是节点的展示，可以显示丰富信息。响应式设计，手机、PC均可完美显示；而且时间轴可以设置公开或私密，甚至设置密码查看查看方式。
[SEO信息] [Alexa信息]
-->>直達網站
差不多用一周的时间，做了个时间轴程序：最好时间轴
...
由于孩子最近考试，有各种日程，需要管理和查看。
用Excel做了个表，但不是很直观也不方便维护。
而且考试的各个节点有大量的信息要保存查看，用excel也无法实现。。。
终于把做时间轴程序提上日程。
...
其实一直想做个时间轴，用处还是很多的。
比如学习历史事件，用时间轴显示一下，更直观，易记易懂。
开发某个项目，用时间轴管理日程，也很方便。
...
想法和动力有了，接下来就是选择样式。
在网上搜了一下，看了几十种样式：
https://tdlib.com/am.php?t=JfUQggGTmVJy
https://tdlib.com/am.php?t=Oh83Pripxt5C
有的很不错，但测试过后，又不太合适。
由于要考虑自适应，不能选择两边内容的，那样手机上内容就太窄了！
而选择一面的，大部分显示出来，就显得平面化，和列表没什么区别了。
终究都不太满意。
...
想起以前保存过一个时间轴样式，非常简洁，而且明了。
但迁移后怎么也找不到了，不知道是不是没保存下来。
但这次找不到合适的样式，实在想找那个样式。
终于在一个压缩文件时找到了那个样式！
...
这个是一个网站日志的时间轴，当时看了感觉非常好，就保存了下来。
程序还保留着原来的链接，原网站是：https://blog.ljyngup.com/
可惜现在已经不能访问了。
...
查看了一下，Css文件很大，有八千多行，168k，太大了！
应该是原网站所有页面的css样式。
这样直接用，应该不影响使用，但拖着这么大的文件。。。很不舒服！
于是在网上尝试找人优化一下，看能不能缩小，把时间轴用不到的样式去除掉。
终于找到了网友【90°角ぺ俯視】，我一说，他就直接帮我弄了。。。精简到900行，21k，可以接受了~~
后来又帮我调一下手机显示的问题。
原来内容宽度没有限制，如果内容长会占满屏幕。。。这样就很不美观了。于是调整为60%。
但手机上就不能限制宽度了。
我没系统学过，都是用哪学哪，这个就不会调整了。只好求助了。。。
...
这位朋友实在很难得，现在这网上的人都很现实了，屁大点事都要收钱。
其实虽然找人解决问题，给点钱也无可厚非，但动不动就谈钱，不管多大点事都要钱，就不太好了。
但这位朋友，真不错，啥也没说就帮我解决问题了。而且调手机样式时，他都是主动远程帮我调的。
而且还调了半天才好，可能是因为网站cdn|和缓存的问题，开始怎么调整都不起作用。
太感谢这位朋友了！
后来我也主动发个红包给他了，这种行为必须感谢！
...
后续我又优化了样式。
原来每个节点只有一行内容，我又添加了简要内容块，功能按钮等。
样式是有了，下面就是链接数据库，动态显示内容。
我直接使用cms的数据表，在时间轴上只显示标题和摘要，链接可以打开详细内容。
这样就可以保存大量的节点信息了，还是非常好用的。
...
由于主时间轴和节点都是用CMS的数据表，所以又增加了父级id的字段。
在做编辑页面时，由于主时间轴和节点都用同一页面，搞得很复杂。
还有列表，添加页面，主时间轴和节点也是用的同一页面。。。
搞得一度有晕到想吐。。。
...
最后终于是搞成了。
除了时间轴页面，列表，编辑，添加页面都是用的cms页面，美观性就差了些，但好在能用。
虽然这个程序不大，但查了一下，类似的时间轴，功能这么多的在线时间轴，应该是没有的。
希望有人能喜欢，希望能帮到一些人吧。
...
起名字：最好时间轴。
10/30正式上线。
...
总结了一下特点：
界面简洁，清晰明了
丰富信息展示
响应式显示
节点随意添加修改
安全，灵活
时间轴简洁，每月不同颜色，节点指示明确
这里的时间轴并不仅仅是节点的展示，可以显示丰富信息。
更可以在【详细】页面，保存和显示更多信息
PC，手机都能完美显示
随时添加或修改节点，自动显示
可以公开时间轴，也可设置密码查看，或者设置私密，不允许别人查看。
欢迎体验使用，或者提出宝贵意见！
也可以到论坛来讨论交流
【版權聲明】本文爲原創，遵循CC 4.0 BY-SA版權協議！轉載時請附上原文鏈接及本聲明。
原文鏈接：https://tdlib.com/am.php?t=pxbhknjRhEMy Tag: TYCMS 开发日志 最好时间轴
評論
