PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

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

藏色散人
藏色散人 转载
2021-01-04 17:37:38 3270浏览

下面由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

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'

查看样式
这里写图片描述

解析正常

声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除