Allen 2022-11-08 00:21:04 11799 0 0 0 0
TYCMS,开发日志,最好时间轴,做了个时间轴程序,在线时间轴,最好时间轴,时间轴简洁,每月不同颜色,节点指示明确;时间轴并不仅仅是节点的展示,可以显示丰富信息。响应式设计,手机、PC均可完美显示;而且时间轴可以设置公开或私密,甚至设置密码查看查看方式。

差不多用一周的时间,做了个时间轴程序:最好时间轴

...

由于孩子最近考试,有各种日程,需要管理和查看。

用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 开发日志 最好时间轴
我也要发一个   ·   返回首页   ·   返回[TYCMS]   ·   前一个   ·   下一个
欢迎评论
未登录,
请先 [ 注册 ] or [ 登录 ]
(一分钟即可完成注册!)
返回首页     ·   返回[TYCMS]   ·   返回顶部