TP5.1如何引入public下的CSS和JS文件

这篇文章主要介绍TP5.1如何引入public下的CSS和JS文件,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

公司主营业务:成都网站设计、成都网站制作、外贸网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出施甸免费做网站回馈大家。

先来看一下还未引入CSS样式和JS时,登录界面在浏览器中运行的效果。

TP5.1如何引入public下的CSS和JS文件

按F12查看源代码,发现出现报错,原因是没有找到我们引入的样式,因此无法导入文件。错误显示如下:

TP5.1如何引入public下的CSS和JS文件

那么我们如何引入CSS样式和JS样式呢?

1、讲模板所需要的JS和CSS方式public入口文件下的static,新建一个文件夹来存放后台需要的CSS和JS文件,这里是我将其命名为admin。

2、打开public入口文件下的index.php文件,在该文件下定义常量。

(1)本地项目添加:define('SITE_URL', 'http://127.0.0.1/项目名');

(2)线上项目:define('SITE_URL','http://'.$_SERVER['HTTP_HOST']);  建议使用

我这里以本地项目为例:

 // +----------------------------------------------------------------------  // [ 应用入口文件 ] namespace think;  // 加载基础文件 require __DIR__ . '/../thinkphp/base.php';  define('SITE_URL', 'http://127.0.0.1:8080/student'); // 支持事先使用静态方法设置Request对象和Config对象  // 执行应用并响应 Container::get('app')->run()->send();

3、在config文件夹下找到template.php模板引擎文件,添加如下代码(路径填写你需要引入的文件路径)

//模板参数替换 'tpl_replace_string' => [     '__STATIC__' => SITE_URL.'/public/static',  ],

也可以按照自己的实际情况进行配置,你也可以参考ThinkPHP5.1完全开发手册:https://www.php.cn/xiazai/shouce/1502

注意:在config下的template.php下增加这些,其中路径是根据自己Apache定义的根目录开始,这个很重要,因为网上其他说的都是从static开始,是因为他们设置Apache根目录就到了public这里,所以看清楚避免跳坑。

4、打开登录界面代码,修改head部分的代码,代码如下所示。

TP5.1如何引入public下的CSS和JS文件

5、访问,查看效果。

TP5.1如何引入public下的CSS和JS文件

以上是“TP5.1如何引入public下的CSS和JS文件”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


名称栏目:TP5.1如何引入public下的CSS和JS文件
网站地址:http://bzwzjz.com/article/gpceeh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 网站制作报价 成都网站设计 网站建设改版 移动手机网站制作 成都网站制作 成都网站建设 手机网站建设套餐 网站设计 重庆网站制作 温江网站设计 成都网站制作公司 成都网站制作 外贸网站设计方案 宜宾网站设计 成都网站设计公司 网站建设开发 高端网站建设 企业网站制作 达州网站设计 网站设计 泸州网站建设