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

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

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

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

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

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

对Python 编程的基本了解;

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

对SQL语言的基本了解;

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

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

  1. 1、在 Bluemix 用户界面中,转至“仪表板”。
  2. 2、单击创建应用程序。
  3. 3、单击 Web,然后按照指导经验来选择入门模板,指定名称以及选择编码方式。
  4. 输入应用程序名称
  5. 应用程序名称是唯一的,接下来要通过它做为二级域名来访问你的应用!
  6. 点击完成之后,需要等待一会儿,然后可以看到下图的界面
  7. 这时就可以访问你刚刚创建的应用了。如下图:

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

  1. 可以通过单击 Bluemix 用户界面中应用程序“概述”上的添加服务或 API,将服务添加到应用程序中。也可以使用 cf 命令行界面。请参阅处理应用程序的可用选项。
  2. 在服务列表中选择数据库(ClearDB MySQL Database)
  3. 您可以指定服务的名称,也可以使用默认的;

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

获取服务信息

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

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

1、连接数据库

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

2、创建数据表

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

3、添加所需要的数据:

步骤 3. 准备开发环境

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

《Python入门》Windows 7下Python Web开发环境搭建笔记

《Python入门》第一个Python Web程序——简单的Web服务器

《Python入门》Linux 下 Python Web开发环境搭建笔记

步骤 4.编写代码

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

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

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

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

2、使其在本地运行

1、将下载的入门模板代码解压到一个目录,打开命令行窗口,切换到这个目录下

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

2、执行命令:python server.py

3、在浏览器中访问:http://localhost:8000/

3、编写代码

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bluemix云端数据库服务ClearDB MySQL使用示例———Python投票程序 - 无知人生,记录点滴</title>
<style>
body {margin:0; padding:0;
}
a{
text-decoration:none;
color:black;
}div.div_id {float:left;clear:left;width:60px;height:27px;border-bottom:solid 1px #808080;text-align:center;line-height:27px;
}div.div_item {float:left;clear:none;width:260px;height:27px;border-bottom:solid 1px #808080;text-align:left;line-height:27px;
}div.div_radio {float:left;clear:none;width:60px;height:27px;border-bottom:solid 1px #808080;text-align:left;line-height:27px;display:none;
}div.div_num {float:left;clear:right;width:260px;height:27px;border-bottom:solid 1px #808080;text-align:left;line-height:27px;display:none;
}</style>
<script src="jquery.js" type="text/javascript"></script>
<SCRIPT language=javascript>$(document).ready(function(){loadVote();//判断是否已经投过票了,如果投过票了,就不再显示投票按钮,而是显示投票结果;if (document.cookie == "" || document.cookie == "abc="){$("#button1").show();$("div.div_radio").show();}else{$("div.div_num").show();}
});//通过AJAX加载投票信息
function loadVote(){$.ajax({type: "GET",url: "voteinfo",dataType:"html",async: false,success: function(data){$("#divctnr").html(data);console.log(data);},error: function(data){console.log(data);alert( "加载投票信息失败: " + data.responseText );}});
}//通过AJAX调用后台保存投票信息
function execVote(){var id = $('input[name="radio1"]:checked').val();if (id == "" || id == undefined){alert("请选择投票项!");return;}$("#button1").hide();$.ajax({type: "POST",url: "votesave",dataType:"html",data: {"id":id},success: function(data){$("#div_num_" + id).text(parseInt($("#div_num_" + id).text()) + 1);$("div.div_radio").hide();$("div.div_num").show();document.cookie = "abc=123";console.log(data);},error: function(data){console.log(data);alert( "投票失败: " + data.responseText );}});
}
</SCRIPT>
</head><body>
<div>
<a href="http://blog.csdn.net/testcs_dn" target="_blank" title="无知人生,记录点滴 不积硅步,无以至千里;不积小流,无以成江海……">
<img src="banner.png" border=0 />
</a>
</div>
<div style="width:640px; height:40px; border-bottom:solid 1px #808080;text-align:center;">
<a href="http://blog.csdn.net/testcs_dn/article/details/49965993"><h3>你曾后悔进入 IT 行业吗?</h3></a>
</div>
<div id="Wrapper" style="padding: 0px; margin: 0px; min-height:300px; text-align: center; background-color: rgb(255, 255, 255);">
<form>
<div id="divctnr"></div>
</form><div style="width:640px; height:40px; border-bottom:solid 1px #808080;text-align:center; float:left; clear:both; margin-top:15px;">
<input type="button" id="button1" name="button1" value="投票" οnclick="execVote()" style="display:none" />
</div></div><hr />
<div style="margin:auto; text-align:center; line-height:28px;">
云服务器:<a href="https://console.ng.bluemix.net/home/" target="_blank" title="IBM Bluemix 数字创新平台" style="">IBM Bluemix 数字创新平台
</a><br />
服务提供:<a href="https://www.ibm.com/smarterplanet/us/en/ibmwatson/developercloud/language-translation/api/v2/#introduction" target="_blank" title="IBM Watson Developer Cloud" style="">IBM Watson Developer Cloud
</a>
</div><div style="margin:auto; text-align:center; line-height:28px;">
<a href="http://blog.csdn.net/testcs_dn" target="_blank" title="无知人生,记录点滴 不积硅步,无以至千里;不积小流,无以成江海……" style="">Powered by:testcs_dn(微wx笑)<br />无知人生,记录点滴 不积硅步,无以至千里;不积小流,无以成江海……
</a>
</div>
<br /><br /><br />
<div id="divout"></div>
</body>
</html>

server.py 实现用户投票数据的加载和记录

import os    #Python的标准库中的os模块包含普遍的操作系统功能
import re   #引入正则表达式对象
import MySQLdb
import sys      #提供了许多函数和变量来处理 Python 运行时环境的不同部分.
import cgi#调试函数,用于输出对象的属性及属性值
def getAllAttrs(obj):strAttrs = ''for o in dir(obj): strAttrs =strAttrs + o + ' := ' + str(getattr(obj,o)) + '<br />'return strAttrs;try:from SimpleHTTPServer import SimpleHTTPRequestHandler as Handlerfrom SocketServer import TCPServer as Server
except ImportError:from http.server import SimpleHTTPRequestHandler as Handlerfrom http.server import HTTPServer as Server#自定义处理程序,用于处理HTTP请求
class TransHTTPHandler(Handler):#处理GET请求def do_GET(self):#页面输出模板字符串templateStr = '<html><head><title>pytrans</title></head><body>%s</body></html>'# 将正则表达式编译成Pattern对象pattern = re.compile(r'/voteinfo')# 使用Pattern匹配文本,获得匹配结果,无法匹配时将返回Nonematch = pattern.match(self.path)if match:resContent = ''try:conn=MySQLdb.connect(host='us-cdbr-iron-east-04.cleardb.net',user='b7de4ass24234',passwd='6472',db='ad_fd4a422d117d69b',port=3306)#conn=MySQLdb.connect(host='localhost',user='root',passwd='root',db='test',port=3306)cur=conn.cursor()cur.execute('SET NAMES UTF8')cur.execute('SELECT * FROM vote_item')rows = cur.fetchall()rowIdx = 0for row in rows:rowIdx += 1;resContent += "<div class=\"div_id\">" + str(rowIdx) + "</div>"resContent +=  "<div class=\"div_item\">" + row[1] + "</div>"resContent +=  "<div class=\"div_radio\"><input type=\"radio\" id=\"radio1\" name=\"radio1\" value=\"" + str(row[0]) + "\" /></div>"resContent +=  "<div class=\"div_num\" id=\"div_num_" + str(row[0]) + "\">" + str(row[2]) + "</div>"cur.close()conn.close()except MySQLdb.Error,e:print "Mysql Error %d: %s" % (e.args[0], e.args[1])self.protocal_version = 'HTTP/1.1' #设置协议版本self.send_response(200)  #设置响应状态码self.send_header("Content-type", "text/html")   #设置响应头self.end_headers()self.wfile.write(resContent)    #输出响应内容else:#/voteinfo 之外的请求,交给底层去处理if self.path == "":self.path = '/index.html'fStatic = self.send_head()if fStatic:try:self.copyfile(fStatic, self.wfile)finally:fStatic.close()#处理POST请求def do_POST(self):form = cgi.FieldStorage()# 将正则表达式编译成Pattern对象pattern = re.compile(r'/votesave')# 使用Pattern匹配文本,获得匹配结果,无法匹配时将返回Nonematch = pattern.match(self.path)datas = self.rfile.read(int(self.headers['content-length']))ids = datas.split("=")id = 0if len(ids) == 2 :id = int(ids[1])print idif match:resContent = ''try:conn=MySQLdb.connect(host='us-cdbr-iron-east-04.cleardb.net',user='b7de345345b1f4',passwd='644234d2',db='ad_fd4a422d117d69b',port=3306)#conn=MySQLdb.connect(host='localhost',user='root',passwd='root',db='test',port=3306)cur=conn.cursor()cur.execute("UPDATE vote_item SET vote_num=vote_num+1 WHERE id=" + str(id))conn.commit()cur.close()conn.close()except MySQLdb.Error,e:print "Mysql Error %d: %s" % (e.args[0], e.args[1])self.protocal_version = 'HTTP/1.1'   #设置协议版本self.send_response(200)  #设置响应状态码self.send_header("Content-type", "text/html")   #设置响应头self.end_headers()self.wfile.write(resContent)    #输出响应内容else:#/votesave 之外的请求,返回错误信息self.protocal_version = 'HTTP/1.1' #设置协议版本self.send_response(500)  #设置响应状态码self.send_header("Content-type", "text/html")   #设置响应头self.end_headers()self.wfile.write("非法请求")  #输出响应内容# Read port selected by the cloud for our application
PORT = int(os.getenv('PORT', 8000))
# #改变当前目录到 static 目录
os.chdir('static')httpd = Server(("", PORT), TransHTTPHandler)
try:print("Start serving at port %i" % PORT)httpd.serve_forever() ##设置一直监听并接收请求
except KeyboardInterrupt:pass #按Ctrl+C退出服务
httpd.server_close()

步骤 5. 本地运行访问

运行

执行命令:python server.py

访问

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

投票前:

步骤 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 ivu4e@qq.com -o ivu4e@qq.com -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. 做个小小的测试

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

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

运行效果:

结束语

这个小例子是使用原生的Python编写的,没使用Web开发框架(像:Django,Flask),所以过程中遇到一些曲折,代码看起来也有些笨拙。

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

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

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

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

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

Bluemix云端数据库服务ClearDB MySQL使用示例———Python开发投票程序相关推荐

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

    越来越多的服务走向云端,看不见摸不着,让没接触过的我感觉有些茫然,IBM的云平台Blumemix上提供了很多服务,我这里就把学习使用ClearDB MySQL Database服务的过程给大家分享一下 ...

  2. 使用Python开发木马程序

    使用Python开发木马程序 一.实验介绍 1.1 实验内容 木马程序会给普通用户带来很多危害,比如盗取QQ账号,游戏账号等.课程将用Python实现一个简易的木马程序,该程序会记录用户的键盘输入和屏 ...

  3. iospython开发工具_使用Python开发iOS程序

    们见过使用JS.Lua.Ruby开发iOS程序的,但是基本没有见过使用Python开发iOS程序(软件)的,这是为什么?关于这个问题,我后面会回答. 那么,怎么用Python开发iOS程序呢?其实我们 ...

  4. 用python写投票程序_大话python最终篇,web.py 开发的投票程序demo

    概述 开发语言         python Web开发框架  web.py 前端开发框架   vuejs+elementui 数据库              mysql 设计思路 首先是数据库设计 ...

  5. python开发安卓程序-如何使用python开发android应用

    Python是一种面向对象.解释型计算机程序设计语言,其源代码和解释器CPython遵循GPL(GNU General Public License)协议Python语法简洁清晰,特色之一是强制用空白 ...

  6. python开发安卓程序-如何使用python开发Android手机应用?

    在使用python开发android应用之前我们需要准备好环境,环境需要安装PythonForAndroid,然后开始编程,编程时打开eclipse, 创建一个新的android project &q ...

  7. python开发安卓程序-用python开发android应用(1)

    Python是动态语言,比较简洁.Android不直接支持使用python开发应用,需要使用其它中间件或者库.PythonForAndroid提供了在android平台上对python语言的支持:CL ...

  8. python开发安卓程序-python可以编写android程序吗?

    python可以编写android程序吗?答案是肯定的.Android不直接支持使用python开发应用,需要使用其它中间件或者库.PythonForAndroid.CLE以及Wrapandroid ...

  9. python怎么开发安卓程序_怎样用python开发安卓app-到底如何使用Python开发Android程序.txt...

    Python是一种动态语言,是比较简单的. Android不直接支持使用Python开发的应用程序,它需要使用它的中间件或数据库.它提供了在Android平台上的Python语言的支持; Python ...

最新文章

  1. 大数据平台安全标准设计
  2. 咦?奇怪的知识又增加了?以数学建模的方式打开海啸传播模型(附部分matlab源码)
  3. vagrant 基本命令讲解
  4. 你还在用虚拟机,win10自带的linux还有图形界面(小白教程)
  5. ​网易首支 AI 生成歌曲《醒来》正式发布;FSF :苹果 OCSP 事故在道德上不可接受;CentOS 8.3 发布|极客头条...
  6. vue实现点击高亮效果_vue结合Echarts实现点击高亮效果的示例
  7. roundcube mysql_Webmail Roundcube安装配置
  8. 表格标签-表格基本结构
  9. GitHub 热榜:被网友疯狂恶搞的「蚂蚁呀嘿」项目终于开源了!
  10. 主动学习与自监督学习结合的方法(Active Learning+Self-Supervision)
  11. 微信公众号服务器配置url,微信公众号平台设置服务器地址(URL)和令牌(Token)配对启用方法...
  12. 苹果13/Pro刘海凹槽更小,或搭载屏下指纹识别
  13. 微信蓝牙设备开发--添加设备以及获取微信为设备生成的二维码
  14. gmm的java实现_4. EM算法-高斯混合模型GMM详细代码实现
  15. METIS安装和使用
  16. 转-果壳网python工程师招聘启事
  17. 2023年团体程序设计天梯赛
  18. stylegan2通过操纵潜变量进行人脸编辑方法
  19. 中国式焦虑,都是比出来的!
  20. 2022(秋)工程伦理答案 第二章

热门文章

  1. Unity 音效优化
  2. 大疆无人机4G/5G图传直播编码器
  3. c++用一级运算比较大小_原神主c角色用谁比较好 主c角色及圣遗物搭配攻略
  4. MySQL 入门教学,真的已经很简洁了
  5. 可以用来分析文本数据的Python工具的完整指南
  6. ligplot java jre_CentOS 6.4 software installation guide
  7. 知识付费阿里云视频点播功能
  8. 用计算机修图属于,修图电脑之显示篇
  9. 钙钛矿锰氧化物磁制冷材料/CsPbBr3@PS聚苯乙烯钙钛矿量子点/CsPbBr_3/C8-BTBT复合薄膜
  10. 怎么用visual c 编程c 语言,如何用Microsoft Visual C++6.0编写C程序?