目标
使用 CodeIgniter 创建一个简单的 Web 站点。该站点将有一个主页,显示一些宣传文本和一个表单,该表单将发布到数据库表中。
按照 CodeIgniter 的术语,可将这些需求转换为以下内容:
一个控制器,仅包含少数功能(可使用默认的 Welcome 控制器)
一个模型(以及一个数据库表),用于存储联系人信息
一个主视图,包含一些支持
NO1、创建数据库表和模型
从模型入手可帮助理解底层数据库表,之后再开始布设功能和 UI。如果对表将存储哪些内容认识不深,设计与表交互的表单将十分困难。
对于这个示例应用程序而言,希望存储的是来自表单的联系人信息。那么需要的是哪些类型的联系人信息?目前而言,仅存储基本信息,要求提供姓名、电子邮件地址、电话号码和简短备注。还可能希望在后台存储时间戳和 IP 地址。
1、数据库基本操作:
1 连接数据库:mysql -h主机地址 -u用户名-p用户密码2 数据库的提示符:mysql>
3 退出数据库:exit(回车)4显示数据库:show databases;5 建立数据库:create database库名;6 选择数据库:use数据库名;7显示数据库中的表:show tables;8显示数据表的结构:describe 表名;9 建表:create table 表名 (字段设定列表); 注:auto_increment 自增 primary key主键10 显示表中记录:SELECT * FROM表名;11 增加记录: insert into name(uname,gender,birthday) values('张三','男','1971-10-01');12 修改记录:update name set birthday='1971-01-10' where uname='张三';13 删除记录:delete from name where uname='张三';14 删除表:drop table表名;15 删除库:drop database库名;16 备份数据库:mysqldump -u root -p --opt 数据库名>备份名; //进入到库目录
17 恢复数据库:mysql -u root -p 数据库名
2、本项目中建立一个mw的数据库和一个contacts的数据表:
1 create databasemw;2 usemw;3 CREATE TABLE`contacts` (4 `id` int(11) NOT NULLauto_increment,5 `name` varchar(128) NOT NULL,6 `email` varchar(255) NOT NULL,7 `notes` text NOT NULL,8 `stamp` timestamp NOT NULL default CURRENT_TIMESTAMP on update CURRENT_TIMESTAMP,9 `ipaddress` varchar(32) NOT NULL,10 PRIMARY KEY(`id`)11 ) ENGINE=MyISAM;
3、配置信息:
application 文件夹中最重要的文件夹就是 config。该文件夹内有两个需要关注的文件:config.php 和 database.php。
config.php 文件包含设置 CodeIgniter 所需的基本参数和自变量。database.php 文件包含连接数据库所需的基本参数和自变量。
1 对于 config.php 文件,这里只需设置 base_url 参数,例如设置为 http://localhost/。2 $config['base_url'] = 'http://localhost/'
3 下面打开 database.php 文件,为数据库服务器设置 connection 参数:4 $db['default']['hostname'] = "your-db-host";5 $db['default']['username'] = "your-username";6 $db['default']['password'] = "your-password";7 $db['default']['database'] = "your-db-name";8 $db['default']['dbdriver'] ="mysql";9 修改为:10 $db['default']['hostname'] ="localhost";11 $db['default']['username'] ="root";12 $db['default']['password'] ="root";13 $db['default']['database'] ="mw";14 $db['default']['dbdriver'] = "mysql";
4、创建模型:
在 application/models 文件夹内,创建一个 contacts_model.php 文件。代码如下:
1 <?php2 class Contacts_model extendsCI_Model{3 function__construct()4 {5 parent::__construct ();6 }7 public functionadd_contact()8 {9 date_default_timezone_set('UTC');10 $now = date("Y-m-d H:i:s");11
12 $data = array(13 'name' => $this->input->post('name'),
14 'email' => $this->input->post('email'),
15 'notes' => $this->input->post('notes'),
16 'ipaddress' => $this->input->ip_address(),
17 'stamp' => $now
18 );19
20 $this->db->insert('contacts', $data);21 }22 }23 /*End of file contacts_model.php*/
24 /*Location: ./application/controllers/contacts_model.php*/
NO2、初始化控制器:
在 CodeIgniter 中,控制器用于组织项目。设想每个函数都是站点或应用程序的一个页面或目标。如果使用主页,就需要一个 index() 函数。如果有一个 About us 页面,就需要 about() 或 about_us() 函数 —— 具体取决于您希望怎样构造 URL。
进入application/controllers/ 文件夹,新建一个contacts.php文件。代码如下:
1 <?php2 /**3 * Contacts Class4 */
5 class Contacts extendsCI_Controller{6
7 function__construct()8 {9 parent::__construct();10 }11
12 functionindex()13 {14 $this->load->helper('form');15 $data['title'] = "Welcome to our Site";16 $data['headline'] = "Welcome!";17 $data['include'] = 'contacts_home';18 $this->load->vars($data);19 $this->load->view('contacts_view');20 }21 };22 /*End of file contacts.php*/
23 /*Location: ./application/controllers/contacts.php*/
设置可在视图内部使用的多个变量——通过这种方法,即可更好地组织应用程序。例如,可能希望在控制器中设置标题和标题栏。如果要这样做,就必须将变量载入视图。所载入的变量之一就是所包含视图的名称。通过这种方法,即可设置包含所有外观的主视图,以及包含内容的各包含项。
上面代码中$data 数组被传入到一个视图中(contacts_view)。数组内的信息可使用键名访问,如果希望输出标题栏,通过 $headline 访问它即可。
接下来,将创建视图,并完成控制器。
NO3、创建视图
在application/views 中的创建一个名为contacts_view.php的文件。代码如下:
1
2
3
4
5
<?php echo $title;?>6
7
8
9
<?php echo $headline;?>
10 <?php $this->load->view($include);?>
11
12
上面代码传入了三个变量:$title、$headline 和 $include(一个包含项的名称)。
在前两条php语句中,将分别显示在 $data['title'] 和 $data['headline'] 中找到的数据。随后使用 $data['include'] 的值载入第二个视图。在本例中为一个名为 contacts_home的视图(添加了少许CSS 代码)。其中包含一个文本块和一个从站点访问者处收集信息的表单:
contacts_home.php代码如下:
1
This is random text for the CodeIgniter article.
2 There's nothing to see here folks, just move along!
3Contact Us
4 <?php5 echo form_open('contacts/contactus');6 echo form_label('your name','name');7 $ndata = array('name' => 'name', 'id' => 'id', 'size' => '25');8 echo form_input($ndata);910 echo form_label('your email','email');11 $edata = array('name' => 'email', 'id' => 'email', 'size' => '25');12 echo form_input($edata);13
14 echo form_label('how can you help you?','notes');15 $cdata = array('name' => 'notes', 'id' => 'notes', 'cols' => '40', 'rows' => '5');16 echo form_textarea($cdata);17
18 echo form_submit('submit','send us a note');19 echo form_close();20 ?>
这里使用的是 Form 帮助程序,将其载入控制器。form_open()函数允许打开表单—— 它具有必要的自变量,即表单发布的目标位置。接下来,将返回控制器并添加 contact() 函数来处理表单发布数据。在表单中,使用了 form_label()来创建可访问的标签,使用 form_input() 和 form_textarea()来构建表单字段和文本区,使用form_submit()来构建输入按钮。这里,通过 form_input() 和 form_textarea()(以及其他表单函数),就可以传入一个信息数组,帮助跟踪字段名称、id、大小和其他信息。最后,使用form_close() 关闭表单。
再创建一个视图文件contacts_thanks.php。代码如下:
1
Thanks so much for contacting us. Someone will be in contact with you soon.
NO4、完成控制器
现在已经有了两个视图,因而需要重新回到控制器contacts.php,为其添加两个函数。
①处理主页上的表单传入的 POST 的 contactus() 函数。
②thankyou() 函数,它将用作该表单的最终确认页面。
contactus() 函数非常简单。载入 contacts_model 模型,运行该模型内的 add_contact() 函数,然后将用户转向 thanks 页面。请注意,要使用 redirect() 函数,必须载入 URL 帮助程序。
函数代码如下所示:
1 functioncontactus()2 {3 $this->load->helper('url');$this->load->model('contacts_model','',TRUE);4 $this->contacts_model->add_contact();5 redirect('contacts/thankyou','refresh');6 }7
8 functionthankyou()9 {10 $data['title'] = "Thank You!";11 $data['headline'] = "Thanks!";12 $data['include'] = 'contacts_thanks';13 $this->load->vars($data);14 $this->load->view('contacts_view');15 }
NO5、添加安全性
在控制器的 contactus() 函数中,有着在数据库中创建多条空记录的风险—— 这会导致某人连续将联系人目标载入其浏览器或使用某种类型的机器人。要避免此类情况发生,最简单的方法就是在控制器中添加简单的测试。如果存在 POST 数据,则载入模型和函数。如果没有,则将其返回主页。
修改后的函数如下所示:
1 functioncontactus()2 {3 $this->load->helper('url');4 if ($this->input->post('email'))5 {6 $this->load->model('contacts_model','',TRUE);7 $this->contacts_model->add_contact();8 redirect('contacts/thankyou','refresh');9 }10 else
11 {12 redirect('contacts/index','refresh');13 }14 }
NO6、结束语
至此,就创建了一个包含主页、将信息添加到数据库的表单和 thanks页面的 Web 站点。

NO7、效果展示——已解决
提交表单前

提交表单后

提交表单后数据库的变化(1为提交前一条记录,2为提交后两条记录)

本文介绍如何使用CodeIgniter框架快速搭建一个包含主页、表单提交及感谢页的简易Web站点。涵盖数据库配置、模型创建、控制器设计及视图布局等关键步骤。
954

被折叠的 条评论
为什么被折叠?



