解决ThinkPHP样式无法加载问题（CSS,JS）-ThinkPHP-PHP中文网

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

藏色散人

发布： 2021-01-04 17:37:38

转载

3637人浏览过

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

立即学习“PHP免费学习笔记（深入）”；

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）的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

thinkphp数据库迁移和数据填充怎么用 thinkphp查询作用域(scope)如何简化查询 thinkphp session无法保存或跨控制器失效怎么办 thinkphp如何防止SQL注入和XSS攻击 thinkphp项目如何平滑升级到最新版本