0

我是codeigniter的新手。我有一个静态网页。我只想将其转换为动态网页。首先，我将所有文件粘贴view到codeigniter的MVC文件夹中。我有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');
   ?>

现在那里的错误是什么......或者我无法识别的任何其他错误？？......请帮助我。提前致谢...

4

3 回答 3

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">

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

于 2013-06-10T13:11:55.210 回答
1

Sasha 给出了一个很好的解决方案，但要回答您的问题：您所有的 CSS、图像、JS 不应位于应用程序文件夹中，而应位于与应用程序处于同一级别的文件夹中。assets是此类文件夹的通用名称。

于 2013-06-10T14:24:38.303 回答
0

试试这个：

  1. 在您的配置文件中，定义 base_url() ex, base_url() = 'yoursite';
  2. 在根目录中创建一个文件夹并将其命名为资源并将所有 css、js、img 文件夹放入其中
  3. 在您的 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>
于 2014-05-08T03:45:14.273 回答