vue shop

? Vue Family Bucket は電子商取引管理システムを開発します

オンライン エクスペリエンス アドレス | プロジェクト概要ドキュメント |

️体験中は勝手にデータを削除しないようご協力お願いいたします。

？ 導入

このプロジェクトでは 2 回の学習を経ました。1 回目は Vue を学習することであり、2 回目は知識を統合してそれを巧みに適用し、プロジェクトの技術的なハイライトを掘り出し、以前に理解していなかった技術的なポイントを再学習することでした。新しい文書をコンパイルします。第 2 に、リクエストが遅いのは普通のことです。

？初め：

またしても冬休みです。ある優等生はこう言いました。寒假是用来反超的！なので、この冬休みに私と一緒に Vue を学びましょう。これまでに行ったすべてのことをこのディレクトリに統合して、学習記録を作成し、読者が確認しやすくします。実際に私のプロジェクトは 1 月 24 日に完了しましたが、その日はたまたま大晦日でした。私はそのプロジェクトの記録と作業を並行して行っていましたが、コラムへのアクセス数が 50,000 に達していました。 3日間お休みしたので、今夜はVueのことを知らない初心者が素早く開発する方法を見てみましょう。

Vue❤ラーニングコラムポータル

?2回目：

このプロジェクトの開発と実装は 2 回目です。最後に、このプロジェクトはオンラインで、次の簡単な使用方法でプロジェクトを実行できます。良いと思ったらstarをつけて応援してください♪(･ω･)ﾉ

? 使い方は簡単

1. starプロジェクトのリポジトリ^ o ^
2. このリポジトリ コードのコピーfork
3. git clone -b master [email protected]:Chocolate1999/vue-shop.gitソースコードをコピー
4. npm install実行して依存関係をインストールします
5. npm run serveローカルサービスを開きます

プロジェクト概要

2.1 EC事業の基本業務概要

さまざまなアプリケーションシナリオに応じて、電子商取引システムは通常、PC、モバイルAPP、モバイルWeb、WeChatアプレットなどの複数の端末アクセス方法を提供します。当社は主にPCのバックグラウンド管理を扱います。

2.2 電子商取引バックエンド管理システムの機能

電子商取引バックエンド管理システムは、ユーザー アカウント、製品カテゴリ、製品情報、注文、データ統計、その他のビジネス機能を管理するために使用されます。

2.3 電子商取引バックエンド管理システムの開発モデル（フロントエンドとバックエンドの分離）

電子商取引バックエンド管理システムは全体として、フロントエンドとバックエンドを分離した開発モデルを採用しています。フロントエンド プロジェクトは、Vue テクノロジー スタックに基づく SPA プロジェクトです。

2.4 電子商取引バックエンド管理システムの技術的選択

①フロントエンドプロジェクトの技術スタック：

• ヴュー
• Vueルーター
• 要素UI
• アクシオス
• Eチャート

②バックエンドプロジェクト

• Node.js
• 急行
• wxya
• MySQL
• 続編

? クイックスタート章

この記事は主に Vue を始めたばかりの人を対象としており、メモ帳、街の天気クエリ、音楽再生、MV などの簡単な例が含まれています。また、学習中に遭遇する問題を解決します。 Vue をすぐに始めることができます~

1. 2020 Zero Basic Vue クイックスタート Vue の基本 [詳細]
2. 2020 ゼロベース Vue クイック スタート Vue 手順ローカル アプリケーション [コンパイル]
3. メモ帳の開発方法を学ぶ 2020 Zero-Based Vue Quick Start (プログラミングの楽しさを刺激する) [構成 + ソース コード]
4. 2020 Zero-Based Vue Quick Start Vue2.0 は ES6 構文のアロー関数を使用 => このスコープの理解 [コンパイル]
5. 2020 外部 css および js ファイルを Vue プロジェクトに導入するゼロベースの Vue クイック スタート方法 [コンパイル]
6. 2020 ゼロベース Vue クイック スタート ネットワーク アプリケーション axios+Vue [コンパイル]
7. 2020 ゼロベース Vue クイック スタート 天気クエリ Web ページ開発のための教育 - 神は知っています (プログラミングの楽しさを刺激するため) [コンパイル + ソース コード]
8. 2020 ゼロベース Vue 音楽プレーヤー開発のための総合アプリケーション教育 - Yueting (プログラミングの楽しさを刺激する) [コンピレーション + ソース コード]

電子商取引管理システム開発（事典）

1. 2020 年 Vue ファミリー バケット開発 E コマース管理システム (Element-UI) プロジェクトの概要 ゼロの基礎から迅速な開発まで
2. 2020 年 Vue ファミリー バケット開発 E コマース管理システム (Element-UI) プロジェクトの初期化 (ゼロの基礎から迅速な開発まで)
3. 2020 ゼロ基盤から Vue ファミリー バケット開発電子商取引管理システム (Element-UI) 使用コード クラウド ホスティング プロジェクトの迅速な開発
4. 2020 Vue ファミリーのゼロベースから迅速な開発バケット開発電子商取引管理システム (Element-UI) 構成 MySQL
5. 2020 Vueファミリーのゼロベースから迅速な開発 Bucket開発 電子商取引管理システム(Element-UI)ログイン・終了機能実装
6. 2020 ゼロ基盤から迅速な開発へ Vue ファミリー バケット開発 e-コマース管理システム (Element-UI) ホームページ レイアウト開発
7. 2020 ゼロ基盤から迅速な開発へ Vue ファミリー バケット開発 電子商取引管理システム (Element-UI) ユーザー リスト開発
8. 2020 Vueファミリーバケット開発電子商取引管理システム（Element-UI）をゼロから迅速に開発する【ユーザー追加】
9. 2020 Vueファミリーバケット開発電子商取引管理システム（Element-UI）のゼロからの迅速な開発[ユーザーの変更]
10. 2020 Vueファミリーバケット開発電子商取引管理システム（Element-UI）をゼロから急速開発【ユーザー削除】
11. 2020 Vueファミリーバケット開発電子商取引管理システム（Element-UI）のゼロから迅速な開発まで【権限リスト】
12. 2020 ゼロ基盤から急速開発まで、Vue ファミリーバケット開発電子商取引管理システム (Element-UI) [役割一覧]
13. 2020 Vueファミリーバケット開発電子商取引管理システム（Element-UI）をゼロから迅速に開発する【権限の付与】
14. 2020 Vueファミリーバケット開発電子商取引管理システム（Element-UI）をゼロから迅速に開発【役割の割り当て】
15. 2020 Vueファミリーバケット開発のゼロ基盤から急速開発まで eコマース管理システム（Element-UI）製品分類記事
16. 2020 Vueファミリーバケット開発電子商取引管理システム(Element-UI)の分類パラメータをゼロから迅速に開発
17. 2020 Vueファミリーバケット開発のゼロから急速開発までの電子商取引管理システム（Element-UI）製品一覧
18. 2020 Vue Family Bucket開発をゼロから迅速に開発 電子商取引管理システム（Element-UI）注文管理
19. 2020 年 Vue ファミリー バケット開発 E コマース管理システム (Element-UI) のデータ統計 (ゼロの基礎から迅速な開発まで)
20. 2020 Element-UI (フル) プロジェクトの最適化とオンライン展開 (npm、vue ui ベース) に基づく Vue ゼロベース開発パート 1
21. 2020 Element-UI (フル) プロジェクトの最適化とオンライン展開 (npm、vue ui ベース) に基づく Vue ゼロベース開発 次の記事

✔️ プロジェクトの一部のスクリーンショット表示

✏️結論

学習は流れに逆らって航海するようなもので、前進しなければ後退してしまいます。

魔法のコミュニケーション

• コミュニケーションは伝達です コミュニケーションは交換です
• コミュニケーションは分かち合いです コミュニケーションは知恵です
• コミュニケーションは友情です コミュニケーションは力です

「自分を知り、自分を超越する」ことがコミュニケーションの最高の状態である

• プロジェクト中に学ぶべき人や物事がますます増えていると感じるとき、それはあなたが成長していることを意味します。
• 責められるべき人や物事がどんどん減っていると感じるとき、それはあなたが成熟していることを意味します。
• プロジェクト内で友情や友人を獲得し続けると、プロジェクトが成功することを意味します。

人が覚えられるものは次のルールに従います。

• 聞いたことの 5%
• 読んだ内容の 10%
• コンテンツの 30% が視聴されました
• 内容の 50% が議論されました
• コンテンツの 75% は個人的に作成されました
• 他の人がやったことの90%を教える

したがって、私が学んだ知識をオープンソース化することは、この記事を読んだ後、Vue の基本的な使い方と使い方を学ぶことになり、私にとってもこのドキュメントのおかげで有益であると思います。知識を整理する中で、私もこの件について深く思い出しました。これはwin-winの状況ではないでしょうか。ということで、急いでこの倉庫にスターを付けてください。Portal: Little Lion Front End の研究ノート。ブロガーさんにアイスクリームを一杯あげてください（笑）

詳細については、私が書いたものを読むことを強くお勧めします: [プロジェクト概要ドキュメント] Vue ファミリー バケット開発 E コマース管理システム プロジェクト

ご質問がある場合は、記事の最後にあるコメント エリアでメッセージを残して議論してください。もちろん、記事の最後にある報酬ボタンをクリックして、ブロガーに氷をご馳走することもできます。クリーム、笑えよ～

最後に、プロジェクトやチュートリアルが役に立った場合、またはそれらを見て気に入った場合は、スターを付けてください。ありがとうございます。

？ライセンス

マサチューセッツ工科大学