Bagaimana untuk memperkenalkan gaya CSS dalam rangka kerja CI?-tutorial css-php.cn

Bagaimana untuk memperkenalkan gaya CSS dalam rangka kerja CI?

王林

Lepaskan： 2024-01-16 10:33:06

asal

646 orang telah melayarinya

Bagaimana untuk memperkenalkan gaya CSS dalam rangka kerja CI?

Kaedah pengenalan gaya CSS dalam rangka kerja CI memerlukan contoh kod khusus

CI (CodeIgniter) ialah rangka kerja PHP ringan yang digunakan secara meluas dalam pembangunan aplikasi web. Dalam rangka kerja CI, untuk menjadikan halaman web mempunyai gaya dan susun atur yang baik, kita perlu memperkenalkan gaya CSS. Artikel ini akan memperkenalkan cara memperkenalkan gaya CSS dalam rangka kerja CI dan menyediakan contoh kod khusus.

1 Secara langsung memperkenalkan gaya CSS ke dalam fail paparan

Dalam rangka kerja CI, fail paparan (View) bertanggungjawab untuk memaparkan halaman HTML. Kami boleh memperkenalkan gaya CSS terus ke dalam fail paparan untuk menukar rupa dan reka letak halaman. Berikut ialah langkah khusus:

Dalam rangka kerja CI, fail paparan biasanya disimpan dalam direktori application/views. Oleh itu, kita perlu mencipta fail paparan baharu dalam direktori ini dan namakannya example_view.php. 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>

Salin selepas log masuk

在上述代码中，我们使用了<link>标签来引入CSS样式表。其中，href属性的值是通过base_url()函数动态生成的，指向css/styles.css文件。这里假设CSS样式文件存放在CI框架的根目录下的css文件夹中。

接下来，我们需要在CI框架的控制器文件中指定加载该视图文件。打开application/controllers目录下的对应控制器文件，例如Example.php，在该文件中添加以下代码：

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

Salin selepas log masuk

在上述代码中，index()方法用于加载example_view.php视图文件。

最后，在浏览器中输入CI框架的URL，例如http://localhost/ci/index.php/example，即可看到具有CSS样式的示例页面。

二、使用CI框架的资源加载器

除了直接在视图文件中引入CSS样式外，CI框架还提供了一个资源加载器（Loader）的功能，用于加载CSS样式表、JavaScript文件等资源。以下是具体的步骤：

首先，在application/config/autoload.php文件中，找到以下代码并修改为：

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

Salin selepas log masuk

在上述代码中，我们将url助手库添加到自动加载的助手列表中，以便在视图文件中使用base_url()函数。

在控制器文件中，无需再手动调用资源加载器，只需将视图文件中的引入CSS样式的代码修改为以下形式：

<!DOCTYPE html>
<html>
<head>
    <title>示例页面</title>
    <?php echo link_tag('css/styles.css'); ?>
</head>
<body>
    <h1>这是一个示例页面</h1>
    <p>这是一段示例内容。</p>
</body>
</html>

Salin selepas log masuk

在上述代码中，我们使用了link_tag()函数来动态生成<link>标签，并加载css/styles.css

Dalam fail example_view.php, tambahkan kod berikut:

rrreee

<link>

href

base_url()

css/styles.css

css

Seterusnya, kita perlu menentukan fail paparan untuk dimuatkan dalam fail pengawal rangka kerja CI. Buka fail pengawal yang sepadan dalam direktori application/controllers, seperti Example.php dan tambahkan kod berikut pada fail:

rrreee🎜Dalam kod di atas, index() digunakan untuk memuatkan fail paparan example_view.php. 🎜

http://localhost/ci/index.php/example

application/config/autoload.php

Pustaka pembantu url

base_url()

link_tag()

<link>

css/styles.css

Atas ialah kandungan terperinci Bagaimana untuk memperkenalkan gaya CSS dalam rangka kerja CI?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!