Jak dołączyć plik Javascript lub CSS do Yii Framework?
Chcę utworzyć stronę w mojej witrynie, na której jest uruchomiona niewielka aplikacja JavaScript, więc chcę dołączyć pliki .js
i .css
pliki w określonym widoku.
javascript
php
css
yii
viji
źródło
źródło
Możesz to zrobić, dodając
źródło
Lubiłem odpowiadać na to pytanie.
Jest wiele miejsc, w których mamy pliki css i javascript, takie jak folder css, który jest poza folderem chronionym, pliki css i js rozszerzeń i widżetów, które musimy dołączyć zewnętrznie, gdy często używamy ajax, pliki js i css rdzenia ramy, które również musimy czasami uwzględnić zewnętrznie. Więc są sposoby na zrobienie tego.
Dołącz podstawowe pliki js frameworka, takie jak jquery.js, jquery.ui.js
Dołącz pliki z folderu css poza chronionym folderem.
Dołącz pliki css i js z rozszerzenia lub widżetów.
Tutaj fancybox jest rozszerzeniem umieszczonym w chronionym folderze. Dołączane przez nas pliki mają ścieżkę: / protected / extensions / fancybox / asset /
Możemy również dołączyć podstawowe pliki framework: Przykład: Włączam plik js CListView.
Więcej szczegółów w moim artykule na blogu
źródło
Łatwo w twoim conf / main.php. To jest mój przykład z bootstrapem. Możesz to zobaczyć tutaj
źródło
W widoku dodaj następujące elementy:
Zwróć uwagę na drugi parametr podczas rejestracji pliku js, jest to pozycja twojego skryptu, kiedy ustawiasz go CClientScript :: POS_END, pozwalasz, aby HTML renderował się przed załadowaniem javascript.
źródło
Istnieje wiele metod, które możemy dołączyć javascript, css do Twojej aplikacji Yii . Dzisiaj pokażę trzy proste i pomocne metody.
Prosty sposób na dodanie js, css poprzez edycję config / main.php
Korzystanie z getClientScript
Zazwyczaj dodajemy blok kodu do kontrolera lub układu motywu
Lub krócej:
Dołącz pliki core js
Szybszy dokument API Yii: http://yii.codexamples.com/
źródło
$baseUrl = Yii::app()->baseUrl; $cs = Yii::app()->getClientScript(); $cs->registerScriptFile($baseUrl.'/js/yourscript.js'); $cs->registerCssFile($baseUrl.'/css/yourcss.css');
w kontrolerze, gdzie przypisuję$cs
później? Co więcej, w moimactionView
kontrolerze mam ten wiersz$this -> render('view', array('model' => $this -> loadModel($id), ));
, czy powinienem go tutaj umieścić?Aby umieścić pliki JS i CSS w określonym widoku, możesz to zrobić za pomocą kontrolera, przekazując parametry
false, true
, które będą zawierały CSS i JS, np .:źródło
tutaj jest dobre rozwiązanie do korzystania ze skryptów CDN i offline
Używam tego kodu w każdej aplikacji, którą tworzę, więc możesz go używać w dowolnej aplikacji.
Dołączone skrypty:
KROK 1:
umieść ten kod w config / main.php
KROK 2:
utwórz folder resoreses w głównym folderze aplikacji i umieść tam swój skrypt
KROK 3:
umieść ten kod w pliku components / controller.php
KROK 4:
wywołaj takie funkcje w //layouts/main.php
źródło
Zrób coś takiego, dodając te linie do plików widoku;
źródło
Ponadto, jeśli chcesz dodać zasoby modułów, zarówno CSS, jak i JS, możesz użyć następującej logiki. Zobacz, jak musisz wskazać poprawną ścieżkę do getPathOfAlias :
Powyższy kod pochodzi z aplikacji sklepu internetowego opartej na GPL Yii .
źródło
Możesz także dodać skrypty z akcji kontrolera. Po prostu dodaj tę linię w metodzie akcji, a skrypt pojawi się tylko w tym widoku:
gdzie POS_HEAD mówi frameworkowi, aby umieścić skrypt w sekcji head
źródło
We frameworku Yii możesz dołączyć js i css używając poniższej metody.
W tym CSS:
W tym JS:
W tym obraz:
Uwaga: Używając koncepcji układu w yii, możesz dodać css i js zamiast określać w szablonie widoku.
źródło
źródło
link musi być wprowadzony na pierwszym znaczniku php na stronie widoku
źródło
Korzystanie z rozszerzenia bootstrap
mój plik css: themes / bootstrap / css / style.css
mój plik js: root / js / script.js
w theme / bootstrap / views / layouts / main.php
źródło
Był to również łatwy sposób na dodanie skryptu i css w main.php
źródło
Jeśli używasz motywu, możesz skorzystać z poniższej składni
dołącz plik CSS:
Dołącz plik JS
Jeśli nie używasz motywu
Użyj w ten sposób
źródło
źródło