12月13日上午:模板导入与资源文件路径替换

12月13日上午:模板导入与资源文件路径替换_第1张图片

利用thinkphp开发的时候,所有的JavaScript文件、css文件、图片文件,都要放在thinkphp的项目public文件夹中的static文件夹中。

因此,需要将模板的lib第三方的库文件以及模板的static资源文件,都要复制粘贴到thinkphp的public的static文件夹中。


12月13日上午:模板导入与资源文件路径替换_第2张图片


12月13日上午:模板导入与资源文件路径替换_第3张图片

然后,在application/index/这个目录下创建view文件夹,里面再创建Index文件夹,index文件夹中复制好模板的index文件。然后,再到控制器controller中进行控制。return view()。就可以发现网站的主页变成了没有样式的样子。

下面要用到的这个东西,得脑子清晰。这里的__STATIC__常量,对应的路径是在public下的static目录!

而查看这个常量代码的路径是thinkphp/library/think/view/View.php

12月13日上午:模板导入与资源文件路径替换_第4张图片

最后,将对应的application/index/view/index.html文件中引入文件的路径进行替换。(用__static__)就可以了。至于为什么一定要将特定路径下的文件夹取名为static,那是因为框架就是这么编写的。。。

总结:

主要也就是做以下几件事

1.准备模板。将下载的后台模板的资源文件lib和static复制到public目录下的static文件夹中

2.验证application文件夹中的index文件是否可行。先去application/index文件夹,会看到controller文件夹。在同一级创建view文件夹,在view文件夹中创建index文件夹,同时随便写个index.html文件。也就是说,要达到这样的效果:application/index/view/index/index.html   另外,要想验证是否显示成功,还要将application/index/controller/Index.php文件中的return返回值改成view()就可以了。这样一来控制器就会控制显示的结果为view/index.html

3.加载资源文件。做完上面两步,只能显示字体,无法显示效果。原因是因为application/index/view/index/index.html中的调用资源路径错误。(这时候,已经将index.html替换成了我们想变的模板的index.html,而不是随便写的index.html)因此,还需要用到thinkphp中的常量__STATIC__,这个常量的值是“根目录下的static”。若想查看具体的__STATIC__以及其他常量的定义。可以去thinkphp/library/think/view/view.php查看详细代码。下面再切换到application/index/view/index/index.html文件,查看源代码,找到需要加载的JavaScript路径以及css路径,利用__STATIC__进行替换,替换成根目录下的static/即可。如下图:

12月13日上午:模板导入与资源文件路径替换_第5张图片

而所谓的根目录,也就是public目录。因此,第一步复制粘贴的时候得注意路径了。

你可能感兴趣的:(12月13日上午:模板导入与资源文件路径替换)