NET Toolbox:トップ10のツールカテゴリと73のリアルタイムオンラインガジェットを探索するオープンソースの無料の純粋なフロントエンドツールサイト。

NET Toolbox:トップ10のツールカテゴリと73のリアルタイムオンラインガジェットを探索するオープンソースの無料の純粋なフロントエンドツールサイト。

Dotnet Toolboxは純粋なフロントエンド、オープンソース、無料のツールサイトです。週末にはオープンソースプロジェクトit-toolsを参照して、インターフェイステキストを中国語化し、サイトを再デプロイしました。このサイトには10のツールカテゴリがあり、73のリアルタイムオンラインガジェットがあります。Vue3で開発されたDotnetツールボックスにはユニークな機能があります。この記事では、これらの機能のいくつかを詳しく説明し、独自のツールサイトをデプロイする方法を簡単に共有します。ツールのウェブサイトに興味がある場合は、Dotnetツールボックスをチェックしてください。

最后更新 2023/10/16 14:08
沙漠尽头的狼
预计阅读 7 分钟
分类
フロント·エンド
标签
.NET C# Vue オープンソースプロジェクト オープンソースソース

1. 前のページ

こんにちは、私は砂漠の果ての狼です。

Dotnet工具箱是一个纯前端的、开源和免费的工具网站,周末我参考了开源项目it-tools,对网站界面文字进行了汉化,并重新部署了网站。该网站共有10大工具分类,提供了73个实时在线小工具。使用Vue3开发的Dotnet工具箱具有独特的特色,本文详细介绍了其中一些特色工具,并简单分享了如何部署自己的工具网站。如果你对工具网站感兴趣,不妨来了解一下Dotnet工具箱吧!

Dotnetツールボックスには以下のツールがあります。

Dotnet Toolboxとit-toolsプロジェクトについて

Dotnetツールボックスリポジトリ(it-toolsベース)https//github.com/dotnet9/Dotnet9/tree/develop/src/Dotnetools

it-toolsリポジトリ:https//github.com/CorentinTh/it-tools

it-tools开源协议:GPL-3.0 license

it-toolsオンラインツールhttps//it-tools.tech/

この記事の執筆時点で、Dotnetツールボックスはit-toolsプロジェクトのインターフェイステキストを漢化しただけであり、プロジェクトの仕様に従って開発を拡張する必要がある場合は、次のようにする予定です。

it-toolsの開発に参加するhttps//github.com/CorentinTh/it-tools

Dotnetツールボックスの開発に参加するhttps//github.com/dotnet9/Dotnet9/tree/develop/src/Dotnetools

Dotnet Toolboxの中国語翻訳、Issue、PRの修正については、https//github.com/dotnet9/Dotnet9をご覧ください。

2. ツールのプレゼンテーション

10の主要なツールカテゴリセクションを選択し、各カテゴリはセクションを紹介します。

2.1.暗号化の追加

加復号には合計11個のガジェットがある。

2.1.1. Token、ランダムパスワード生成器

オンラインツールアクセスdotnetools.com/token-generator

大文字または小文字、数字、記号を含む、カスタム長さのランダムな文字列を生成します。

2.1.2.ハッシュテキスト生成器

オンラインツールアクセスdotnetools.com/hash-text

MD5、SHA1、SHA256、SHA224、SHA512、SHA384、SHA3、またはRIPEMD160に必要な関数を使用してテキスト文字列をハッシュする

2.1.3.テキストの暗号化、復号化

オンラインツールアクセスdotnetools.com/encryption

テキストの平文は、AES、TripleDES、Rabbit、RC4などの暗号アルゴリズムを使用して暗号化および復号化されます。

2.1.4. RSAキーペア生成器

オンラインツールアクセスdotnetools.com/rsa-key-pair-generator

新しいランダムなRSA秘密鍵および公開鍵pem証明書を生成します。

2.1.5.パスワード強度アナライザ

オンラインツールアクセスdotnetools.com/password-strength-analyser

このクライアント専用のパスワード強度アナライザとクラック時間推定ツールを使用して、パスワード強度を検出してください。

2.2.コンバーチレータ

変換器は15個のガジェットがある。

2.2.1.日時変換器

オンラインツールアクセスdotnetools.com/date-converter

日付と時刻をさまざまな形式に変換する

2.2.2.オンライン変換

オンラインツールアクセスdotnetools.com/base-converter

オンライン進法変換は、一般的に使用されるバイナリ、6進法、10進法などの進法単位間の変換だけでなく、50進法、100進法などの他の進法単位の変換をカスタマイズすることができます。

2.2.3. Base64文字列のエンコード/デコード

オンラインツールアクセスdotnetools.com/base64-string-converter

単純に文字列をbase 64表現にエンコードおよびデコードします。

2.2.4. Base64ファイルコンバータ

オンラインツールアクセスdotnetools.com/base64-file-converter

文字列、ファイル、画像をbase 64表現に変換します。

  • 対応するファイルを貼り付けbase64文字列をファイルに変換ダウンロード{{あくせすふぁいるbase64もじれつをふぁいるにへんかんだうんろーど}}
  • アップロードされたファイルをbase 64文字列に変換してコピー

2.2.5.カラー変換機

オンラインツールアクセスdotnetools.com/color-converter

フロントエンド開発(Web、デスクトップソフトウェア、モバイルなど)でよく使用される、フォーマット間で色を変換する(hex、RGB、hsl、css名)

2.2.6. JSONからYAMLへ

オンラインツールアクセスdotnetools.com/json-to-yaml-converter

在线将JSON转换为YAML的转换器,类似的还有YAML转JSONYAML转TOMLJSON转TOML列表数据转换器TOML转JSONTOML转YAML

2.3. WEBサイト

ウェブサイトには15種類のガジェットがあります。

2.3.1. URL文字列コーデック

オンラインツールアクセスdotnetools.com/url-encoder

URLエンコーディング形式(“パーセンテージエンコーディング”とも呼ばれます)またはそこからデコードされます。

2.3.2. HTML要素のエスケープ

オンラインツールアクセスdotnetools.com/html-entities

html要素のエスケープまたはエスケープ解除<>&" and 'を対応するhtmlバージョンに置き換える。これは主にバックエンドからフロントエンドへのWebコンテンツに使用される場合があり、特殊な記号はエスケープする必要があります。

2.3.3. Urlアナライザ

オンラインツールアクセスdotnetools.com/url-parser

url文字列を解析して、すべての異なる部分プロトコル、ソース、パラメータ、ポート、ユーザー名、パスワードを取得します。

2.3.4.デバイス情報

オンラインツールアクセスdotnetools.com/device-information

現在のデバイスに関する情報(画面サイズ、ピクセル比率、ユーザーエージェントなど)を取得する

2.3.5.エイリアス文字列

ツールの概要:文字列URL、ファイル名、IDを安全にします。

这是一篇关于别名的介绍什么是URL slug 及其对 SEO 的重要性

スラッグはキーワードSEOに非常に強力です。ユーザーがGoogleで“スラグとは何か”を検索したい場合、コンテンツURL構造内のキーワードは、コンテンツがSERPに含まれるべきであることをGoogleにシグナルするのに役立ちます。良いものがある場合。 スラグはウェブページの内容を明確に記述し、ユーザーエクスペリエンスを向上させることができる。

本文也使用了别名字符串工具,截图如下:

ステップは以下の通り

  1. “Dotnet Toolbox:オープンソースで無料の純粋なフロントエンドツールサイトで、トップ10のツールカテゴリと73のリアルタイムオンラインガジェットを探索することができます。
  2. 将得到的英文标题“Dotnet Toolbox: Open source, free pure front-end tool website that takes you to explore 10 major tool categories and 73 real-time online small tools”复制到别名字符串工具【需要转别名的字符串】输入框;
  3. [エイリアスをコピー]をクリックして、[エイリアス]入力ボックスから変換されたエイリアス文字列をこの記事のMarkdownファイルに貼り付けます。ファイルは変換された[[エイリアス].md]で名前を付けます。
  4. 使用别名访问本文:https://dotnet9.com/2023/10/dotnet-toolbox-open-source-free-pure-front-end-tool-website-that-takes-you-to-explore-10-major-tool-categories-and-73-real-time-online-small-tools9

2.3.6. HTTPステータス·コード

オンラインツールアクセスdotnetools.com/http-status-codes

すべてのHTTPステータスコード、その名前と意味のリスト。

2.3.7. JSONとの比較

オンラインツールアクセスdotnetools.com/json-diff

2つのJSONオブジェクトを比較し、差分を取得します。

2.4.写真とビデオ

4つの小さな道具がある。

2.4.1.二次元コードジェネレータ

オンラインツールアクセスdotnetools.com/qrcode-generator

URLまたはテキストのみのQRコードを生成してダウンロードし、背景と前景をカスタマイズします。

以下は、上記の操作によって生成された2次元コードです。WeChatスキャンコードは、Dotnetツールボックスのウェブサイトを開くことができます。

2.4.2. SVGプレースホルダージェネレータ

オンラインツールアクセスdotnetools.com/svg-placeholder-generator

主にWebサイト画像の読み込みが完了していない場合に、アプリケーション内のプレースホルダとして使用するsvg画像を生成します。

2.4.3.カメラ·ビデオレコーダー

オンラインツールアクセスdotnetools.com/camera-recorder

Webカメラまたはカメラから写真を撮影またはビデオを录画します。

2.5.開発は

開発分類には10個のガジェットがある。

2.5.1. Crontabジェネレータ

オンラインツールアクセスdotnetools.com/crontab-generator

crontabを検証して生成し、cronプランの人間が読める説明を取得します。

2.5.2. JSONの整形と整形

オンラインツールアクセスdotnetools.com/json-prettify

将 JSON 字符串美化为人类友好的可读格式,对应的就有JSON压缩工具

2.5.3. SQLの美化とフォーマット

オンラインツールアクセスdotnetools.com/sql-prettify

SQLクエリステートメントをオンラインでフォーマットして美しくします(さまざまなSQLバリアントをサポートします)。

2.5.4. Docker composeコンバータ

オンラインツールアクセスdotnetools.com/docker-run-to-docker-compose-converter

docker runコマンドをdocker-composeファイルに変換します。

2.5.5. XML書式設定

オンラインツールアクセスdotnetools.com/xml-formatter

XML文字列を人間に優しい読み取り可能な形式に美しくします。

2. x。その他の分類

小工具太多,逐一介绍太占篇幅,有兴趣可访问Dotnet工具箱-为开发人员提供方便的在线工具 (dotnetools.com)探索使用。

3. 独自のツールステーションを開発

it-tools是一个开源项目,站长基于它开发部署了自己的Dotnet工具站,当然您也可以基于it-toolsDotnet工具站开发部署自己的工具网站,让我们动起手来试试吧。

3.1.簡単な導入

it-tools项目readme说明有比较详细的项目相关说明、Docker网站部署步骤,下面是站长Dotnet工具箱的打包、部署简单说明:

  1. プロジェクトのクローンhttps//github.com/dotnet9/Dotnet9
  2. 定位到Dotnet工具箱目录:./src/Dotnetools
  3. フロントエンド開発に必要な環境のインストール:Node.js
  4. 终端安装依赖:npm install
  5. 终端打包:npm run build
  6. パブリッシングディレクトリをサーバにコピーします。

3.2.独自のツールを変更または拡張する

每个小工具源码在./src/Dotnetools/src/tools/下:

tools目录下增加或删除小工具目录后,需要改src\tools\index.ts文件,这里组织工具目录列表:

3.3.翻訳について。

部分小工具支持多语言本地化,可在下图中src\tools\token-generator添加或维护语言:

src\plugins\i18n.plugin.ts配置本地化使用的语言:

但大部分工具是未支持多语言的,可直接在xx.vue或xxx.ts中直接修改语言(比如:src\tools\http-status-codes\http-status-codes.vue):

Dotnet工具站部分视图翻译肯定是存在问题的,欢迎大家提PR纠正。

4. まとめまとめまとめ

これらのツールウェブマスターはそれぞれテストを行いました、安心して使用してください、ソースコードのPRを見て安心しないでください。

自宅で失業時間が多いので、必然的に翻訳の一部は正しくない、メンテナンスに参加することを歓迎します:

it-toolsの開発に参加するhttps//github.com/CorentinTh/it-tools

Dotnetツールボックスの開発に参加するhttps//github.com/dotnet9/Dotnet9/tree/develop/src/Dotnetools

Dotnet Toolboxの中国語翻訳、Issue、PRの修正については、https//github.com/dotnet9/Dotnet9をご覧ください。

テクニカルコミュニケーションプラスグループウェブマスターマイクロ信号を追加してください:codewf

Keep Exploring

延伸阅读

更多文章
同标签 2024/11/06

なぜ私のブログはBlazorに戻るのか?

ブログサイトの開発は苦労し、MVC、Vue、Goなどの10近くのバージョンを試してきましたが、Blazorに戻り、静的SSRを使用して、速度が急上昇し、正常にオンラインになりました。

继续阅读
同标签 2024/01/13

グレース!もう一つの. NET Coreオープンソースフレームワークプロジェクト:フレームワーク

ABP vNextネイティブバージョン、Furionバージョン、フロントエンドバックグラウンドアクセスRuoYi Vue 3.0、組み込みRBAC権利管理、最新のコミュニティモジュールをサポートし、ユーザーエクスペリエンスから始まる. NET 8 Webオープンソースフレームワークのセット。

继续阅读
同标签 2022/01/18

NET MAUIでVueを使用したハイブリッド開発

MAUIでのマイクロソフトの公式な計画はBlazorで開発することですが、現在市場に出回っているほとんどのWebプロジェクトはVueやReactなどのテクノロジーを使用しており、蓄積されたテクノロジーをバイパスできなければ、プロジェクト全体をBlazorで書き直すことは現実的ではありません。

继续阅读