网络编程 发布日期：2025/11/10 浏览次数：1
由于刚毕业的穷大学生，和朋友合租了一台服务器开了多个端口提供 ss 服务，懒得配置 ss-panel，就使用了 ss-bash 来监控不同端口的流量，但每次都要等上服务器才能看到流量使用情况，很麻烦，于是就写了个简单的页面来提供 WEB 访问。
JavaScript 版本
用 crontab 定时把流量记录文件复制到 WEB 目录下，写个 JS 脚本作数据处理。
function successFunction(data) {
var allRows = data.split(/\r"table table-hover" style="width: 50%; margin: auto;">';
for (var singleRow = 0; singleRow < allRows.length; singleRow++) {
if (singleRow === 0) {
table += '<thead>';
table += '<tr>';
} else {
table += '<tr>';
}
var rowCells = allRows[singleRow].split(',');
for (var rowCell = 0; rowCell < rowCells.length; rowCell++) {
if (singleRow === 0) {
table += '<th class="text-right">';
table += rowCells[rowCell];
table += '</th>';
} else {
table += '<td class="text-right">';
table += rowCells[rowCell];
table += '</td>';
}
}
if (singleRow === 0) {
table += '</tr>';
table += '</thead>';
table += '<tbody>';
} else {
table += '</tr>';
}
}
table += '</tbody>';
table += '</table>';
$('body').append(table);
}
首页
<!DOCTYPE html> <html> <head> <title>Traffic</title> <script src=//cdn.bootcss.com/jquery/3.2.0/jquery.min.js></script> <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="stylesheet"> <script src="/UploadFiles/2021-04-02/bootstrap.min.js">PHP 版本
服务器本来就安装了 PHP，所以用 PHP 也是很理所当然的事情了。
<!DOCTYPE html> <html> <head> <title>Traffic</title> <script src=//cdn.bootcss.com/jquery/3.2.0/jquery.min.js></script> <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="stylesheet"> <script src="/UploadFiles/2021-04-02/bootstrap.min.js">以上所述是小编给大家介绍的给ss bash 写一个 WEB 端查看流量的页面，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！