जावास्क्रिप्ट

Question

का उपयोग कर वेब पेज पर कंसोल-जैसे इंटरफेस मुझे बहुत पसंद है MySQLs mysql cli टूल और मुझे phpMyAdmin पसंद नहीं है। [IMHO] यह विंडोज उपयोगकर्ता के लिए एक अच्छी बात है, लेकिन जब आप कंसोल करने के लिए उपयोग करते हैं तो यह इतना अच्छा नहीं होता है। [/ IMHO]।

मैं जो चाहता हूं वह एक वेब पेज बनाना है जिसमें कंसोल-जैसे इनपुट (उदाहरण के लिए this) जैसे उपयोगकर्ता को इनपुट प्राप्त करना चाहिए, इसे बैक एंड पर PHP स्क्रिप्ट पर भेजें और बैक-एंड प्रतिक्रिया दिखाएं।

बैक-एंड स्क्रिप्ट (यह सबसे आसान हिस्सा था) किया गया है, लेकिन मुझे जावास्क्रिप्ट को कंसोल-जैसी इनपुट लागू करने के लिए कोई लाइब्रेरी नहीं मिल रही है।

मैंने अपनी ज़रूरतों के उदाहरण की जांच करने और संशोधित करने का प्रयास किया है उदाहरण मैंने प्रदान किया है, लेकिन यह बहुत फूला हुआ है (क्योंकि किसी भी पुस्तकालय का उपयोग नहीं करता है) और विशिष्ट चीज़ लागू करता है। इसके अलावा मैं इस तत्व को इनपुट के लिए कुछ ऑटो-पूर्णता प्रदान करना चाहता हूं।

ऐसी जेएस लाइब्रेरी पर कोई विचार?

Answer 1

हम्म फ़ायरबग कंसोल?

http://getfirebug.com/commandline

Answer 2

वहाँ shellinabox है - जावास्क्रिप्ट टर्मिनल।

संपादित:

वहाँ भी पुस्तकालय xterm.js है असली टर्मिनल एमुलेटर है कि।

Answer 3

मुझे लगता है कि आप इस के लिए देख रहे हैं: बजाय console.log() उपयोग का उपयोग करने का jQueryTerminal

Answer 4

document.write()

यह सिर्फ console.log तरह वेबपेज पर पाठ लिखेंगे सांत्वना

Answer 5

में मैं कर दिया है होगा एक Simple Console नामक कंसोल लाइब्रेरी (शायद मैं इसका नाम बदलूंगा क्योंकि simple-consolenpm पर लिया गया है)

यह एच एंडल्स कमांड इतिहास और आपके लिए ऐसा है, और आप इसे किसी भी प्रकार के कंसोल को लागू करने के लिए उपयोग कर सकते हैं।

var handleCommand = (command)=> { 
    var req = new XMLHttpRequest(); 
    req.addEventListener("load",()=> { 
     con.log(req.responseText); 
     // TODO: use con.error for errors and con.warn for warnings 
     // TODO: maybe log a table element to display rows of data 
    }); 
    // TODO: actually pass the command to the server 
    req.open("GET", "mysql.php"); 
    req.send(); 
}; 
var con = new SimpleConsole({ 
    handleCommand, 
    placeholder: "Enter MySQL queries", 
    storageID: "mysql-console" 
}); 
document.body.appendChild(con.element); 

अधिक जानकारी के लिए प्रलेखन on GitHub देखें।