giao diện giống như giao diện điều khiển trên trang web bằng cách sử dụng javascript

Question

Tôi rất thích công cụ MySQL mysql cli và tôi không thích phpMyAdmin. [IMHO] Đây là một điều tốt đẹp đối với người dùng Windows, nhưng nó không tốt lắm khi bạn sử dụng để điều khiển. [/ IMHO]. Những gì tôi muốn là xây dựng một trang web có chứa phần tử với đầu vào giống như giao diện điều khiển (ví dụ như một cái gì đó như this) sẽ nhận dữ liệu đầu vào từ người dùng, gửi nó đến tập lệnh PHP trên back-end và hiển thị phản hồi ngược.

Kịch bản lệnh back-end được thực hiện (đó là phần dễ nhất), nhưng tôi không thể tìm thấy bất kỳ thư viện nào để thực thi đầu vào giống như giao diện điều khiển JavaScript.

Tôi đã cố gắng kiểm tra và sửa đổi cho ví dụ nhu cầu của mình mà tôi đã cung cấp, nhưng nó quá cồng kềnh (vì không sử dụng bất kỳ thư viện nào) và thực hiện điều cụ thể. Ngoài ra tôi muốn yếu tố này để cung cấp một số tự động hoàn thành cho đầu vào.

Bất kỳ ý tưởng nào về thư viện JS như vậy?

Answer 1

Bàn điều khiển Firebug hmm?

http://getfirebug.com/commandline

Answer 2

có shellinabox - terminal javascript.

EDIT:

Ngoài ra còn có thư viện xterm.js đó là thật giả lập thiết bị đầu cuối.

Answer 3

Tôi nghĩ rằng bạn đang tìm kiếm này: jQueryTerminal

Answer 4

thay vì sử dụng console.log() sử dụng document.write()

Nó sẽ viết văn bản trên trang web giống như console.log sẽ trong giao diện điều khiển

Answer 5

Tôi đã thực hiện một thư viện bảng điều khiển có tên Simple Console (Tôi có thể đổi tên nó vì simple-console được chụp trên npm)

It h lịch sử lệnh andles và cho bạn, và bạn có thể sử dụng nó để thực hiện bất kỳ loại console nào.

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); 

Kiểm tra tài liệu on GitHub để biết thêm thông tin.