最新公告
  • 欢迎您光临仿站吧 帝国CMS模板一站式建站供应平台 . 欢迎加入VIP
  • 不可复制的经验:解决Ecms手机端模板样式无法正确显示问题的办法

    正文概述 仿站吧   2022-10-22 09:37:27  

    第一篇:初次经验的复制,成功解决问题

    之前我在 “教师节的礼物:教你利用Ecms后台做手机端网站模板的第三种方法”中,就讲述了在帝国cms后中如何在pc端模板的基础上快速做好手机端模板。

    当时是在PC端模板已经上线的情况下进一步开发手机端模板的,师傅给我的经验就是:

    登录网站的后台,直接打开左侧栏目的“手机模板组”(如下图所示),然后按照做PC端模板制作一样的办法去做就可以了。

    1.jpg

    事实上的确如此,凭着这个经验我很快完成了人生第一个手机端模板的制作,感觉无什么难度。

    第二篇:再次复制经验之伤。

    今天我又一次领到了一个手机端模板制作的任务,其首页在PC端正常显示是这样的(见下图)。

    2.jpg

    因为PC端模板已经完成,加上有了第一次成功制作手机端的经验,所以一开始我就觉得这个手机端模板的制作是很简单的事情,于是就按照之前的经验:1.先把手机端样式文件夹(template文件夹)放到本地帝国cms后台的htdocs文件下;

    3.jpg

    2.然后用[!--news.url--]把css及js样式文件路径变成绝度路径,再把首页代码复制到模板中保存并刷新,显示结果如下:

    4.jpg

    看到这种结果,很明显就是CSS样式未有正确被调用的问题,但css样式文件已经装载了,却无法显示,怎么回事?

    凭着以往经验,我这样开始自查:

    第一步:这种情况很可能就是网页缓存问题影响显示效果,于是我按照百度经验重新清除网页缓存,并再次刷新首页数据,但网页显示依然不正常。

    第二步:检查引入CSS样式文件的路径,因为之前用[!--news.url--]把css样式文件变成了绝对路径,所以很有可能替换路径出现问题,于是我重新检查替换的路径(网页头文件文件引入css的路径如下):

    5.jpg

    检查发现这个引入CSS样式文件的路径是正确的,那么问题出在哪里呢?

    上面这两步检查操作都是正确的,但还是没能找到问题所在,甚至我还怀疑源代码是否有问题(当然是无问题啦,因为人家可以正常显示。)。

    如此反复折腾,就这样浪费一个多小时,最后不得不求教师傅。

    结果师傅给我的答案是:这种情况肯定是css的路径有问题,这么简单的问题,你自己解决吧。

    当时一听师傅这句话,感觉就是被淋一头冷水,因为他之前教的经验我也照做了,但就是解决不了问题···甚至又一次开始怀疑了人生···到底经验靠不靠得住?

    第三章:领悟经验,简单解决手机端模板样式无法正确显示的问题

    第一,再次反思。

    对于别人传授的经验,我们是很容易就去模仿的,经过自己的实践验证成功后,我们对这些经验更加会深信不疑,甚至都不想再花时间去理解,但像这次遇到的情况,真让我怀疑这些经验了。

    但回头想想,经验既然是实践得来的,那就应该是无问题的,那么真正的问题就是我们没有真正领悟经验的实质和细节,所以生搬硬套出现了问题。

    第二,深入分析。

    回归手机端模板样式无法正确显示的情况,这个过程我只对代码及样式文件进行了两次关键的修改操作:1.是载入css样式文件到后台目录下;2.是把相对路径变成绝度路径。

    对于第二点把相对路径变成绝度路径,这个替换代码是经过多次实践的规范的替换,所以是无任何问题的,那么所有问题的核心就集中在第一点: “载入css样式文件到后台目录下”了。

    第三,解决问题。

    于是,我冷静回头查看帝国cms后台模板文件的根目录htdocs文件夹,发现文件夹里面有一个命名为“m”的文件夹(如图所示),这时我才想起这个文件夹就是存放手机端模板数据的文件夹。

    6.jpg

    因为手机端与PC端是调用同一数据库的,所以它们数据文件也应该在同一目录(htdocs)中,只是两个模板样式的css及js文件不一样。这样的话,我开始操作的第一步用手机端的template文件夹去替换PC端的template文件夹就是错误的,导致了CSS样式文件实际路径的错误。

    所以改正把手机端的template文件夹放到C:\ecms\htdocs\m下,再还原之前删除的PC端template文件夹,然后再刷新首页,发现PC 端和手机端的页面显示都正常啦。

    7.jpg

    总结:经验是很重要的,特别是技术经验,但如果只是一味生搬硬套复制别人的经验,那么这些经验可能只会成为你前进的绊脚石,而不会成为你提升自我的台阶。所以对于别人的经验只能去参考和领悟,甚至是摒弃它,只有过实践并加以思考转化成自己的经验,这样才是积累经验、提升自我的最佳办法。

    仿站吧,一个优质的源码资源平台!
    仿站吧 » 不可复制的经验:解决Ecms手机端模板样式无法正确显示问题的办法