在線 Python運行工具
-
- 摘要
- 準備
- PHP環境設置
- 原理
- system方式
- exec 方式
- 源碼
- 核心
- 完整代碼
- indexphp
- callpyphp
- temppy
- 演示
- 首頁
- 提示信息
- 簡要測試
- 運行等待
- 高級測試
- 錯誤提示
- 總結
摘要
昨天心血來潮，做了一個在線的PHP編輯工具 http://blog.csdn.net/marksinoberg/article/details/53869637 ，可以方便的練習PHP的基本語法，以及數據庫的操作。結尾說可能會做一個Python版的在線編輯工具，那麽說到做到。今天就寫了個Python版的，供身邊的同學以及初學者練習和使用。
準備
看過昨天的那篇博客的應該不難理解，這個工具背後的工作原理。
上傳源碼，運行腳本，反饋結果。
與之相比，這次的代碼稍有些不同，畢竟昨天的是純PHP代碼之間的處理，而今天則是在PHP和Python之間的耦合。所以需要額外的增加一點處理。
PHP環境設置
在編碼之前，應該先把PHP環境設置一下。具體來說就是修改一下php.ini文件。
去掉php.ini文件中的disable_functions前面的
;，即可開啟調用外部語言的拓展。
原理
這裏說的原理，從狹義上來講只是單純的對於使用PHP調用Python代碼。
一般來說有這麽兩種方式：
- 通過system函數
- 通過exec函數
這兩個方法各有利弊，接下來將簡單的介紹一下這兩個函數的使用方法，至於怎麽選擇，按照自己的需求進行設置即可。
system方式
官方文檔解釋如下：
system函數本身具有打印命令執行輸出的功能，也就是說，程序中的輸出可在PHP頁面中顯示。
如果程序成功執行，則system的返回值為程序輸出的最後一行，如果執行失敗，返回false。
第二個參數是可選的，用來得到命令執行後的狀態碼，0表示成功調用外部程序，1表示調用失敗。
exec 方式
官方文檔有如下解釋：
exec ()函數與system()類似，也執行給定的命令，但不輸出結果，而是返回結果的最後一行。
雖然它只返回命令結果的最後一行，但用第二個參數array 可以得到完整的結果，方法是把結果逐行追加到array的結尾處。
另外需要註意的是：只有指定了第二個參數時，才可以用第三個參數，用來取得命令執行的狀態碼。
源碼
核心
核心思路如下：
- 獲取用戶輸入Python源碼，然後上傳到服務器上的temp.py文件。
- 通過PHP調用外部的Python代碼，執行相關腳本。
- 前臺通過ajax方式請求代碼運行結果，並顯示在result頁面塊上。
完整代碼
index.php
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>郭璞 的在線Python工具</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-ico" />
<style>
.container {
width: 1356px;
height: 640px;
position: absolute;
background: #CCC;
}
.left {
width: 50%;
height: 100%;
background: lightgray;
position: relative;
float: left;
}
.header {
width: auto;
height: 61px;
}
input {
width: 180px;
height: 60px;
position: relative;
background: lightgreen;
float: right;
margin-right: 12px;
margin-top: 6px;
border-radius: 25px;
box-shadow: 1px 1px 1px #6e6e6e;
}
.panel {
width: 90%;
height: 540px;
align: center;
}
textarea {
font-size: 22px;
}
.right {
width: 50%;
height: 100%;
background: deepskyblue;
position: relative;
float: right;
}
</style>
</head>
<body>
<div class="container">
<div class="left">
<div class="header">
<label><font size="5">在下面寫上您的<a href="#" id="tip">Python代碼</a>.</font></label>
<input id="btn_run" type="submit" value="點擊運行"></input>
</div>
<hr>
<div class="panel">
<textarea id="source" style="width: 645px; height: 540px;"
name="source" placeholder="echo ‘Hello World!‘;">print "Hello 郭璞"
</textarea>
<!-- <textarea type="hidden" id="hidden" hidden></textarea> -->
</div>
</div>
<div class="right">
<h2>下面將顯示出您的代碼的執行結果</h2>
<hr>
<div class="panel">
<textarea id="result" style="width: 645px; height: 540px;">
</textarea>
</div>
</div>
</div>
<!-- 編寫提交腳本，並獲取返回結果 -->
<script src="./js/jquery-2.2.4.min.js"></script>
<script>
// 請求運行結果
function getResult() {
document.getElementById("result").value = "代碼正在運行中 ···";
$.ajax({
type : "GET",
url : "./callpy.php",
success : function(data) {
document.getElementById("result").value = data;
},
error : function(err) {
document.getElementById("result").value = err;
}
});
}
// 將源代碼上傳到服務器上
function uploadSource() {
var source = document.getElementById("source").value;
$.ajax({
type: "POST",
url: "./index.php",
data: {
"source": source
},
success: function(){
console.log("代碼上傳成功！");
},
error: function(err){
console.log("代碼上傳失敗！");
alert(err);
}
});
}
// 使用ajax來 獲取執行的結果
$(document).ready(function() {
document.getElementById("result").value = "正在獲取運行結果··· ···";
$("#btn_run").click(function(){
// 先上傳代碼
uploadSource();
// 請求代碼運行後的結果
getResult();
});
});
// 點擊“Python代碼”顯示提示信息
$(document).ready(function(){
$("#tip").click(function(){
document.getElementById("result").value = "您可以使用Python2.7.12以及向下兼容的Python語法。\n註意您的代碼的縮進。另外，如果有需要連接數據庫，請聯系郭璞。QQ：1064319632";
});
});
</script>
<!-- 編寫php腳本，獲取提交信息 -->
<?php
$source = $_POST [‘source‘];
$source = "#coding:utf8\n" . $source;
file_put_contents ( "./temp.py", $source );
?>
</body>
</html>- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
- 95
- 96
- 97
- 98
- 99
- 100
- 101
- 102
- 103
- 104
- 105
- 106
- 107
- 108
- 109
- 110
- 111
- 112
- 113
- 114
- 115
- 116
- 117
- 118
- 119
- 120
- 121
- 122
- 123
- 124
- 125
- 126
- 127
- 128
- 129
- 130
- 131
- 132
- 133
- 134
- 135
- 136
- 137
- 138
- 139
- 140
- 141
- 142
- 143
- 144
- 145
- 146
- 147
- 148
- 149
- 150
- 151
- 152
callpy.php
這裏的調用外部代碼需要的功能很簡單，所以就選擇了system函數啦。
<?php
$command = "python ./temp.py";
$flag = system($command, $result);
if($flag) {
echo $result[0];
}else{
echo "不好意思，代碼運行出錯啦。\n\n\n您的語法有問題喲:\n請檢查一下標點符號，代碼縮進，單詞拼寫什麽的吧！";
}- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
temp.py
temp.py說白了就是個臨時文件，所以每次代碼被運行的時候都會被更新一遍。所以裏面的內容不重要了。下面給出我測試過一次之後的temp.py的文件內容。
#coding:utf8
print "Hello 郭璞"
from time import *
print ctime()
- 1
- 2
- 3
- 4
- 5
演示
下面就是激動人心的測試界面啦。
首頁
提示信息
點擊左側上方的“Python代碼”的時候，會給出一點提示信息。如：
簡要測試
此在線編輯工具可以方便的進行Python腳本的編寫。只要是符合正規的Python語法的，都是可以的。
運行等待
當編寫的Python腳本比較的耗時的時候，前臺需要給出提示信息，並進行等待。所以最好的方式就是顯示一條“程序正在運行中··· ···”，這樣既能給用戶更好的體驗，也能體現更加人性化的設計。
高級測試
錯誤提示
上面全是介紹，代碼正常運行的結果。但是很多時候我們並不能一下子就編寫出bug free 的代碼，所以適時的給出點提示是個不錯的選擇。但是這裏給的建議就是自主發現錯誤，親自手動的檢查自己的代碼，更能養成規範的代碼編寫習慣。
總結
回顧一下，本次的實驗核心就在於PHP調用外部程序的兩個簡單的方式。雖然各有利弊，但是找到合適的場景進行選擇的話，還是能取得不錯的效果的。
其實上面的全是些無關痛癢的話題啦。真正有用的是整合起來，PHP在網站開發上面有Python不可比擬的優勢（雖然Python寫起網站來一點也不虛）。但是Python的靈活又是PHP不可替代的。
通過今天這個測試，也不難想到了吧。倘若能恰當的將這兩者進行整合，想必一定能做出一個既優雅，又高效的系統。
最後，我把這個工具上傳到了自己的服務器上了。如果有想練習PHP語法，Python語法的意願，可以和我取得聯系。
聯系方式在左側的友情鏈接處可以找到。(^__^) 嘻嘻……
再分享一下我老師大神的人工智能教程吧。零基礎！通俗易懂！風趣幽默！還帶黃段子！希望你也加入到我們人工智能的隊伍中來！https://blog.csdn.net/jiangjunshow
在線 Python運行工具