插件窝 干货文章 解决ThinkPHP样式无法加载问题(CSS,JS)

解决ThinkPHP样式无法加载问题(CSS,JS)

amp strong css 39 928    来源:    2024-10-27

下面由thinkphp/" target="_blank">thinkphp框架教程栏目给大家介绍解决thinkphp样式无法加载问题(css,js)的方法,希望对需要的朋友有所帮助!

1.项目入口文件index.php

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

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

&#39;TMPL_PARSE_STRING&#39; => array(        
&#39;__PUBLIC__&#39; =>__ROOT__.&#39;/APP/Tpl/Public&#39;,        
&#39;__JS__&#39; => __ROOT__.&#39;/APP/Tpl/Public/Js&#39;,        
&#39;__CSS__&#39; => __ROOT__.&#39;/APP/Tpl/Public/Css&#39;,
    ),

之前CSS这里配置的是'__CSS__' => __PUBLIC__.'/Css' 然后就出现了无法加载CSS的问题

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

立即学习“PHP免费学习笔记(深入)”;

JS设置同

3.配置html
CSS:

JS:

正常加载效果如图
这里写图片描述

文件结构如图
文件结构
(一些文件夹前面的红叉对整个的运行不会有影响,编辑器zend studio)

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

查看网页元素的话就会如下显示
这里写图片描述

这里PUBLIC并没有解析出来

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

查看样式
这里写图片描述

解析正常