差不多用一周的时间,做了个时间轴程序:最好时间轴
...
由于孩子最近考试,有各种日程,需要管理和查看。
用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,手机都能完美显示
随时添加或修改节点,自动显示
可以公开时间轴,也可设置密码查看,或者设置私密,不允许别人查看。
欢迎体验使用,或者提出宝贵意见!
也可以到论坛来讨论交流
Tag: TYCMS 开发日志 最好时间轴