찾다
PHP 프레임워크ThinkPHPThinkPHP 스타일을 로드할 수 없는 문제 해결(CSS, JS)

다음 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__' => __PUBLIC__.'/Css' 그런데 CSS를 로드할 수 없는 문제가 발생했습니다'__CSS__' => __PUBLIC__.'/Css' 然后就出现了无法加载CSS的问题
ThinkPHP 스타일을 로드할 수 없는 문제 해결(CSS, JS)

ROOT是系统常量,指示网站根目录地址,如我的localhost设置的是E:www这个地方,然后在E:wwwThinkPHPbbs创建了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>

正常加载效果如图
ThinkPHP 스타일을 로드할 수 없는 문제 해결(CSS, JS)

ThinkPHP 스타일을 로드할 수 없는 문제 해결(CSS, JS)如图
ThinkPHP 스타일을 로드할 수 없는 문제 해결(CSS, JS)
(一些文件夹前面的红叉对整个的运行不会有影响,编辑器zend studio)

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

查看网页元素的话就会如下显示
ThinkPHP 스타일을 로드할 수 없는 문제 해결(CSS, JS)

这里PUBLIC并没有解析出来

像后来那样配置'__CSS__' => __ROOT__.'/APP/Tpl/Public/Css'여기에 그림 설명 쓰기


ROOTThinkPHP 스타일을 로드할 수 없는 문제 해결(CSS, JS)는 웹사이트 루트 디렉터리 주소를 나타내는 시스템 상수입니다. 예를 들어 내 로컬 호스트가 설정되어 있습니다. E:www.로 이동한 다음 E:wwwThinkPHPbbs에서 ThinkPHPbbs 프로젝트를 생성한 다음

ROOT

는 localhost/ThinkPHPbbs

JS 설정이 html 🎜 CSS 구성과 동일함을 나타냅니다. rel="stylesheet" href ="__CSS__/lrtk.css" type="text/css">🎜🎜JS:🎜🎜정상적인 로딩 효과는 그림과 같습니다🎜여기에 사진 설명을 쓰세요🎜🎜파일 구조는 그림과 같습니다🎜파일 구조🎜 (일부 폴더 앞의 빨간색 십자가는 전체 작업에 영향을 주지 않습니다. 편집기는 zend studio입니다) 🎜🎜 추천합니다 스타일을 로드할 수 없는 문제가 발생하면 이전에 '__CSS__' => __PUBLIC__.'/Css'와 같이 구성한 것처럼 링크 경로를 확인할 수 있습니다. 🎜🎜웹 페이지 요소를 보면 다음과 같이 표시됩니다🎜여기에 그림 설명 쓰기🎜🎜여기🎜PUBLIC🎜가 구문 분석되지 않았습니다🎜🎜나중에 했던 것처럼 '__CSS__ 구성 ' => __ROOT__.'/APP/Tpl/Public/Css'🎜🎜보기 스타일🎜🎜🎜🎜파싱은 정상🎜🎜🎜

위 내용은 ThinkPHP 스타일을 로드할 수 없는 문제 해결(CSS, JS)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
이 기사는 csdn에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
ThinkPhp의 내장 테스트 프레임 워크의 주요 기능은 무엇입니까?ThinkPhp의 내장 테스트 프레임 워크의 주요 기능은 무엇입니까?Mar 18, 2025 pm 05:01 PM

이 기사는 ThinkPhp의 내장 테스트 프레임 워크에 대해 논의하여 장치 및 통합 테스트와 같은 주요 기능과 조기 버그 감지 및 개선 된 코드 품질을 통해 응용 프로그램 신뢰성을 향상시키는 방법을 강조합니다.

실시간 주식 시장 데이터 피드 구축에 ThinkPhp를 사용하는 방법은 무엇입니까?실시간 주식 시장 데이터 피드 구축에 ThinkPhp를 사용하는 방법은 무엇입니까?Mar 18, 2025 pm 04:57 PM

기사는 실시간 주식 시장 데이터 피드에 ThinkPHP를 사용하여 설정, 데이터 정확도, 최적화 및 보안 측정에 중점을 둡니다.

서버리스 아키텍처에서 ThinkPhp를 사용하는 데있어 주요 고려 사항은 무엇입니까?서버리스 아키텍처에서 ThinkPhp를 사용하는 데있어 주요 고려 사항은 무엇입니까?Mar 18, 2025 pm 04:54 PM

이 기사는 서버리스 아키텍처에서 ThinkPHP를 사용하기위한 주요 고려 사항에 대해 설명하고 성능 최적화, 무국적 설계 및 보안에 중점을 둡니다. 비용 효율성 및 확장 성과 같은 혜택을 강조하고 도전 과제를 해결합니다.

ThinkPHP 마이크로 서비스에서 서비스 검색 및로드 밸런싱을 구현하는 방법은 무엇입니까?ThinkPHP 마이크로 서비스에서 서비스 검색 및로드 밸런싱을 구현하는 방법은 무엇입니까?Mar 18, 2025 pm 04:51 PM

이 기사에서는 ThinkPHP 마이크로 서비스에서 서비스 검색 및로드 밸런싱 구현, 설정, 모범 사례, 통합 방법 및 권장 도구에 중점을 둡니다. [159 문자]

ThinkPhp의 종속성 주입 컨테이너의 고급 기능은 무엇입니까?ThinkPhp의 종속성 주입 컨테이너의 고급 기능은 무엇입니까?Mar 18, 2025 pm 04:50 PM

ThinkPhp의 IOC 컨테이너는 PHP apps.character 수 : 159의 효율적인 종속성 관리를위한 게으른 하중, 맥락 바인딩 및 메소드 주입과 같은 고급 기능을 제공합니다.

실시간 협업 도구를 구축하는 데 ThinkPhp를 사용하는 방법은 무엇입니까?실시간 협업 도구를 구축하는 데 ThinkPhp를 사용하는 방법은 무엇입니까?Mar 18, 2025 pm 04:49 PM

이 기사는 ThinkPhp를 사용하여 실시간 협업 도구를 구축하고 설정, WebSocket 통합 및 보안 모범 사례에 중점을 둡니다.

SaaS 애플리케이션 구축에 ThinkPhp를 사용하면 어떤 주요 이점이 있습니까?SaaS 애플리케이션 구축에 ThinkPhp를 사용하면 어떤 주요 이점이 있습니까?Mar 18, 2025 pm 04:46 PM

ThinkPhp는 가벼운 디자인, MVC 아키텍처 및 확장 성을 통해 SaaS 앱에 혜택을줍니다. 다양한 기능을 통해 확장 성을 향상시키고 개발 속도를 높이며 보안을 향상시킵니다.

ThinkPHP 및 RabbitMQ로 분산 작업 대기열 시스템을 구축하는 방법은 무엇입니까?ThinkPHP 및 RabbitMQ로 분산 작업 대기열 시스템을 구축하는 방법은 무엇입니까?Mar 18, 2025 pm 04:45 PM

이 기사는 설치, 구성, 작업 관리 및 확장성에 중점을 둔 ThinkPhp 및 RabbitMQ를 사용하여 분산 작업 큐 시스템을 구축합니다. 주요 문제는 고 가용성 보장, 손상과 같은 일반적인 함정을 피하는 것입니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)