Question

我是codeigniter的新手，在使用它开发我的网站时遇到很多问题。我正面临着基本的导航问题。首先，我要说明我的文件所在的位置。我的css，js和image文件位于根文件夹中，即application文件夹所在的位置。我的其他包含html，php，js代码的文件位于view文件夹中。我的控制器是这样的：

<?php

 class Saffron extends CI_Controller

{
   function index()
      {
       $this->load->view('header');
       $this->load->view('index');
               $this->load->view('footer');


     }  
 function book_table()
 {

   $this->load->view('book_table');
 }

    }
?>

我正在尝试从我的home页面导航到我的'book_table.php'页面。现在，请查看我浏览网页的nevigation.php页面（仅显示基本标题部分和锚标记）：

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Home</title>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
  <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
  <link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
  <link rel="stylesheet" type="text/css" media="screen" href="css/book.css">
  <!--<link href='http://fonts.googleapis.com/css?
  family=Great+Vibes' rel='stylesheet' type='text/css'>-->
  <script src="js/jquery-1.7.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/tms-0.4.1.js"></script>
  <script src="js/vpb_script.js"></script>
  <script src="js/pop.js"></script>

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

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

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

 <script>
    $(document).ready(function(){                   
        $('.slider')._TMS({
            show:0,
            pauseOnHover:true,
            prevBu:false,
            nextBu:false,
            playBu:false,
            duration:700,
            preset:'fade',
            pagination:true,
            pagNums:false,
            slideshow:8000,
            numStatus:false,
            banners:false,
            waitBannerAnimation:false,
            progressBar:false
        })      
    });
</script>
<style type='text/css'>
/*This will work for chrome */
    #vpb_general_button{
        padding:5px 2px 4px 2px;
    }

/*This will work for firefox*/
@-moz-document url-prefix() {
    #vpb_general_button{
        padding:5px 2px 6px 2px;
    }
}
</style>
<!--[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="nav_b">
    <nav>  
        <ul class="menu">
            <li ><a href="index.html">
                   Online Order
                 </a>
           </li>
            <li>
                 <a href="<?php echo base_url(); ?>
                   index.php/saffron/book_table">Book Table
                 </a>
            </li>
            <li><a href="#">
                  Gallery
                </a>
            </li>
            <li>
                 <a href="#">
                    About Us
                 </a>
            </li>
            <li>
                  <a href="#">
                    Awards
                  </a>
            </li>
            <li>
               <a href="#">
                 Contact Us
               </a>
            </li>
        </ul>
        <div class="clear"></div>
     </nav>
 </div>
</body>

现在问题是我可以导航我的Book table页面，但没有设计。它的加载就像一个基本的html页面，我无法理解它为什么会发生，因为它没有找到css，js和图像，不是吗？但我的主页找到所有并且很好，那么为什么不是页面（书籍表）我没有找到css，js和图像？

Answer 1

在此方案中，请使用base_url();。在application/config/config.php中指定$config['base_url'] = 'http://www.yoursite.com';
然后在视图中更改link href和script src

 <link rel="stylesheet" type="text/css" media="screen" href="<?php echo(base_url());?>css/reset.css">

 <script src="<?php echo(base_url());?>js/jquery-1.7.min.js"></script>

在codeigniter中开发的导航页面中缺少设计

1 个答案: