Question

我是Codeigniter的新手...我有一些基本的想法......但还不够。小时谈论这个问题....

我有一个静态的网站..它很快会动态。现在这个静态网站包含css，css forlder中的css3，javascript文件夹中的javascript，图像文件夹中的图像。现在我想将这个静态网站设置为codeigniter .I复制将包括index.php和其他页面以及文件夹（css，javascript.images）在内的整个代码粘贴到codeigniter的view文件夹中。对于所有类型的信息，我的index.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 href='http://fonts.googleapis.com/css?family=Great+Vibes' 
rel='stylesheet' type='text/css'>-->
<script src="<?= base_url() ?>path/images/js/jquery-1.7.min.js"></script>
<script src="<?= base_url() ?>path/images/js/jquery.easing.1.3.js"></script>
<script src="<?= base_url() ?>path/images/js/tms-0.4.1.js"></script>
<script src="<?= base_url() ?>path/images/js/vpb_script.js"></script>
<script src="<?= base_url() ?>path/images/js/pop.js"></script>

<!--start popup window ref-->
<link href="css/colorbox.css" rel="stylesheet" type="text/css" media="all" />
<script src="<?= base_url() ?>path/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="bg-top">-->
<div class="bgr">
<!--==============================Wrapper=================================-->
<div class="wrapper">
<?php 
   include_once('header.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');
   ?>

我的控制者就是那样......

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


}

＆GT;

问题是我的网页正在加载但没有设计，可能没有找到javascript或css

我知道我在这里犯了一个错误......我无法解决它，请帮我解决..

Answer 1

通常我们将所有类似文件放入应用程序根目录中的“assets”文件夹中，然后确保使用Asset_Helper指向这些文件。这就是CodeIgniter所建议的

Answer 2

文件夹（css，javascript，images）不应粘贴到views文件夹中，而应粘贴到Code Igniter index.php所在的文件夹中。（通常是application文件夹的父文件夹，即您的站点公共根目录。）

Answer 3

您可以将<?= base_url() ?>添加到所有css链接。

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

Answer 4

有一个更全面的答案here。您可能想要考虑将css目录放在application / views目录中可能会发生的权限问题。在应用程序目录之外创建一个资产目录，并通过将其加载到控制器中来使用URL帮助程序，如this。

css，javascript路径在codeigniter中识别

4 个答案: