အင်တာနက်နည်းပညာလျင်မြန်စွာဖွံ့ဖြိုးတိုးတက်မှုနှင့်အတူ developer များပိုမိုများပြားလာခြင်းနှင့်အတူ debug နှင့် test code သို့အဆင်ပြေသောအွန်လိုင်းကိရိယာတစ်ခုလိုအပ်ပါတယ်။ အသုံးများသော backend ဖွံ့ဖြိုးတိုးတက်မှုဘာသာစကားတစ်ခုအနေဖြင့် PHP သည်အပြောင်းအလဲများနှင့် debugging code များအတွက်လုပ်ဆောင်ချက်များစွာကိုထောက်ပံ့ပေးသည်။ ရှေ့တန်းဒီဇိုင်း, Code Editor Interitor Interitor ပေါင်းစည်းခြင်း,
အွန်လိုင်း debugging tools များ၏အဓိကလုပ်ဆောင်ချက်များမှာ - ကုဒ်တည်းဖြတ်ခြင်း, syntax output ကို debugging input, debugging input ကိုထုတ်ပြန်ခြင်း,
အသုံးပြုသူအတွေ့အကြုံတိုးတက်စေရန်ရှေ့ဆုံးအဆုံး Interface သည် HTML နှင့် CSS ဒီဇိုင်းကိုမွေးစားသည်။ ကျွန်ုပ်တို့သည် textarea tag ကို code input box တစ်ခုအနေဖြင့် အသုံးပြု. Open Source CodeMirror စာကြည့်တိုက်ကိုမိတ်ဆက်ပေးခြင်းဖြင့်ကုဒ်အယ်ဒီတာ၏လုပ်ဆောင်မှုကိုအကောင်အထည်ဖော်သည်။ Code Editor ကိုအကောင်အထည်ဖော်ခြင်း၏ဥပမာတစ်ခုမှာဤတွင်ဖော်ပြထားသည်။
<textarea id="code"></textarea>
CodeMirror ၏စတိုင်ဖိုင်များနှင့် JS files များကိုမိတ်ဆက်ပေးခြင်းအားဖြင့်ကျွန်ုပ်တို့သည် Syntax မီးမောင်းထိုးပြခြင်း, လိုင်းနံပါတ်ပြသသည့်ကုဒ်တည်းဖြတ်ခြင်းအကွက်သို့ပိုမိုလုပ်ဆောင်မှုများကိုပိုမိုထည့်သွင်းနိုင်သည်။
<link rel="stylesheet" href="codemirror.css">
<script src="codemirror.js"></script>
ထို့နောက် JS ရှိ CodeMirror Editor ကိုစတင်ပါ။ သက်ဆိုင်ရာသတ်မှတ်ချက်များကိုသတ်မှတ်ပါ။
var editor = CodeMirror(document.getElementById("editor"), { lineNumbers: true, mode: "text/html" });
Backend တွင် PHP ကိုအသုံးပြုသူ၏ 0 င်ငွေဖြင့် 0 င်ရောက်ပြီး၎င်းကိုအကဲဖြတ်ခြင်းဖြင့်လုပ်ဆောင်ရန်အသုံးပြုသည်။ ဤနေရာတွင် code ကိုရယူခြင်းနှင့်ကွပ်မျက်ခြင်း၏ဥပမာတစ်ခုဖြစ်သည်။
$code = $_POST['code'];
အသုံးပြုသူ input code ကိုအကဲဖြတ်ခြင်း fatch မှတဆင့် Execute လုပ်ပြီးရလဒ်ရလဒ်ကိုရယူပါ။
ob_start();
eval($code);
$result = ob_get_contents();
ob_end_clean();
နောက်ဆုံးအနေဖြင့်ကျွန်ုပ်တို့သည်ကွပ်မျက်မှုရလဒ်ကို output လုပ်သည်။
echo $result;
ဤတွင် HTML, JavaScript နှင့် PHP ကုဒ်များဥပမာများမှာဤတွင်ဖော်ပြထားသည်။
<html><head><link rel="stylesheet" href="codemirror.css"><script src="codemirror.js"></script></head><body><div id="editor"></div><button onclick="debug()">ပေြးသွားခြင်း</button><div id="output"></div><script>var editor = CodeMirror(document.getElementById("editor"), { lineNumbers: true, mode: "text/html" }); function debug() { var code = editor.getValue(); var xhr = new XMLHttpRequest(); xhr.open("POST", "debug.php", true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { document.getElementById("output").textContent = xhr.responseText; } }; xhr.send("code=" + encodeURIComponent(code)); }</script></body></html>
<?php $code = $_POST['code']; ob_start(); eval($code); $result = ob_get_contents(); ob_end_clean(); echo $result; ?>
အထက်ပါအဆင့်များမှတစ်ဆင့်ကျွန်ုပ်တို့သည် PHP code ကိုလျင်မြန်စွာ debuggug လုပ်ရန်အသုံးပြုနိုင်သောရိုးရှင်းသောအွန်လိုင်း debugging tool ကိုအောင်မြင်စွာဖန်တီးနိုင်ခဲ့သည်။ အခြားပရိုဂရမ်ဘာသာစကားများအတွက်အထောက်အပံ့များထည့်ခြင်းကဲ့သို့သောဤ tool ကိုလိုအပ်ချက်များနှင့်အညီ, Code Prompts ကိုတိုးမြှင့်ခြင်းစသည်တို့ကိုတိုးချဲ့နိုင်သည်။ ဤသင်ခန်းစာသည်သင်၏ကိုယ်ပိုင်အွန်လိုင်းဆွေးနွေးမှုကိရိယာများကိုအကောင်အထည်ဖော်ရန်နှင့်ဖွံ့ဖြိုးတိုးတက်မှုထိရောက်မှုကိုတိုးတက်အောင်ကူညီနိုင်သည်ဟုကျွန်ုပ်မျှော်လင့်ပါသည်။