今天我们开始进入《10天学会phpWeChat》系列教程的第二天：创建我的第一个hello world! 功能模块。

1、登录后台，进入 系统设置——自定义模块，如图：

自定义模块参数说明：

上级模块：上级模块一共三个选项：会员member （一般很少会在其下面建立模块）、pc电脑端（建立Pc访问的官网、单页、商城模块等）、wechat微信公共号端（建立微信公共号端访问的微官网、微资讯、微商城等）

这里我们可以根据实际需求选择，此处示例我们选择wechat。

模块名称：模块的中文名称，命名没特殊限制。此处我们命名为hello world。

模块文件夹：模块的目录名称，命名要求由2-32位英文、数字组成，不能含有其他字符。此处我们命名为hello。

如果上级模块选择wechat 将在 addons/wechat/addons/下自动创建相同名称的目录；

如果上级模块选择pc 将在 addons/pc/addons/下自动创建相同名称的目录；

如果上级模块选择member 将在 addons/member /addons/下自动创建相同名称的目录。

由于我们第一步选择的是wechat ，所以点击提交后会在addons/wechat/addons/下自动创建名称为hello的目录

管理菜单：此处的作用是为了指定后台管理控制器的方法。

点击提交，提示自定义模块创建成功。

2、编写前端控制器。

如上图所示，模块创建成功后，自动进到模块管理列表页面，我们点击“复制模块链接URL”，然后在浏览器粘贴这个URL（http://www.example.com/index.php?m=hello&a=index）访问。系统提示：模板不存在的错误，如下图所示：

这是因为我们还没有创建视图和编写控制器逻辑。

进入 addons/wechat/addons/hello 目录，如下图所示：

所有初始模块的目录结构都是相同的，其中：

admin目录是存储后台管理操作控制器和视图的目录；

include目录是存储模型操作类文件（xxx.class.php文件）和模块辅助函数文件（xxx.func.php）的目录；

index.php是前端访问控制器。

我们首先打开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 条件仅为 示例。您可以根据业务逻辑自由修改和拓展

         //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;

     }

 ?>

根据访问URL（http://www.example.com/index.php?m=hello&a=index ）的参数a 我们得出这个URL请求的是控制器的index路由。因此我们在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':

             exit('hello world!');

             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;

     }

 ?>

然后再次访问该URL，则出现了 hello world的文字。如图：

3、编写前端视图。

由于在 index 路由代码中，我们使用了exit，所以程序直接输出了hello world字符串，如果改成echo 这种非中断的输出，

 <?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':

             echo 'hello world!';

             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;

     }

 ?>

则会同样报模板不存在的错误，

实际，此时我们需要创建一个视图。

根据上面的错误提示，我们需要进入 addons/wechat/addons/hello 目录，创建一个template目录，并在template 目录下创建一个default目录，然后在default 目录下创建一个名称为index.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>

 </body>

 </html>

此时再次刷新URL，则不再报错，正常输出了hello world 字符串。

4、将控制器的变量到模板里显示。

前面的例子我们都是通过php的 echo、exit等直接输出字符串，视图似乎并没有起到应有的作用。

事实上，在真正的模块开发中，控制器一般用于获取变量，然后通过视图将变量的值多样化的呈现给用户。

控制器端:

 <?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':

             $str= 'hello world!';

             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;

     }

 ?>

视图端：

 <!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>

 {$str}

 </body>

 </html>

刷新URL，达到了同样的效果。

至此，一个小型的phpWeChat功能模块就诞生了。：）

注：本文是基于phpWeChat1.0.8版本讲解（下载地址：http://s.phpwechat.com/app_38026ed22fc1a91d92b5d2ef93540f20）。

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

10天学会phpWeChat——第二天：hello world！我的第一个功能模块的更多相关文章

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

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

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

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

  3. 10天学会phpWeChat——第五天：实现新闻投稿功能

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

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

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

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

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

  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. 自顶而下设计FPGA

    对IC设计而言,FPGA设计层级大致包括:系统级和行为级,RTL级,门级和晶体管级.然而更普遍的情况,FPGA只是用作实时数据采集控制.某些快速处理算法.PCIe\DDR3等高速数据通道,甚至某些简单 ...

  2. php+js实现分页

    使用onclick传递参数时,参数为空分页无效.因此无刷新页面时可利用js重新获取input的值同样通过get地址传递到分页显示的php页面.page参数接收和传递方式必须一致为post或get. j ...

  3. Android深度探索--HAL与驱动开发----第一章读书笔记

    1. Android的系统架构有四层,它的发展目前来说 是比较成熟的,流行于目前的市场.其架构包括四层(linux内核.C/C++代码库.Android SDK API.应用程序). 2. 驱动是直接 ...

  4. HTML 样式属性

    @charset "utf-8"; /* CSS Document */ <style> p{ /*背景与前景*/ background-color:#000;/*背景 ...

  5. understand dojo/domReady!

    require(["dojo/dom", "dojo/domReady!"], function(dom){ dom.byId("helloworld ...

  6. Maven生命周期

    Maven的生命周期抽象了构建的各个步骤,定义了他们的次序,但没有提供实现.Maven设计了插件机制.每个构建步骤都可以绑定一个或多个插件行为,而且Maven为大多数构建步骤编写并绑定了默认插件. M ...

  7. Jmeter增加压力机方法

    windows: 需要别人的机器也安装jmeter 在别人的机器上运行jmeter-server.bat 修改jmeter.properties文件,查找remote_hosts 原始:remote_ ...

  8. Excel中如何过滤复选框 How to filter checkbox column in Excel

    有个笨笨的小伙伴最近老跟Excel过不去. 她新加了一列checkbox,还想filter别人有没有选.写代码又不会,怎么办. 1. 首先,加这个checkbox 2. 然后新建一列,把这个check ...

  9. ASP.NET 学习记录之一

    (放着期末考试不复习,我每天废寝忘食地阅读从图书馆借来的ASP.NET相关专业书籍,到现在快一个星期,终于掌握了点东西,但是一拿到真刀真枪就做不出来什么了:老师把实验室打开,我就在这码码代码咯) As ...

  10. JavaScript HTML CSS外部链接

    HTML文件 <!--<html> <head><link rel="stylesheet" type="text/css" ...