当前位置 : 主页 > 编程语言 > 其它开发 >

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

来源:互联网 收集:自由互联 发布时间:2021-08-14
下面由 thinkphp 框架教程栏目给大家介绍解决ThinkPHP样式无法加载问题(CSS,JS)的方法,希望对需要的朋友有所帮助! 1.项目入口文件index.php ?phpdefine(APP_NAME,APP);define(APP_PATH,./APP/);define(A
下面由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)的详细内容,更多请关注自由互联其它相关文章!

网友评论