Die Einführungsmethode von CSS-Stilen im CI-Framework erfordert spezifische Codebeispiele
CI (CodeIgniter) ist ein leichtes PHP-Framework, das häufig bei der Entwicklung von Webanwendungen verwendet wird. Um der Webseite einen guten Stil und ein gutes Layout zu verleihen, müssen wir im CI-Framework CSS-Stile einführen. In diesem Artikel wird die Methode zur Einführung von CSS-Stilen im CI-Framework vorgestellt und spezifische Codebeispiele bereitgestellt.
1. CSS-Stile direkt in die Ansichtsdatei einführen
Im CI-Framework ist die Ansichtsdatei (Ansicht) für die Darstellung der HTML-Seite verantwortlich. Wir können CSS-Stile direkt in die Ansichtsdatei einfügen, um das Erscheinungsbild und Layout der Seite zu ändern. Im Folgenden sind die spezifischen Schritte aufgeführt:
application/views
gespeichert. Daher müssen wir in diesem Verzeichnis eine neue Ansichtsdatei erstellen und sie example_view.php
nennen. application/views
目录下。因此,我们需要在该目录下创建一个新的视图文件,并命名为example_view.php
。example_view.php
文件中,添加以下代码:<!DOCTYPE html> <html> <head> <title>示例页面</title> <link rel="stylesheet" type="text/css" href="<?php echo base_url('css/styles.css'); ?>"> </head> <body> <h1>这是一个示例页面</h1> <p>这是一段示例内容。</p> </body> </html>
在上述代码中,我们使用了<link>
标签来引入CSS样式表。其中,href
属性的值是通过base_url()
函数动态生成的,指向css/styles.css
文件。这里假设CSS样式文件存放在CI框架的根目录下的css
文件夹中。
application/controllers
目录下的对应控制器文件,例如Example.php
,在该文件中添加以下代码:class Example extends CI_Controller { public function index() { $this->load->view('example_view'); } }
在上述代码中,index()
方法用于加载example_view.php
视图文件。
http://localhost/ci/index.php/example
,即可看到具有CSS样式的示例页面。二、使用CI框架的资源加载器
除了直接在视图文件中引入CSS样式外,CI框架还提供了一个资源加载器(Loader)的功能,用于加载CSS样式表、JavaScript文件等资源。以下是具体的步骤:
application/config/autoload.php
文件中,找到以下代码并修改为:$autoload['helper'] = array('url');
在上述代码中,我们将url
助手库添加到自动加载的助手列表中,以便在视图文件中使用base_url()
函数。
<!DOCTYPE html> <html> <head> <title>示例页面</title> <?php echo link_tag('css/styles.css'); ?> </head> <body> <h1>这是一个示例页面</h1> <p>这是一段示例内容。</p> </body> </html>
在上述代码中,我们使用了link_tag()
函数来动态生成<link>
标签,并加载css/styles.css
example_view.php
den folgenden Code hinzu: <link>
verwendet, um den CSS-Stil einzuführen Blatt. Unter anderem wird der Wert des Attributs href
dynamisch über die Funktion base_url()
generiert und verweist auf die Datei css/styles.css
. Hierbei wird davon ausgegangen, dass die CSS-Style-Dateien im Ordner css
im Stammverzeichnis des CI-Frameworks gespeichert sind. application/controllers
, z. B. Example.php
, und fügen Sie der Datei den folgenden Code hinzu: rrreee🎜Im obigen Code index()
wird verwendet, um die Ansichtsdatei example_view.php
zu laden. 🎜http://localhost/ci/index.php/example
, und Sie werden sehen die CSS Eine Beispielseite für den Stil. 🎜🎜🎜2. Verwenden Sie den Ressourcenlader des CI-Frameworks🎜🎜Neben der direkten Einführung von CSS-Stilen in die Ansichtsdatei bietet das CI-Framework auch eine Ressourcenlader-Funktion (Loader) zum Laden von CSS-Stylesheets, JavaScript-Dateien usw. Ressource. Im Folgenden sind die spezifischen Schritte aufgeführt: 🎜🎜🎜Suchen Sie zunächst in der Datei application/config/autoload.php
den folgenden Code und ändern Sie ihn in: 🎜🎜rrreee🎜Im obigen Code werden wir Folgendes tun Die URL-Hilfsbibliothek
wird zur Liste der automatisch geladenen Hilfsprogramme zur Verwendung mit der Funktion base_url()
in Ansichtsdateien hinzugefügt. 🎜link_tag()
verwendet, um das Tag <link>
dynamisch zu generieren und die Datei css/styles.css
zu laden Datei. 🎜🎜🎜Geben Sie die URL des CI-Frameworks in den Browser ein und Sie sehen eine Beispielseite mit CSS-Stilen. 🎜🎜🎜Zusammenfassung: 🎜🎜In diesem Artikel werden zwei Methoden zum Einführen von CSS-Stilen in das CI-Framework vorgestellt: das direkte Einführen von CSS-Stilen in die Ansichtsdatei und die Verwendung des Ressourcenladers des CI-Frameworks. Unabhängig davon, welche Methode verwendet wird, können Sie den Seiten des CI-Frameworks problemlos Stile und Layouts hinzufügen. Ich hoffe, dieser Artikel wird Ihnen beim Umgang mit CSS-Stilen im CI-Framework hilfreich sein. 🎜Das obige ist der detaillierte Inhalt vonWie führt man CSS-Stile in das CI-Framework ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!