ホームページ > 記事 > ウェブフロントエンド > CI フレームワークに CSS スタイルを導入するにはどうすればよいですか?

CI フレームワークに CSS スタイルを導入するにはどうすればよいですか?

王林オリジナル: 2024-01-16 10:33:06602ブラウズ

CI フレームワークでの CSS スタイルの導入方法には具体的なコード例が必要です

CI (CodeIgniter) は、Web アプリケーション開発で広く使用されている軽量の PHP フレームワークです。 CI フレームワークでは、Web ページのスタイルとレイアウトを適切にするために、CSS スタイルを導入する必要があります。この記事では、CI フレームワークに CSS スタイルを導入する方法と、具体的なコード例を紹介します。

1. CSS スタイルをビューファイルに直接導入する

CI フレームワークでは、ビューファイル (View) が HTML ページのレンダリングを担当します。 CSS スタイルをビューファイルに直接導入して、ページの外観とレイアウトを変更できます。具体的な手順は次のとおりです。

CI フレームワークでは、通常、ビューファイルは 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 など) を開き、そのファイルに次のコードを追加します。上記のコードでは、index()

example_view.php

ビューファイルをロードします。 最後に、ブラウザに CI フレームワークの URL (http://localhost/ci/index.php/example

など) を入力すると、CSS スタイルが表示されます。サンプルページ。

2. CI フレームワークのリソースローダーの使用

まず、

application/config/autoload.php

ファイルで次のコードを見つけて、次のように変更します。

class Example extends CI_Controller {
    public function index() {
        $this->load->view('example_view');
    }
}

base_url() 関数を使用するために、自動的にロードされるヘルパーリストに url

#コントローラーファイルでは、リソースローダーを手動で呼び出す必要はありません。ビューファイル内の CSS スタイルを導入するコードを次の形式に変更するだけです:

$autoload['helper'] = array('url');

上記のコードでは、link_tag()

関数を使用して

タグを動的に生成し、

ブラウザに CI フレームワークの URL を入力すると、CSS スタイルを含むサンプルページが表示されます。 概要: この記事では、CI フレームワークに CSS スタイルを導入する 2 つの方法を紹介します。CSS スタイルをビューファイルに直接導入する方法と、CI フレームワークのリソースローダーを使用する方法です。どの方法を使用しても、CI フレームワークのページにスタイルとレイアウトを簡単に追加できます。この記事が、CI フレームワークで CSS スタイルを扱う際に役立つことを願っています。

以上がCI フレームワークに CSS スタイルを導入するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php JavaScript css html href 样式表 http

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：CSS サードパーティフレームワークの導入が Web デザインに及ぼす影響を調査する次の記事：CSS サードパーティフレームワークの導入が Web デザインに及ぼす影響を調査する

続きを見る