CodeIgniter 入门教程第一篇：信息发布，ci
CodeIgniter 入门教程第一篇：信息发布，ci
一、MVC
CodeIgniter 采用MVC架构即：控制层、模型层和视图层。
对应Application下面的文件夹 （图1）：
所有新建文件以.php结尾
视图层 view 文件夹放入HTML模板
模型层 model 存放对数据库操作的代码
控制层 controllers 存放进行逻辑判断的代码，从模型层取得数据然后输入到视图层，发送给用户。
图1
功能：
1. 模板增加输入表单
2. 控制器增加接收表单数据的代码，并对用户输入进行简单校验。
3. 在表单上方输出标题和正文，以及发布时间。
用到的知识点：CI helper类（url） 和 输入类（input），
以及CI ActiveRecord 和向模板传值。
二、初始配置
1. 链接数据库
修改数据库配置：/application/config/database.php
'hostname' => 'localhost',
'username' => 'root',
'password' => '',
'database' => 'test',
'dbdriver' => 'mysqli',
'dbprefix' => 'ts_',
2. 修改默认路由
CI框架采用单文件入口的方式，默认必须通过index.php来访问控制层。比如controllers文件夹下有个名为test的class类，test有个叫home的function，
则访问URL为：http://www.example.com/index.php/test/home
三、输出页面
1. 直接输出HTML模板
新建两个文件分别位于controllers文件夹和views文件夹
Test.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Test extends CI_Controller {
public function home()
{
$this->load->view('home');
}
}
home.php
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Home</title>
</head>
<body>
<h1 id="这是我们的主页">这是我们的主页</h1>
</body>
</html>
在浏览器打开类似如下地址：http://test.com/index.php/test/home
2. 插入数据库条目
创建数据库表ts_news
Test.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Test extends CI_Controller {
public function __construct()
{
parent::__construct();
$this->load->helper('url');
$this->load->model('news_model');
}
public function home()
{
$this->load->view('home');
}
public function add_news(){
$title = $this->input->get('title',TRUE);
$content = $this->input->get('content');
if ( (strlen($title) < 20 ) or (strlen($content) < 20 ) ){
echo '标题或正文内容过短';
return false;
}
$arr = array(
'id' => '',
'title' => $title,
'content' => $content,
'update_time' => time(),
'create_time' => time()
);
$check = $this->news_model->insert($arr,'news');
if ($check)
{
redirect('test/home');
}
else
{
echo '提交失败';
}
}
}
home.php
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Home</title>
</head>
<body>
<h1 id="这是我们的主页">这是我们的主页</h1>
<hr>
<form action="<?php echo site_url('test/add_news'); ?>">
<label for="title">标题</label>
<input type="text" name="title" value="">
<br>
<label for="content">正文</label>
<textarea name="content" id="" cols="30" rows="10"></textarea>
<br>
<input type="submit" value="提交" >
</form>
</body>
</html>
News_model.php
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class News_model extends CI_Model {
public function __construct()
{
parent::__construct();
$this->load->database();
}
public function insert($arr,$table)
{
$this->db->insert($table, $arr);
if ($this->db->affected_rows() > 0)
{
return $this->db->insert_id();
}
else
{
return FALSE;
}
}
}
412ded80-4884-4a2f-ae37-6ba69cdc4278
493498ee-0f5c-4676-9cec-38e5a3f3e6fd
3. 查询数据库并输出
News_model.php增加
public function get_all($table)
{
$this->db->select('*');
$query = $this->db->get($table);
$query = $query->result_array();
return $query;
}
Test.php 的 home修改为:
public function home()
{
$news = $this->news_model->get_all('news');
$data['news'] = $news;
$this->load->view('home',$data);
}
Home模板的body修改为：
<body>
<h1 id="这是我们的主页">这是我们的主页</h1>
<?php
foreach ($news as $key => $value) {
echo '<div>
<h3 id="value-title">'.$value['title'].'</h3>
<span>发布时间：'.date('Y-m-d H:i:s',$value['create_time']).'</span>
<p>'.$value['content'].'</p>
</div>';
}
?>
<hr>
<form action="<?php echo site_url('test/add_news'); ?>">
<label for="title">标题</label>
<input type="text" name="title" value="">
<br>
<label for="content">正文</label>
<textarea name="content" id="" cols="30" rows="10"></textarea>
<br>
<input type="submit" value="提交" >
</form>
</body>
刷新查看效果：
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
1359
52
Comment faire le centrage vertical de bootstrap
Apr 07, 2025 pm 03:21 PM
Utilisez Bootstrap pour implémenter Centering vertical: Flexbox Méthode: Utilisez les classes D-Flex, Justify-Content-Center et Align-Items-Center pour placer des éléments dans le conteneur Flexbox. Méthode de classe Align-Items-Center: Pour les navigateurs qui ne prennent pas en charge FlexBox, utilisez la classe Align-Items-Center, à condition que l'élément parent ait une hauteur définie.
Comment redimensionner le bootstrap
Apr 07, 2025 pm 03:18 PM
Pour ajuster la taille des éléments dans Bootstrap, vous pouvez utiliser la classe de dimension, qui comprend: ajuster la largeur: .col-, .w-, .mw-ajustement Hauteur: .h-, .min-h-, .max-h-
Comment utiliser le bouton bootstrap
Apr 07, 2025 pm 03:09 PM
Comment utiliser le bouton bootstrap? Introduisez Bootstrap CSS pour créer des éléments de bouton et ajoutez la classe de bouton bootstrap pour ajouter du texte du bouton
Quelle est la raison pour laquelle la table bootstrap affiche du code brouillé
Apr 07, 2025 am 11:30 AM
Les principales raisons de l'affichage du code brouillé sur la table bootstrap sont la non-correspondance de jeux de caractères, les problèmes de codage et la mauvaise compatibilité du navigateur. Les solutions incluent: 1. Confirmer la cohérence du jeu de caractères; 2. Vérifier l'encodage de transmission des données; 3. Remplacez un navigateur par une meilleure compatibilité; 4. Mettez à jour la version de la table bootstrap; 5. Confirmer que le format de données est correct; 6. Effacer le cache du navigateur.
Comment télécharger des fichiers sur bootstrap
Apr 07, 2025 pm 01:09 PM
La fonction de téléchargement de fichiers peut être implémentée via Bootstrap. Les étapes sont les suivantes: introduire les fichiers Bootstrap CSS et JavaScript; créer des champs d'entrée de fichier; créer des boutons de téléchargement de fichiers; gérer les téléchargements de fichiers (à l'aide de FormData pour collecter des données, puis envoyer au serveur); style personnalisé (facultatif).
Comment disposer bootstrap
Apr 07, 2025 pm 02:24 PM
Pour utiliser Bootstrap pour disposer d'un site Web, vous devez utiliser un système de grille pour diviser la page en conteneurs, lignes et colonnes. Ajoutez d'abord le conteneur, puis ajoutez les lignes dedans, ajoutez les colonnes dans la ligne et enfin ajoutez le contenu dans la colonne. La fonction de mise en page réactive de Bootstrap ajuste automatiquement la disposition en fonction des points d'arrêt (XS, SM, MD, LG, XL). Différentes dispositions sous différentes tailles d'écran peuvent être réalisées en utilisant des classes réactives.
Comment construire un framework bootstrap
Apr 07, 2025 pm 12:57 PM
Pour créer un framework bootstrap, suivez ces étapes: Installez Bootstrap via CDN ou installez une copie locale. Créez un document HTML et liez Bootstrap CSS à & lt; head & gt; section. Ajoutez un fichier JavaScript bootstrap au & lt; body & gt; section. Utilisez le composant bootstrap et personnalisez la feuille de style en fonction de vos besoins.
Comment insérer des photos sur bootstrap
Apr 07, 2025 pm 03:30 PM
Il existe plusieurs façons d'insérer des images dans Bootstrap: insérer directement les images, en utilisant la balise HTML IMG. Avec le composant d'image bootstrap, vous pouvez fournir des images réactives et plus de styles. Définissez la taille de l'image, utilisez la classe IMG-FLUID pour rendre l'image adaptable. Réglez la bordure en utilisant la classe IMG-border. Réglez les coins arrondis et utilisez la classe Roundée IMG. Réglez l'ombre, utilisez la classe Shadow. Redimensionner et positionner l'image, en utilisant le style CSS. À l'aide de l'image d'arrière-plan, utilisez la propriété CSS d'image d'arrière-plan.
