天天看點
傳回

線上 Python運作工具

摘要

昨天心血來潮，做了一個線上的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方式

官方文檔解釋如下：

線上 Python運作工具

system函數本身具有列印指令執行輸出的功能，也就是說，程式中的輸出可在PHP頁面中顯示。

如果程式成功執行，則system的傳回值為程式輸出的最後一行，如果執行失敗，傳回false。

第二個參數是可選的，用來得到指令執行後的狀态碼，0表示成功調用外部程式，1表示調用失敗。

exec 方式

官方文檔有如下解釋：

線上 Python運作工具

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>

複制

callpy.php

這裡的調用外部代碼需要的功能很簡單，是以就選擇了

system

函數啦。

<?php

$command = "python ./temp.py";

$flag = system($command, $result);

if($flag) {
    echo $result[0];
}else{
    echo "不好意思，代碼運作出錯啦。\n\n\n您的文法有問題喲:\n請檢查一下标點符号，代碼縮進，單詞拼寫什麼的吧！";
}

複制

temp.py

temp.py

說白了就是個臨時檔案，是以每次代碼被運作的時候都會被更新一遍。是以裡面的内容不重要了。下面給出我測試過一次之後的

temp.py

的檔案内容。

#coding:utf8
print "Hello 郭璞"
from time import *
print ctime()

複制

示範

下面就是激動人心的測試界面啦。

首頁

線上 Python運作工具

提示資訊

點選左側上方的“Python代碼”的時候，會給出一點提示資訊。如：

線上 Python運作工具

簡要測試

此線上編輯工具可以友善的進行Python腳本的編寫。隻要是符合正規的Python文法的，都是可以的。

運作等待

當編寫的Python腳本比較的耗時的時候，前台需要給出提示資訊，并進行等待。是以最好的方式就是顯示一條“程式正在運作中··· ···”，這樣既能給使用者更好的體驗，也能展現更加人性化的設計。

線上 Python運作工具
線上 Python運作工具

進階測試

線上 Python運作工具

錯誤提示

上面全是介紹，代碼正常運作的結果。但是很多時候我們并不能一下子就編寫出bug free 的代碼，是以适時的給出點提示是個不錯的選擇。但是這裡給的建議就是自主發現錯誤，親自手動的檢查自己的代碼，更能養成規範的代碼編寫習慣。

線上 Python運作工具

總結

回顧一下，本次的實驗核心就在于PHP調用外部程式的兩個簡單的方式。雖然各有利弊，但是找到合适的場景進行選擇的話，還是能取得不錯的效果的。

其實上面的全是些無關痛癢的話題啦。真正有用的是整合起來，PHP在網站開發上面有Python不可比拟的優勢（雖然Python寫起網站來一點也不虛）。但是Python的靈活又是PHP不可替代的。

通過今天這個測試，也不難想到了吧。倘若能恰當的将這兩者進行整合，想必一定能做出一個既優雅，又高效的系統。

最後，我把這個工具上傳到了自己的伺服器上了。如果有想練習PHP文法，Python文法的意願，可以和我取得聯系。

聯系方式在左側的友情連結處可以找到。(^__^) 嘻嘻……
上一篇: Oracle 11g R2 64bit 的SQLDeveloper所需的JDK
下一篇: Linux中的umask及權限管理