DUICUO

Vue 3.0 エコシステムに基づく 15 の優れたオープンソース プロジェクトを共有します。

今日は、Vue 3.0 ファミリーのライブラリをベースにした 15 の優れたオープンソース プロジェクトを紹介します。

1. Vue Admin の改良

github: https://github.com/chuzhixin/vue-admin-better

Vue 管理は、次の点で他の管理フレームワークよりも優れています。

  1. インテリジェンスによるルーティング権限のフロントエンド制御と、すべてのモードによるルーティング権限のバックエンド制御をサポートします。
  2. 既知のソースは、自動モック生成とエクスポートをサポートする最初のフレームワークである Vue Admin です。
  3. 50 を超えるグローバルなきめ細かな構成オプションを提供します。
  4. 自動 SCSS ソートと自動 ESLint 修正をサポートします。
  5. Axios は、application/json;charset=UTF-8 を含む複数のデータ ソースと複数の成功コード配列をサポートする洗練されたラッパーを提供します。
    application/x-www-form-urlencoded;charset=UTF-8 複数のパラメータを渡す方法
  6. ログインにRSA暗号化をサポート
  7. 7Z 圧縮ファイルの自動生成をサポートします。
  8. エラーログのインターセプションをサポート
  9. 複数のテーマとレイアウト間の切り替えをサポートします。

プレビュー画像:

2. Vue Pure 管理者

github: https://github.com/xiaoxian521/vue-pure-admin

vue-pure-admin は、オープンソースで無料、すぐに使えるミドルエンドおよびバックエンド管理システムテンプレートです。Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwind CSS といった最新の主流技術を使用して開発されています。

プレビュー画像:

3. Vue vben 管理者

github: https://github.com/vbenjs/vben-admin-thin-next

Vue Vben Adminは、オープンソースのミドルおよびバックエンドテンプレートです。Vue3、Vite、TypeScript、Pinia、Vue Routerといった最新の主流技術を用いて開発されており、すぐに使えるミドルおよびバックエンドのフロントエンドソリューションを提供します。学習やリファレンスとしても活用できます。

プレビュー画像:

4. JeecgBoot-Vue3

github: https://github.com/jeecgboot/jeecgboot-vue3

JeecgBoot-Vue3は、Vue 3.0 + Vite + Ant-Design-Vue3 + TypeScript + Vue-router + Vue-RFCSを含む新しいテクノロジーソリューションを採用し、セカンダリコンポーネントのカプセル化、ユーティリティ、フック、動的メニュー、権限検証、ボタンレベルの権限制御などの機能を網羅しています。これは、JeecgBootローコードプラットフォーム向けのVue 3テクノロジースタックの全く新しいUIバージョンであり、Vue 2と比較して機能が強化されています。

プレビュー画像:

5. カミファカ

github: https://github.com/Baiyuetribe/kamaFaka

  1. Stisla UI: Web インターフェースは美しいです。
  2. フロントエンドでは、応答時間がミリ秒レベルである Vue 3.0 を使用します。
  3. Alipay対面支払い、WeChat公式アカウント、Payjs、Hupijiao、YunGouOS、EasyPay、Mugglepay、V-signatureなど、10を超える支払いインターフェースを統合しています。
  4. 通常ユーザーは電子メールと SMS 経由でメッセージを受信できます。
  5. 管理者は、電子メール、SMS、Telegram、WeChat、QQ 経由で通知を受信できます。
  6. 2~4階層の卸売モデルをサポート
  7. 長い CAPTCHA は TXT テキスト ファイルとしてエクスポートできます。
  8. 複数のテーマモード [リスト、カード、グリッド]
  9. カスタマイズ可能な背景、ロゴ、連絡先情報などをサポートします。
  10. ホット バックアップをサポートしており、ワンクリックでクラウド バックアップを実行したり、バックアップ ファイルをローカル ストレージにワンクリックでエクスポートしたりできます。
  11. データベースは分離可能で、MySQL、PostgreSQL、SQLite と互換性があります。
  12. モバイルデバイスでのAlipayの起動をサポート
  13. JWT認証
  14. リミッターはサーバーへのアクセス頻度と回数を保証します
  15. 訪問者ページと管理者ページは別々になっており、個別にカスタマイズできます。

プレビュー画像:

6. Vue3-jd-h5

vue3-jd-h5 は、Vue 3.0.0 および Vant 3.0.0 に基づく電子商取引 H5 フロントエンド プロジェクトであり、主にホームページ、カテゴリ ページ、マイ ページ、ショッピング カートなどが含まれます。

プレビュー画像:

7. Vue3要素プラス管理者

github: https://github.com/gmingchen/vue3-element-plus-admin

Java + Vue は多くの優れたバックエンド管理システムを提供していますが、バックエンド権限管理システムを効率的に開発するには...

vue3-element-plus-admin は、Vue3、Element-plus、Java をベースにした、マルチエンタープライズバックエンド権限管理システムです。包括的な権限システムを提供することで、開発者は特定のビジネスロジックに集中でき、開発コストを削減し、プロジェクトの効率を向上させることができます。ウェブサイト管理バックエンド、SaaS、CMS、CRM、OA、ERP などに活用でき、企業・個人を問わず無料でご利用いただけます。PR(リクエスト)を歓迎いたします。開発中に問題が発生した場合は、GitHub で Issue を送信できます。

プレビュー画像:

8. Vue3-ビッグデータ

github: https://github.com/biubiubiu01/vue3-bigData

vue3-bigData は、さまざまな視覚化チャートを含む最新の Vue テクノロジー スタックを使用した、Vue 3.0 と ECharts に基づく視覚化システムです。

プレビュー画像:

9. Vueフォーム作成

github: https://github.com/fuchengwei/vue-form-create

Vue-form-create は、Vue 3.0 + TypeScript をベースにしたカスタムフォームジェネレーターです。npm と CDN のインポートメソッドをサポートしています。UI ライブラリは ant-design-vue と element-plus をサポートしています。

プレビュー画像:

10. Vue3.0 ウェブミュージック

github: https://github.com/woliuCN/vue3.0-web-music

Vue3.0-web-musicは、Vue 3 + TypeScript + Vite + Pinia + Vueuseをベースに開発された音楽プレーヤーです。インターフェースはQQ Music Macクライアントを模倣しており、ダークモードをサポートしています。

11. Vueデータ可視化

github: https://github.com/miyuesc/vue-data-visualization

Vue-data-visualizationは主にVue 3、Echarts 5、Element Plusを使用して開発されています。要素のドラッグとスケーリングはネイティブJavaScriptを使用して実装されています。

このプロジェクトは主に、汎用視覚化ダッシュボード用のシンプルな構成を実装することを目的としていますが、特殊なチャートについてはさらなる開発が必要です。

プレビュー画像:

12. Imooc-zhihu-zheye-コラム

github: https://github.com/marlonchiu/imooc-zhihu-zheye-column

Imooc-zhihu-zheye-column は、Typescript + Vue 3.0 + Vue-Router を使用して、Zhihu のコラムの忠実度の高いレプリカを最初からテストして起動します。

プレビュー画像:

13. Vue 3.0 要素のショップ管理

github: https://github.com/ly1994lyy/Vue3.0_Element_ShopManage

ShopManage は、Vue 3.0、TS、Element-plus.0 をベースにした電子商取引のバックエンド管理システムです。

プレビュー画像:

14.vue3-コンポジション-管理者

github: https://github.com/RainManGO/vue3-composition-admin

vue3-composition-admin は、Vue3、TypeScript、Vuex、Vue Router、Element Plus をベースにした管理テンプレートソリューションです。このプロジェクトは、コンポジション API スタイルで記述されています。

プレビュー画像:

15. newbee-mall-vue3 アプリ

github:: https://github.com/newbee-ltd/newbee-mall-vue3-app

newbee-mall-vue3-appは、Vue3 + Vue Router4 + Vuex 4 + Vant3をベースにした大規模なシングルページeコマースプロジェクトです。このeコマースシステムには、ホームページポータル、商品カテゴリ、新商品リリース、ホームページカルーセル、商品レコメンデーション、商品検索、商品表示、ショッピングカート、注文チェックアウト、注文プロセス、個人注文管理、メンバーセンター、ヘルプセンターなどのモジュールが含まれています。