再次用CodeIgniter实现简易blog

简介:


  天变冷了,人也变得懒了不少,由于工作的需要,最近一直在学习CodeIgniterCI)框架的使用,没有系统的从PHP基本语法学起,在网上靠百度谷歌,东拼西凑的实现了一些简单的功能。所以,老PHPer可以绕道了。

PHP实现简易blog

  参考该篇博客所实现的功能,重新用CI实现了一下。

  主要实现文章的添加、查看、删除、搜索。这里面最难实现的是文章分页,看似简单的功能,却费了一些功夫。

当然,离一个完整的系统还有很多功能没开发,这里只是简单引用了bootstrap的样式。

 

 

MVC模型                         

 

CI遵循于MVC模型,如果接触过其它基于MVC模型的web框架的话,理解起来还是比较简单的。

 

    web的开发主要就是在这三个目录下进行。

  • 控制器(controllers目录) 是模型、视图以及其他任何处理 HTTP 请求所必须的资源之间的中介,并生成网页。
  • 模型(models目录) 代表你的数据结构。通常来说,模型类将包含帮助你对数据库进行增删改查的方法。
  • 视图(views目录) 是要展现给用户的信息。一个视图通常就是一个网页,但是在 CodeIgniter 中, 一个视图也可以是一部分页面(例如页头、页尾),它也可以是一个 RSS 页面, 或其他任何类型的页面。

 

注:本文中的CI运行基于WAMPServer 环境。

 

 

创建模型                                                           

打开phpMyAdmin创建表。

 

这里主要基于该表设计,表名为“myblog”。

在.../application/config/database.php 添加数据库连接。

mysql默认密码为空,数据库名为“test”。“myblog”表在“test”库下创建。

 

下面实现数据模型层代码,主要是以CI的规则来操作数据库。

.../application/models/News_model.php

复制代码
<?php
class News_model extends CI_Model {
    public function __construct()
    {
        $this->load->database();
    }
    //获取所有blog
    public function blogs($w,$num,$offset)
    {    
        
        
        if($w == 1)
        {    
            $query = $this->db->get('myblog',$num,$offset);
            return $query->result_array();
        
        }elseif(strpos($w,"title like"))
        {
            $query = $this->db->query("select * from myblog where $w order by id desc limit 5;");
            return $query->result_array();
        
        }else{
        
            $query = $this->db->get('myblog',$num,$offset);
            return $query->result_array();
            
        }
        
    }
    
    //查看一篇blog
    public function up_blogs($id = FALSE)
    {
        if ($id === FALSE)
        {
            $query = $this->db->get('myblog');
            return $query->result_array();
        }
        //更新点击数
        $this->db->query("update myblog set hits=hits+1 where id='$id';");
        $query = $this->db->get_where('myblog', array('id' => $id));
        return $query->row_array();
    }
    
    //添加一篇blog
    public function add_blogs()
    {
        $this->load->helper('url');
        //$slug = url_title($this->input->post('title'), 'dash', TRUE);
        $d = date("Y-m-d");
        $data = array(
            'title' => $this->input->post('title'),
            'dates' => $d,
            'contents' => $this->input->post('text')
        );
        return $this->db->insert('myblog', $data);
    }
    //删除一篇blog
    public function del_blogs($id = FALSE){
        
        $this->load->helper('url');
        
        if ($id === FALSE)
        {
            $query = $this->db->get('myblog');
            return $query->result_array();
        }
        $array = array(
            'id' => $id
        );
        return $this->db->delete("myblog",$array);
        
    }
}
复制代码

 

 

创建控制                                                        

控制层一直起着承前启后的作用,前是前端页面,后是后端数据库。

.../application/controllers/News.php

复制代码
<?php
class News extends CI_Controller {
    public function __construct()
    {
        parent::__construct();
        $this->load->model('news_model');
        $this->load->helper('url_helper');
    }
    public function index()
    {
        $this->load->library('calendar'); //加载日历类
        parse_str($_SERVER['QUERY_STRING'], $_GET);
        $this->load->library('pagination');//加载分页类
        $this->load->model('news_model');//加载books模型
        $res = $this->db->get('myblog');//进行一次查询            
        $config['base_url'] = base_url().'index.php/news/index';//设置分页的url路径              
        $config['total_rows'] = $res->num_rows();//得到数据库中的记录的总条数             
        $config['per_page'] = '3';//每页记录数
        $config['prev_link'] = 'Previous ';
        $config['next_link'] = ' Next';
        
        $this->pagination->initialize($config);//分页的初始化
        
        if (!empty($_GET['key'])) {
            $key = $_GET['key'];
            $w = " title like '%$key%'";
            
        }else{
            $w=1;
            
        }
        
        $data['blogs'] = $this->news_model->blogs($w,$config['per_page'],$this->uri->segment(3));//得到数据库记录
        
        $this->load->view('templates/header');
        $this->load->view('news/index', $data);
        $this->load->view('templates/footer');
        
    }
    public function view($id = NULL)
    {
        $this->load->library('calendar'); 
        $data['blogs_item'] = $this->news_model->up_blogs($id);
        if (empty($data['blogs_item']))
        {
            show_404();
        }
        $data['title'] = $data['blogs_item']['title'];
        
        $this->load->view('templates/header');
        $this->load->view('./news/view', $data);
        $this->load->view('templates/footer');
    }
    
    public function del($id = NULL)
    {
        $this->news_model->del_blogs($id);
        //通过js跳回原页面
        echo'
            <script language="javascript"> 
                alert("create success!"); 
                window.location.href="http://localhost/CI_blog/index.php/news/"; 
            </script> ';        
    }
    
    public function create()
    {
        $this->load->library('calendar'); //加载日历类
        
        $this->load->helper('form');
        $this->load->library('form_validation');
        $data['title'] = 'Create a news item';
        $this->form_validation->set_rules('title', 'Title', 'required');
        $this->form_validation->set_rules('text', 'Text', 'required');
        if ($this->form_validation->run() === FALSE)
        {
            $this->load->view('templates/header', $data);
            $this->load->view('news/create');
            $this->load->view('templates/footer');
        }
        else
        {
            $this->news_model->add_blogs();
            
            //跳回blog添加页面
            echo'
            <script language="javascript"> 
                alert("create success!"); 
                window.location.href="http://localhost/CI_blog/index.php/news/create"; 
            </script> ';
            
        }
        
    }

}
复制代码

 

 

 

创建视图                                                         

为了让页面好看,使用了bootstrap。

 

定义页头:

.../application/views/templates/header.php

复制代码
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Blog Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">

    <link href="//v3.bootcss.com/examples/blog/blog.css" rel="stylesheet">

    <script src="//v3.bootcss.com/assets/js/ie-emulation-modes-warning.js"></script>
    
  </head>
复制代码

 

定义页尾:

.../application/views/templates/footer.php

复制代码
 <footer class="blog-footer">
      <p>Blog template built for <a href="http://getbootstrap.com">Bootstrap</a> by <a href="https://twitter.com/mdo">@mdo</a>.</p>
      <p>
        <a href="#">Back to top</a>
      </p>
    </footer>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="//v3.bootcss.com/assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>
复制代码

 不过,这里使用的bootstrap并非引用的本地。而是使用的CDN加速点。

 

blog首页

.../application/views/news/index.php

复制代码
<body>

    <div class="blog-masthead">
      <div class="container">
        <nav class="blog-nav">
          <a class="blog-nav-item active" href="#">Blog</a>
          <a class="blog-nav-item" href="//localhost/CI_blog/index.php/news/create">Create</a>
          <a class="blog-nav-item" href="#">Press</a>
          <a class="blog-nav-item" href="#">New hires</a>
          <a class="blog-nav-item" href="//localhost/CI_blog/index.php/login">Login</a>
      <form class="navbar-form navbar-right" method="get">
            <div class="form-group">
              <input type="text" name="key" placeholder="sreach" class="form-control">
            </div>
            <button type="submit" class="btn btn-success">Srecch</button>
          </form>

    
        </nav>
      </div>
    </div>

    <div class="container">

      <div class="row">

        <div class="col-sm-8 blog-main">

          <div class="blog-post">
        <br>
      
          <?php foreach ($blogs as $blogs_item): ?>

        <h2 class="blog-post-title"><?php echo $blogs_item['title']; ?></h2>
        
        <p class="blog-post-meta">
          <?php echo $blogs_item['dates']; ?>
          Reading:<?php echo $blogs_item['hits']; ?></a>
        </p>
        
        <div class="main">
          <?php echo iconv_substr($blogs_item['contents'],0,100); ?>...
        </div>
        <p><a href="<?php echo site_url('news/view/'.$blogs_item['id']); ?>">View article</a></p>
        <p><a href="<?php echo site_url('news/del/'.$blogs_item['id']); ?>">Delete</a></p>
      
        <?php endforeach; ?>
        <!--翻页链接-->
        <br><br><?php echo $this->pagination->create_links();?>
            
          </div><!-- /.blog-post -->
    
        </div><!-- /.blog-main -->

        <div class="col-sm-3 col-sm-offset-1 blog-sidebar">
          <div class="sidebar-module sidebar-module-inset">
            <h4>About</h4>
            <p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
          </div>
      <div class="sidebar-module sidebar-module-inset">
            <?php echo $this->calendar->generate(); ?>
          </div>
          <div class="sidebar-module">
            <h4>Archives</h4>
            <ol class="list-unstyled">
              <li><a href="#">March 2014</a></li>
              <li><a href="#">February 2014</a></li>
              <li><a href="#">January 2014</a></li>
              <li><a href="#">December 2013</a></li>
              <li><a href="#">November 2013</a></li>
              <li><a href="#">October 2013</a></li>
              <li><a href="#">September 2013</a></li>
              <li><a href="#">August 2013</a></li>
              <li><a href="#">July 2013</a></li>
              <li><a href="#">June 2013</a></li>
              <li><a href="#">May 2013</a></li>
              <li><a href="#">April 2013</a></li>
            </ol>
          </div>
          <div class="sidebar-module">
            <h4>Elsewhere</h4>
            <ol class="list-unstyled">
              <li><a href="#">GitHub</a></li>
              <li><a href="#">Twitter</a></li>
              <li><a href="#">Facebook</a></li>
            </ol>
          </div>
        </div><!-- /.blog-sidebar -->

      </div><!-- /.row -->

    </div><!-- /.container -->
复制代码

 

blog添加页面

.../application/views/news/create.php

复制代码
<!-- ckeditor编辑器源码文件 -->
  <script src="//cdn.ckeditor.com/4.5.5/standard/ckeditor.js"></script>
<body>

    <div class="blog-masthead">
      <div class="container">
        <nav class="blog-nav">
          <a class="blog-nav-item" href="//localhost/CI_blog/index.php/news">Blog</a>
          <a class="blog-nav-item active" href="#">Create</a>
          <a class="blog-nav-item" href="#">Press</a>
          <a class="blog-nav-item" href="#">New hires</a>
          <a class="blog-nav-item" href="#">About</a>
        </nav>
      </div>
    </div>


    <div class="container">

      <div class="blog-header">
        <h2 class="blog-title"><?php echo $title; ?></h2>
        <p class="lead blog-description">Please add an article.</p>
      </div>
  
      <div class="row">

        <div class="col-sm-8 blog-main">

          <div class="blog-post">
      

      <?php echo validation_errors(); ?>

      <?php echo form_open('news/create'); ?>

        <label for="title">Title</label><br/>
        <input type="input" name="title" /><br/>

        <label for="text">Contents</label><br/>
        <textarea rows="10" cols="80" name="text"></textarea><br/>
        <script type="text/javascript">CKEDITOR.replace('text');</script>

        <input type="submit" name="submit" value="Create news item" />

      </form>
  
          </div><!-- /.blog-post -->
      
        </div><!-- /.blog-main -->

        <div class="col-sm-3 col-sm-offset-1 blog-sidebar">
          <div class="sidebar-module sidebar-module-inset">
            <h4>About</h4>
            <p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
          </div>
      <div class="sidebar-module sidebar-module-inset">
            <?php echo $this->calendar->generate(); ?>
          </div>
          <div class="sidebar-module">
            <h4>Archives</h4>
            <ol class="list-unstyled">
              <li><a href="#">March 2014</a></li>
              <li><a href="#">February 2014</a></li>
              <li><a href="#">January 2014</a></li>
              <li><a href="#">December 2013</a></li>
              <li><a href="#">November 2013</a></li>
              <li><a href="#">October 2013</a></li>
              <li><a href="#">September 2013</a></li>
              <li><a href="#">August 2013</a></li>
              <li><a href="#">July 2013</a></li>
              <li><a href="#">June 2013</a></li>
              <li><a href="#">May 2013</a></li>
              <li><a href="#">April 2013</a></li>
            </ol>
          </div>
          <div class="sidebar-module">
            <h4>Elsewhere</h4>
            <ol class="list-unstyled">
              <li><a href="#">GitHub</a></li>
              <li><a href="#">Twitter</a></li>
              <li><a href="#">Facebook</a></li>
            </ol>
          </div>
        </div><!-- /.blog-sidebar -->

      </div><!-- /.row -->

    </div><!-- /.container -->
复制代码

这里使用了ckeditor 编辑器的使用我们可以创建带格式的文章。同样引的CDN。

 

最后,还要在routes.php文件中添加以下配置。

.../application/config/routes.php

复制代码
$route['news/create'] = 'news/create';
$route['news/view'] = 'news/view/$1';
$route['news/del'] = 'news/del/$1';
$route['news/news'] = 'news';
$route['news'] = 'news';
$route['default_controller'] = 'pages/view';
复制代码

 

好了,主要代码就这些了。感兴趣去github上看完整代码吧!

https://github.com/defnngj/ci_blog

 

PS:这只是为了练习而已,所以,各个功能很乱,并无打算写一个完整的系统。

 

目录
相关文章
|
移动开发 HTML5
html5在线咨询|h5在线客服(仿微信功能)
之前有开发过h5仿微信聊天,最近又尝试着开发了一个h5在线咨询系统,顾客可在线一对一聊天沟通,有些类似阿里旺旺聊天网页版,发送消息、表情(动图),发送图片,推送商品链接。
6687 0
|
数据挖掘 大数据
大数据分析师资格证书怎么考?大数据分析师资格证书好考吗?
大部分学生在大学的时候,就会努力多考证书。不同证书的含金量是不同的,那么数据分析师资格证书怎么考?数据分析师资格证书好考吗?认证大使小编带大家了解一下几个问题。
2136 0
大数据分析师资格证书怎么考?大数据分析师资格证书好考吗?
|
消息中间件 安全 关系型数据库
MySQL-优化INSERT、UPDATE和DELETE
MySQL MyISAM INSERT UPDATE DELETE Optimizing
430 0
|
小程序 搜索推荐 前端开发
拼多多联盟使用pid和custom_parameters进行备案
拼多多升级了API接口,为提升各个渠道搜索、推荐场景的个性化效果,多多进宝官方将针对api接口进行升级,需要渠道对如下接口进行备案,未进行上述调整的渠道可能会出现用户搜索、推荐报错(错误码sub_code:60001)。当然,因为没有使用到custom_parameters来标记用户进行跟单,所以易省多小程序里的拼多多不需要授权。
499 0
拼多多联盟使用pid和custom_parameters进行备案
|
前端开发 JavaScript 小程序
7 款最棒的开源 React UI 库测评 - 特别针对国内使用场景推荐
优秀的 React UI 组件库,帮我们节省开发时间,提高开发效率,统一设计语言。更棒的是内置的功能复杂,我们自己很难处理的常用组件,比如表格、表单、富文本编辑器、时间日期选择器、实时拖拽组件等,再进一步,还有帮我们把组件的轮子装好的 React admin 后台管理系统。本文推荐 7 款适用于中文使用者习惯的开源 React UI 库,特别针对国内使用场景推荐。
|
缓存 应用服务中间件 nginx
|
开发工具 git
git clone避坑的万能步骤
git clone避坑的万能步骤
1319 1
|
关系型数据库 MySQL Linux
MariaDB启动/停止/重启命令大全
MySQL在CentOS 7+版本后改名为MariaDB,码笔记分享mariadb重启、启动和停止命令: MariaDB启动/停止/重启命令 启动MariaDB命令:systemctl start mariadb.service 停止MariaDB命令:systemctl stop mariadb.service 重启MariaDB命令:systemctl restart mariadb.service以上为码笔记分享的MariaDB启动、停止和重启命令。
7938 0

相关产品

  • 云迁移中心