如何彻底解决ThinkPHP项目CSS和JS样式无法正确加载的问题？

本文共计553个文字，预计阅读时间需要3分钟。

由ThinkPHP框架教程栏目为大家介绍如何解决ThinkPHP框架无法加载CSS、JS等资源的问题，希望对需要的朋友有所帮助！

1.项目入口文件index.php

php

下面由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的问题

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>

正常加载效果如图

文件结构如图

（一些文件夹前面的红叉对整个的运行不会有影响，编辑器zend studio）

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

查看网页元素的话就会如下显示

这里PUBLIC并没有解析出来

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

查看样式

解析正常

以上就是解决ThinkPHP样式无法加载问题（CSS,JS）的详细内容，更多请关注自由互联其它相关文章！