使用javascript的网页上的控制台式界面

Question

我非常喜欢MySQL的mysql cli工具，我不喜欢phpMyAdmin。 [IMHO]对于Windows用户来说这是一件好事，但是当你习惯了安慰时，它并不是那么好。[/ IMHO]。

我想要的是构建一个包含带有类似控制台输入的元素的网页（例如类似于this），它应该从用户处获得输入，并将其发送到后端的PHP脚本并显示后端响应。

后端脚本已完成（这是最简单的部分），但我找不到任何用于实现类似控制台输入的JavaScript库。

我试着检查和修改我提供的需求示例，但它太臃肿（因为不使用任何库）并实现特定的事情。我也希望这个元素提供一些自动完成输入。

关于这种JS库的任何想法？

Answer 1

嗯萤火虫控制台？

http://getfirebug.com/commandline

Answer 2

有shellinabox - JavaScript的终端。

编辑：

还有图书馆xterm.js这是真正的终端仿真器。

Answer 3

我认为你正在寻找这样的：jQueryTerminal

Answer 4

而是采用console.log()使用document.write()

它会写上网页文本，就像console.log将在控制台

Answer 5

我做了一个控制台库称为Simple Console（我可能会重命名它，因为simple-console采取npm）

它h andles命令历史记录等，您可以使用它来实现任何类型的控制台。

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了解更多信息。