Bluemix云端数据库服务使用示例———PHP投票程序

越来越多的服务走向云端,看不见摸不着,让没接触过的我感觉有些茫然,IBM的云平台Blumemix上提供了很多服务,我这里就把学习使用ClearDB MySQL Database服务的过程给大家分享一下。这是一个PHP的投票小程序,针对主题“你曾后悔进入 IT 行业吗?”展开投票功能,基于简单的Cookie操作判断用户有没有投过票,如果没有投过票,就显示投票选项和按钮,不显示投票结果;如果已经投票了,就直接显示投票结果,而不能再次投票。

构建一个类似的应用程序的前提条件

一个 Bluemix 帐户,您还没有? 点击这里注册,已经有,点击这里登录;

对 HTML(超文本标记语言)的基本了解;

对CSS (层叠样式表)的基本了解;

对JavaScript(一种直译式脚本语言)的基本了解;

对PHP 编程的基本了解;

对MySQL数据库及管理工具的基本了解;

对SQL语言的基本了解;

我提供了所有必要代码,但对这些技术的基本了解有助于您理解有关的细节。

步骤 1. 创建您的PHP应用程序

  1. 1、在 Bluemix 用户界面中,转至“仪表板”。

  2. 2、单击创建应用程序

  3. 3、单击 Web,然后按照指导经验来选择入门模板,指定名称以及选择编码方式。
  4. Bluemix云端数据库服务使用示例———PHP投票程序_第1张图片
  5. 输入应用程序名称
  6. Bluemix云端数据库服务使用示例———PHP投票程序_第2张图片
  7. 应用程序名称是唯一的,接下来要通过它做为二级域名来访问你的应用!
  8. 点击完成之后,需要等待一会儿,然后可以看到下图的界面
  9. Bluemix云端数据库服务使用示例———PHP投票程序_第3张图片
  10. 这时就可以访问你刚刚创建的应用了。如下图:
  11. Bluemix云端数据库服务使用示例———PHP投票程序_第4张图片

步骤 2. 添加语言翻译服务

  1. 可以通过单击 Bluemix 用户界面中应用程序“概述”上的添加服务或 API,将服务添加到应用程序中。也可以使用 cf 命令行界面。请参阅处理应用程序的可用选项。
  2. Bluemix云端数据库服务使用示例———PHP投票程序_第5张图片
  3. 在服务列表中选择数据库(ClearDB MySQL Database

  4. 您可以指定服务的名称,也可以使用默认的;

如果你事先已经创建了数据库服务,也可以直接绑定:

Bluemix云端数据库服务使用示例———PHP投票程序_第6张图片


Bluemix云端数据库服务使用示例———PHP投票程序_第7张图片

获取服务信息

进入自己的应用程序》概述页面,找到已经添加的服务,点击“显示凭证”,可以查看服务的具体信息:

Bluemix云端数据库服务使用示例———PHP投票程序_第8张图片

拿到凭证,我们就可以通过MysqL的客户端管理工具来连接管理数据库了:

1、连接数据库

如果你还没有安装Navicat for MySQL管理工具,请参考:MySQL学习(二)图形界面管理工具Navicat for MySQL安装和使用


2、创建数据表

注意:我们是没有权限创建数据库的,只能用默认创建好的;

Bluemix云端数据库服务使用示例———PHP投票程序_第9张图片

3、添加所需要的数据:

Bluemix云端数据库服务使用示例———PHP投票程序_第10张图片

步骤 3. 准备开发环境

有关开发环境搭建的细节,请参考下面的文章:

ThinkPHP学习(一) Windows下Nginx+PHP5+ThinkPHP_3.2.1的安装与配置


步骤 4.编写代码

1、下载初始Hello World示例代码

你可以下载入门示例参考,也可以完全自己写!

进入您的应用程序,点击左侧的开始编码,在右侧点击“下载入门模板代码”。

Bluemix云端数据库服务使用示例———PHP投票程序_第11张图片

也可以通过添加Git来下载代码。

2、使其在本地运行

1、将下载的入门模板代码解压并复制到你的PHP代码目录

Bluemix云端数据库服务使用示例———PHP投票程序_第12张图片

可以看出代码结构是很简单的;

4、在浏览器中访问:按环境配置中的步骤操作就好了。

3、编写代码

主要代码:“index.php”实现用户交互




Bluemix云端数据库服务使用示例———PHP投票程序 - 无知人生,记录点滴








" . $rowIdx . "
"; echo "
" . $row['vote_item'] . "
"; echo "
"; echo "
" . $row['vote_num'] . "
"; } mysql_close($con); ?>

vote.php 实现用户投票数据的记录

步骤 5. 本地运行访问

运行

启动Nginx和PHP服务

访问

启动调试后会自动打开浏览器窗口:

投票前:

Bluemix云端数据库服务使用示例———PHP投票程序_第13张图片
如果还没有投票,则显示投票选项和按钮,不显示投票结果;
投票后:
Bluemix云端数据库服务使用示例———PHP投票程序_第14张图片
通过简单的Cookie操作,判断用户的投票状态;如果已经投过票,就不会再出现投票选项和按钮了,除非用户清空Cookie或修改Cookie的值!

步骤 6. 上传应用程序

登录到 Bluemix™ 后,可以使用 cf push 命令来上传应用程序。

开始之前,您必须:
  1. 1、安装 Cloud Foundry 命令行界面。


  2. 请根据自己使用的操作系统下载对应的版本;我使用的是Windows 7 64位操作系统,
  3. 下载Binaries版本的不需要安装,直接解压到Windows目录就可以了

  4. 依次点击仪表板》jstrans(您创建的应用程序名称)》开始编码,可以查看属于自己的命令;如下图:

  5. 2、连接到 Bluemix
  6. 打开命令提示符窗口:开始》运行,输入“cmd”,回车
  7. 执行:cf api https://api.ng.bluemix.net,如下图:

  8. 3、登录到 Bluemix
  9. 注意,这里要换成对应你自己账户的命令!
  10.  
         
    cf login -u [email protected] -o [email protected] -s ivu4e

4、发出 cf push 命令时,cf 命令行界面将提供使用 buildpack 来构建并运行应用程序的 Bluemix 环境的工作目录。

  1. 从应用程序目录中,输入带有应用程序名称的 cf push 命令。在 Bluemix 环境中,应用程序名称必须是唯一的。
  2. 后面的"-m 512m"是修改应用程序内存配额的,可以不带这个参数,如下图:

  3. 注意:执行cf push前将命令行当前目录切换到您刚刚创建的应用目录,例如我刚刚创建的
    C:\nodejs\net5trans\,cf push 后面的jstrans要替换为您在Bluemix上创建的应用名称。
  4. 提示: 使用 cf push 命令时,cf 命令行界面会将当前目录中的所有文件和目录复制到 Bluemix。确保应用程序目录中只包含必需的文件。
  5. cf push 命令上传应用程序并将其部署到 Bluemix。有关 cf push 的更多信息,请参阅 cf 命令。有关 buildpack 的信息,请参阅使用社区 buildpack。

  6. 如果更改了应用程序,可以通过再次输入 cf push 命令来上传这些更改。 cf 命令行界面会使用您先前的选项以及您对提示的响应来通过新的代码段更新应用程序的任何运行中实例。
提示: 您还可以从  Bluemix DevOps Services 上传或部署应用程序。请参阅 在 Node.js 中使用 Web IDE 开发 Bluemix 应用程序。

步骤 7. 做个小小的测试

通过仪表板进入您刚刚创建的应用页面,点击左侧的概述,右侧顶部会显示:您的应用程序正在运行。

这时应用程序路径是带链接可以访问的,点击链接就可以访问刚刚发布的应用程序了。

Bluemix云端数据库服务使用示例———PHP投票程序_第15张图片

结束语

通过IBM的Bluemix云平台,我们可以轻松的将自己的应用共享到网络上;

创建Web应用之后会自动获得一个用来访问应用的二级域名;

通过应用程序概述中的应用程序运行状况,可以方便的查看和管理应用运行状态;

这里通过一个小例子展示如何使用IBM的Bluemix云平台上提供的数据库服务,

如果您有更好的应用或想法,试试通过IBM的Bluemix云平台共享出来吧。

你可能感兴趣的:(Bluemix云端数据库服务使用示例———PHP投票程序)