ホームページ > ウェブフロントエンド > jsチュートリアル > プログレスバーを印刷するnodejsターミナルのサンプルコードを共有する

プログレスバーを印刷するnodejsターミナルのサンプルコードを共有する

零下一度
リリース: 2017-04-25 10:44:47
オリジナル
1727 人が閲覧しました

この記事では主に、nodejs ターミナルでプログレスバーを印刷するサンプルコードを紹介します。これが非常に優れていると思うので、参考として紹介します。エディターをフォローして見てみましょう

1. シーンのインポート

大量のファイルをバッチ処理するとき (アップロード/ダウンロード、保存、コンパイルなど)、多くの場合、現在の進行状況、またはコードまたはプログラムがリリースされ、ユーザーがインストール プロセスを実行しているときに、適切な (ターミナル/コマンド ライン) 進行状況バーがインストールのステップとプロセスを正確に反映することができます。プログラムの使いやすさを向上させ、ユーザーの待ち時間の煩わしさをある程度軽減します...

2. 基本原則

まず、ターミナル内のテキストを印刷するのは比較的簡単です。次に、単純なテキストと記号を使用して、コマンド ラインの効果を自分で組み立てることができます (以下の例):

アップロードされたファイル: 43.60% ████████████████████ █4 150/3440 もちろん、プログレスバーの効果は必要に応じて自分でデザインできます。これは参考用です。

ここでは、コマンドラインをツールモジュール progress-bar.js に出力するメソッドを構築します。具体的な実装は次のとおりです:-)

progress-bar.js,具体实现如下 :-)


// 这里用到一个很实用的 npm 模块,用以在同一行打印文本
var slog = require('single-line-log').stdout;
// 封装的 ProgressBar 工具
function ProgressBar(description, bar_length){
 // 两个基本参数(属性)
 this.description = description || 'Progress';    // 命令行开头的文字信息
 this.length = bar_length || 25;           // 进度条的长度(单位:字符),默认设为 25
 // 刷新进度条图案、文字的方法
 this.render = function (opts){
  var percent = (opts.completed / opts.total).toFixed(4);  // 计算进度(子任务的 完成数 除以 总数)
  var cell_num = Math.floor(percent * this.length);       // 计算需要多少个 █ 符号来拼凑图案
  // 拼接黑色条
  var cell = '';
  for (var i=0;i<cell_num;i++) {
   cell += &#39;█&#39;;
  }
  // 拼接灰色条
  var empty = &#39;&#39;;
  for (var i=0;i<this.length-cell_num;i++) {
   empty += &#39;░&#39;;
  }
  // 拼接最终文本
  var cmdText = this.description + &#39;: &#39; + (100*percent).toFixed(2) + &#39;% &#39; + cell + empty + &#39; &#39; + opts.completed + &#39;/&#39; + opts.total;
  // 在单行输出文本
  slog(cmdText);
 };
}
// 模块导出
module.exports = ProgressBar;
ログイン後にコピー

3. Run 起来

基于上面的实现,先说一下这个 progress-bar.js

// 引入工具模块
var ProgressBar = require(&#39;./progress_bar&#39;);
// 初始化一个进度条长度为 50 的 ProgressBar 实例
var pb = new ProgressBar(&#39;下载进度&#39;, 50);
// 这里只是一个 pb 的使用示例,不包含任何功能
var num = 0, total = 200;
function downloading() {
 if (num <= total) {
  // 更新进度条
  pb.render({ completed: num, total: total });
  num++;
  setTimeout(function (){
   downloading();
  }, 500)
 }
}
downloading();
ログイン後にコピー

3.

上記の実装に基づいて、まずこの progress-bar.js の使用方法について説明します。

rrreee 上記のコードを実行すると、実行結果は次のようになります。

🎜🎜🎜jsを学習する必要がある学生は、php中国語ウェブサイト🎜jsビデオチュートリアル🎜にご注意ください。多くのjsオンラインビデオチュートリアルは無料で視聴できます。 🎜

以上がプログレスバーを印刷するnodejsターミナルのサンプルコードを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート