Question

我是codeigniter的新手。我有一个静态网页。我只想将其转换为动态网页。首先，我将所有文件粘贴在codeigniter的MVC的view文件夹中。我有css，javascript和images文件夹以及我的php文件。

我已经创建了这样的控制器..

<?php
  class Saffron extends CI_Controller
{
 function index()
     {
       $this->load->view('home');
     }   

}
?>

我的home.php页就是这样..

<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" 
media="screen" href="<?= base_url() ?>application/views/css/reset.css">
<link rel="stylesheet" type="text/css" 
media="screen" href="<?= base_url() ?>application/views/css/style.css">
<link rel="stylesheet" type="text/css" 
media="screen" href="<?= base_url() ?>application/views/css/slider.css">

<script src="<? echo base_url(); ?>application/views/js/jquery-1.7.min.js"></script>
<script src="<? echo base_url(); ?>application/views/js/jquery.easing.1.3.js"></script>
<script src="<? echo base_url(); ?>application/views/js/tms-0.4.1.js"></script>
<script src="<? echo base_url(); ?>application/views/js/vpb_script.js"></script>
<script src="<? echo base_url(); ?>application/views/js/pop.js"></script>

<!--start popup window ref-->
<link href="application/views/css/colorbox.css" 
rel="stylesheet" type="text/css" media="all" />
<script src="<? echo base_url(); ?>application/views/js/jquery_002.js"></script>
<script>
    $(document).ready(function(){

        $(".image_show").colorbox({rel:'image_show', transition:"fade"});

    });
</script>
<!--end popup window ref-->


<!--[if lt IE 8]>
   <div style=' clear: both; text-align:center; position: relative;'>
     <a href="http://windows.microsoft.com/en-US/
internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
       <img src="http://storage.ie6countdown.com/assets/100/
images/banners/warning_bar_0000_us.jpg" border="0" height="42" 
width="820" alt="You are using an outdated browser. For a faster, 
safer browsing experience, upgrade for free today." />
    </a>
  </div>
<![endif]-->
<!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>





<body>
<!--<div class="bg-top">-->
<div class="bgr">
<!--==============================Wrapper=================================-->
<div class="wrapper">
<!-----------------------Header --------------------------->
<header>
<div class="head">
    <h1>
        <a href="index.html">
<img src="<?php echo base_url(); ?>application/views/images/logo.jpg" alt=""></a>
        <a href="#" class="classname">sign up</a>
        <a href="javascript:void(0);" 
class="classname1" onClick="vpb_show_login_box();">login</a>
    </h1>
</div>



<?php 

   include_once('navigation.php');
   include_once('slider.php');
   include_once('offers.php');
   include_once('invite.php');
   include_once('testimonial.php');
   include_once('special_item.php');
   include_once('footer.php');
   include_once('popup.php');
   ?>

那么那里的错误是什么......或者我无法识别的任何问题？...请告诉我。在此先感谢...

Answer 1

你忘了在几个地方放回声。

我可以向您展示我将文件放入标题的解决方案。首先，我在根目录中创建了一个文件夹，并将其命名为 public ，并在该文件夹中为所需文档创建了文件夹（css，img，js ...）。在 constants.php 中，我做了这个：

$root = "http://".$_SERVER['HTTP_HOST'];
$root .= str_replace(basename($_SERVER['SCRIPT_NAME']),"",$_SERVER['SCRIPT_NAME']);
define('ABSOLUTE_PATH', str_replace('system/','', BASEPATH));
define('BASE', $root);
define('CSS', BASE . 'public/css/');
define('JS', BASE . 'public/js/');
define('IMG', BASE . 'public/img/');

所以在标题中你可以这样做：

<link rel="stylesheet" href="<?php echo  CSS ?>reset.css">

这是维护和更新文件的简便方法。

Answer 2

Sasha给出了一个很好的解决方案，但是要回答你的问题：所有的CSS，图像，JS都不应该驻留在应用程序文件夹中，而应该放在与应用程序相同级别的文件夹中。 assets是此类文件夹的通用名称。

Answer 3

试试这个：

在配置文件中，定义base_url（）ex，base_url（）=＆＃39; yoursite＆＃39;;
在根目录中创建一个文件夹并将其命名为资源并将所有css，js，img文件夹放入其中
在你的html / php视图文件中（例如application / views / test.php）以及html代码放这些php代码，例如

注意：不要担心在链接的每个js或css文件中回显base_url，因为已经定义了base。

<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="utf-8">
<base href="<?php echo base_url(); ?>" />
<link rel="stylesheet" type="text/css" media="screen" href="resource/css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="resource/css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="resource/css/slider.css">

<script src="resource/js/jquery-1.7.min.js"></script>
<script src="resource/js/jquery.easing.1.3.js"></script>
<script src="resource/js/tms-0.4.1.js"></script>
<script src="resource/js/vpb_script.js"></script>
<script src="resource/js/pop.js"></script>

无法找到css，js和图像

3 个答案: