【在CodeIgniter中创建基本站点】在这里, 我们将学习如何在CodeIgniter的帮助下创建一个基本站点。
在controllers文件夹中, 我们将创建一个名为Form.php的文件。
<
?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Form extends CI_Controller { public function index()
{
$this->
load->
view('header');
$this->
load->
view('nav');
$this->
load->
view('content');
$this->
load->
view('footer');
}
}
?>
我们为页眉, 导航, 内容和页脚创建了不同的文件, 所有这些文件均已加载到contoller的文件中。
应用程序/视图中的文件header.php
<
!DOCTYPE html>
<
html>
<
head>
<
title>
Basic Site<
/title>
<
style type="text/css">
body, html{margin:0;
padding:0;
}body{
background-color:#eee;
}
h1, h2, h3, h4, p, a, li, ul{
font-family: arial, sans-serif;
color: black;
text-decoration: none;
}
#nav{
margin: 50px auto 0 auto;
width: 10000px;
background-color: #888;
height: 15px;
padding: 20px;
}#nav a:hover{
color: red;
}
#nav ul{
list-style: none;
float: left;
margin: 0 50px;
}#nav ul li{
display: inline;
}#content{
width: 1000px;
min-height: 100%;
margin: 0 auto;
padding: 20px;
}#footer{
width: 400px;
height: 15px;
margin: 0 auto;
padding: 20px;
}#footer p{
color: #777;
}
<
/style>
<
/head>
在应用程序/视图中文件nav.php
<
body>
<
div id="container">
<
div id="nav">
<
ul>
<
li>
<
a href="http://www.srcmini.com/#">
Home<
/a>
<
/li>
<
li>
<
a href="http://www.srcmini.com/#">
About Us<
/a>
<
/li>
<
li>
<
a href="http://www.srcmini.com/#">
Contact Us<
/a>
<
/li>
<
li>
<
a href="http://www.srcmini.com/#">
Career<
/a>
<
/li>
<
/ul>
<
/div>
在application / views中的文件content.php
<
div id="content">
<
h1>
Welcome to my site<
/h1>
<
p>
CodeIgniter is PHP driven framework but it's not a PHP substitute.
Diving into CodeIgniter doesn?t mean you are leaving PHP behind.
PHP is a server-side scripting language for building dynamic web-based applications.<
/p>
<
/div>
在应用程序/视图中的文件footer.php
<
div id="footer">
<
p>
Copyright (c) 2016 ABWorld.com All Rights Reserved<
/p>
<
/div>
<
/div>
<
/body>
<
/html>
最终输出如下所示, URL为localhost / site_example / index.php / Form。
文章图片
推荐阅读
- CodeIgniter方法详解
- CodeIgniter URL详解
- CodeIgniter第一个示例
- CodeIgniter控制器详解
- CodeIgniter视图view
- CodeIgniter模型详解
- CodeIgniter模型视图控制器(MVC)
- CodeIgniter架构详解
- CodeIgniter中的文件结构