首页 / CSS / 解决ThinkPHP样式无法加载问题（CSS,JS）

解决ThinkPHP样式无法加载问题（CSS,JS）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了解决ThinkPHP样式无法加载问题（CSS,JS），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1374字，纯文字阅读大概需要2分钟。

内容图文

下面由thinkphp框架教程栏目给大家介绍解决ThinkPHP样式无法加载问题（CSS,JS）的方法，希望对需要的朋友有所帮助！

1.项目入口文件index.php

<?php
define('APP_NAME','APP');
define('APP_PATH','./APP/');
define('APP_DEBUG', true);
require_once './ThinkPHP/ThinkPHP.php';

2.项目配置文件APP/Conf/config.php中加入如下代码

'TMPL_PARSE_STRING' => array(        
'__PUBLIC__' =>__ROOT__.'/APP/Tpl/Public',        
'__JS__' => __ROOT__.'/APP/Tpl/Public/Js',        
'__CSS__' => __ROOT__.'/APP/Tpl/Public/Css',
    ),

之前CSS这里配置的是'__CSS__' => __PUBLIC__.'/Css' 然后就出现了无法加载CSS的问题
解决ThinkPHP样式无法加载问题（CSS,JS） - 文章图片

ROOT是系统常量，指示网站根目录地址，如我的localhost设置的是E:\www这个地方，然后在E:\www\ThinkPHPbbs创建了ThinkPHPbbs这个项目，那么ROOT指示的就是 localhost/ThinkPHPbbs

JS设置同

3.配置html
CSS:<link rel="stylesheet" href="__CSS__/lrtk.css" type="text/css">

JS:<script src="__JS__/jquery.min.js"></script>

正常加载效果如图
解决ThinkPHP样式无法加载问题（CSS,JS） - 文章图片

文件结构如图
解决ThinkPHP样式无法加载问题（CSS,JS） - 文章图片
（一些文件夹前面的红叉对整个的运行不会有影响，编辑器zend studio）

建议如果遇到无法加载样式的问题的话，可以查看下链接的路径，如我之前配置如下'__CSS__' => __PUBLIC__.'/Css'

查看网页元素的话就会如下显示
解决ThinkPHP样式无法加载问题（CSS,JS） - 文章图片

这里PUBLIC并没有解析出来

像后来那样配置'__CSS__' => __ROOT__.'/APP/Tpl/Public/Css'

查看样式
解决ThinkPHP样式无法加载问题（CSS,JS） - 文章图片

解析正常

以上就是解决ThinkPHP样式无法加载问题（CSS,JS）的详细内容。

本文系统来源：https://www.php.cn/phpkj/thinkphp/467907.html

内容总结

以上是互联网集市为您收集整理的解决ThinkPHP样式无法加载问题（CSS,JS）全部内容，希望文章能够帮你解决解决ThinkPHP样式无法加载问题（CSS,JS）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/275255.html

来源：【匿名】