在前几讲里，我们逐渐实现了自己小模块的新闻列表展示、新闻详情展示功能，现在您已经初步有能力开发一个phpWeChat小模块了，本文将在已开发的hello world模块基础上，增加一个新的功能——新闻投稿。

今天我们进入《10天学会phpWeChat》系列教程的第五天：实现新闻投稿功能，通过今天的学习，希望大家对phpWeChat的表单提交、数据入库有个清晰的认识。

我们定义，投稿的链接为：http://www.example.com/index.php?m=hello&a=tougao，如同以前的情况，目前直接访问改地址，肯定是报模板不存在的错误的，针对这个链接我们需要建立对应的模型处理函数、控制器路由以及对应的视图文件。

1、创建投稿视图文件 template/default/tougao.html

在视图文件里，我们创建一个表单用来提交文章数据

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>投稿</title>

 </head>

 <body>

 <form action="{U('hello','tougaosave')}" method="post" name="tougaoform">

     标题：<input type="text" name="info[title]" size="36" />

     <br />

     内容：<textarea name="info[content]" cols="55" rows="5"></textarea>

     <br />

     <input type="submit" value="投稿" />

 </form>

 </body>

 </html>

访问http://www.example.com/index.php?m=hello&a=tougao，效果如下：

在以上的视图表单代码中，我们定义了form提交后的action为http://www.example.com/index.php?m=hello&a=tougaosave。因此我们需要在控制器里添加这个case 'tougaosave'：路由来实现对应的数据保存逻辑。

2、编辑前端控制器文件index.php

 <?php

     use wechat\hello\hello;

     use phpWeChat\Area;

     use phpWeChat\CaChe;

     use phpWeChat\Config;

     use phpWeChat\Member;

     use phpWeChat\Module;

     use phpWeChat\MySql;

     use phpWeChat\Order;

     use phpWeChat\Upload;

     !defined('IN_APP') && exit('Access Denied!');

     switch($action)

     {

         case 'index':

             //从数据表读取数据并赋给数组$data

             $data=Hello::dataList();

             break;

         case 'detail':

             $data=Hello::dataGet($id); //$id 可以改成$_GET['id']

             break;

         case 'tougao':

             break;

         case 'tougaosave':

             print_r($info);

             exit();

             break;

         //以下 case 条件仅为 示例。您可以根据业务逻辑自由修改和拓展

         //case 'index':

             //在此写 index.php?m=hello&a=index 时的逻辑

             //break;

         //case 'list':

             //在此写 index.php?m=hello&a=list 时的逻辑

             //break;

         //以此类推...

         //case '...':

             //在此写 index.php?m=hello&a=... 时的逻辑

             //break;

         default:

             break;

     }

 ?>

在以上的控制器中，我们通过

 case 'tougaosave':

             print_r($info);

             exit();

             break;

来实现提交的数据处理。这里暂时只打印下数据。

效果如下：

3、编辑模型类文件（include/hello.class.php），增加处理方法来实现数据真正入库

 <?php

 // +----------------------------------------------------------------------

 // | phpWeChat hello 操作类 Last modified 2016-12-28 00:02:22

 // +----------------------------------------------------------------------

 // | Copyright (c) 2009-2016 phpWeChat http://www.phpwechat.com All rights reserved.

 // +----------------------------------------------------------------------

 // | Author: 骑马的少年 <phpwechat@126.com> <http://www.phpwechat.com>

 // +----------------------------------------------------------------------

 namespace wechat\Hello;

 use phpWeChat\Area;

 use phpWeChat\CaChe;

 use phpWeChat\Config;

 use phpWeChat\DataInput;

 use phpWeChat\DataList;

 use phpWeChat\Member;

 use phpWeChat\Module;

 use phpWeChat\MySql;

 use phpWeChat\Order;

 use phpWeChat\Upload;

 class Hello

 {

     public static $mPageString=''; // 这个静态成员是系统自带，请勿删除

     private static $mArticleTable='wechat_hello_article';

     static public function dataList()

     {

         //DB_PRE常量是phpWeChat自带常量，指数据表前缀。

         $data=MySql::fetchAll("SELECT * FROM `".DB_PRE.self::$mArticleTable."` ORDER BY `id` DESC");

         return $data;

     }

     static public function dataGet($id)

     {

         //DB_PRE常量是phpWeChat自带常量，指数据表前缀。

         $id=intval($id);

         $data=MySql::fetchOne("SELECT * FROM `".DB_PRE.self::$mArticleTable."` WHERE `id` =".$id);

         return $data;

     }

     static function dataInsert($data)

     {

         return MySql::insert(DB_PRE.self::$mArticleTable,$data);

     }

 }

 ?>

在模型文件中，我们定义了dataInsert()方法来实现数据的数据库插入，此时我们正式修正控制器的操作：

4、最终的前端控制器文件index.php

 <?php

     use wechat\hello\hello;

     use phpWeChat\Area;

     use phpWeChat\CaChe;

     use phpWeChat\Config;

     use phpWeChat\Member;

     use phpWeChat\Module;

     use phpWeChat\MySql;

     use phpWeChat\Order;

     use phpWeChat\Upload;

     !defined('IN_APP') && exit('Access Denied!');

     switch($action)

     {

         case 'index':

             //从数据表读取数据并赋给数组$data

             $data=Hello::dataList();

             break;

         case 'detail':

             $data=Hello::dataGet($id); //$id 可以改成$_GET['id']

             break;

         case 'tougao':

             break;

         case 'tougaosave':

             //print_r($info);

             $op=Hello::dataInsert($info);

             if($op)

             {

                 echo '文章投稿成功，ID为'.$op;

             }

             else

             {

                 echo '文章投稿失败';

             }

             exit();

             break;

         //以下 case 条件仅为 示例。您可以根据业务逻辑自由修改和拓展

         //case 'index':

             //在此写 index.php?m=hello&a=index 时的逻辑

             //break;

         //case 'list':

             //在此写 index.php?m=hello&a=list 时的逻辑

             //break;

         //以此类推...

         //case '...':

             //在此写 index.php?m=hello&a=... 时的逻辑

             //break;

         default:

             break;

     }

 ?>

此时提交表单，提示如下图所示：

我们访问：http://www.example.com/index.php?m=hello&a=index 模块首页链接，则刚才投稿的文章已经显示出来：

至此，一个带有前端投稿功能的小模块顺利完成。我们离毕业已经越来越近了！：）

《10天学会phpWeChat》系列教程传送门：

10天学会phpWeChat——第五天：实现新闻投稿功能的更多相关文章

  1. 10天学会phpWeChat——第七天：创建一个自适应PC网站+H5移动端的模块

    本教程基于phpWeChat核心框架1.1.0+版本.下载地址:http://s.phpwechat.com/app_38026ed22fc1a91d92b5d2ef93540f20 通过前面六讲的系 ...

  2. 10天学会phpWeChat——第六天：实现新闻的后台管理

    通过前面五讲的系列教程,我们完成了一个简单模块的前端发布.列表展示.详情展示.实际生产环境中,所有前台的数据都会有对应的后台操作进行统筹管理.我们称之为后台管理系统. 今天,我们开始<10天学会 ...

  3. 10天学会phpWeChat——第四天：大U函数U()的使用

    在第三天,我们创建了一个"增强版"的文章模块,实现了数据从数据库到视图端展示的流程.但是我们仅仅是实现了数据列表的展示,对于文章详情等页面跳转并未涉及. 本文重点讲解phpWeCh ...

  4. 10天学会phpWeChat——第三天：从数据库读取数据到视图

    在第二天,我们创建了我们的第一个phpWeChat功能模块,但是比较简单.实际生产环境中,我们不可能有如此简单的需求.更多的情况是数据存储在MySql数据库中,我们开发功能模块的作用就是将这些数据从M ...

  5. 10天学会phpWeChat——第二天：hello world！我的第一个功能模块

    今天我们开始进入<10天学会phpWeChat>系列教程的第二天:创建我的第一个hello world! 功能模块. 1.登录后台,进入 系统设置--自定义模块,如图: 自定义模块参数说明 ...

  6. 10天学会phpWeChat——第一天：核心框架的目录结构

    phpWeCaht是一款优秀的PC网站+微信公共号开发框架. 本博客系列将图文结合,详细介绍phpWeChat 的使用方法,今天进入phpWeChat系列教程之<10天学会phpWeChat&g ...

  7. 10天学会phpWeChat——第八天：Form类，丰富表单提交的字段类型

    通过前面七讲的系列教程,我们完成了一个包含后台并自适应PC+h5移动端的文章管理模块. 在实际的生产环境中,文章投稿.商品上传等操作并不会简单局限于一个text和textarea组成的表单.在实际中, ...

  8. 10天学会phpWeChat——第九天：数据库增、删、改、查(CRUD)操作

    数据库的操作(CRUD)是一个现代化计算机软件的核心,尤其针对web应用软件.虽然在前面的几讲里,我们针对数据库操作大致有了一些了解,但今天我们需要再次强化下. 除了新瓶装老酒,我们今天还引入一个新的 ...

  9. 10天学会phpWeChat——第十天：phpWeChat的会员注册、登录以及微信网页开发

    通过前面的系列教程,我们系统的讲解了phpWeChat从视图端.控制器端到模型端的操作流程:熟悉了phpWeChat的目录结构:掌握了视图端模板如何创建一个丰富的表单和模型端如何操作数据库.这一切都是 ...

随机推荐

  1. Linux/Unix 线程同步技术之互斥量(1)

    众所周知,互斥量(mutex)是同步线程对共享资源访问的技术,用来防止下面这种情况:线程A试图访问某个共享资源时,线程B正在对其进行修改,从而造成资源状态不一致.与之相关的一个术语临界区(critic ...

  2. coding题都在考察我们的什么技能

    其实不是都在考我们的算法设计,有的时候算法简单,但是coding却可能不那么简单,比如下面这道题目: 题:写一个把字符串的IP地址变成32位整数的函数,要求考察程序健壮性. 这题初看起来一点都不难,但 ...

  3. Linux下使用NMON监控、分析系统性能

    一.下载nmon. 根据CPU的类型选择下载相应的版本:http://nmon.sourceforge.net/pmwiki.php?n=Site.Downloadwget http://source ...

  4. hdu 2069

    #include "stdio.h" int main(){ int num,i1,i2,i3,i4,i5,n; int n1,n2,n3,n4,n5; while(~scanf( ...

  5. MFC之TreeCtrl控件使用经验总结

    树形控件可以用于树形的结构,其中有一个根接点(Root)然后下面有许多子结点,而每个子结点上有允许有一个或多个或没有子结点.MFC中使用CTreeCtrl类来封装树形控件的各种操作.通过调用BOOL ...

  6. 01-04 Json和弹窗

    //JSON是一种数据格式//JSON比较像php里面的关联数组,它里面存的内容也是key和value成对存在的 </body><script type="text/jav ...

  7. magento的url中 去掉多余的目录层级

    有时我们需要仅仅显示一层目录的URL路径.而不要出现多个路径的现实,我们可以用以下方法修改: Edit  /app/code/core/Mage/Catalog/Model/Url.php 找到632 ...

  8. go语言的 数组、slice、map使用（转）

    golang群 点击加入 go语言的 数组.slice.map使用, 由于网上有很好的说明, 不需要再写了,请看这几篇: Go语言中的 Array, Slice和 Map 深入学习golang五篇,以 ...

  9. dwr和spring的整合

    1.dwr在spring配置文件的配置: <!-- 注意这里新增加的dwr tag, 为使其生效,文件头中要声明namespace --> <dwr:configuration /& ...

  10. Android中常见功能包描述(转)

    在Android中,各种包写成android.*的方式,重要包的描述如下所示:android.app :提供高层的程序模型.提供基本的运行环境android.content:包含各种的对设备上的数据进 ...