Vue3.0モバイルモールプロジェクト実戦（フロントエンドとバックエンドの分離）

• 章1 プロジェクトの初期化
• 1-1 プロジェクトファイルとディレクトリ構造の設計
• 1-2 プロジェクトの初期化 -- スタイルの初期化
• 1-3 コンポーネントディレクトリの初期化
• 1-4 ネットワークリクエストディレクトリの初期化
• 1-5 ルーティングおよびその他のディレクトリの初期化
• 1-6 vue.config.js エイリアスを構成する
• 1-7 スタイルでエイリアスを使用する方法
• 1-8 開発者の都市ナビゲーション メニュー
• 1-9 ナビゲーションメニュー用のフォントアイコンの導入
• 1-10 ページ上部のタイトルバーを01にします。
• 1-11 ページの上部にタイトルバーを作成します 02
• 章2 ホームページ上の製品の推奨事項とタブ
• 2-1 ページルーティングインターセプト原理の解析
• 2-2 ホームページ推奨製品コンポーネントの開発と設計
• 2-3 推奨される製品インターフェイス データを取得してレンダリングする
• 2-4 商品リストを詳細ページに実装する
• 2-5 タブの動的な強調表示
• 2-6 タブを切り替えて tabIndex を取得する
• 2-7 公開製品リストコンポーネントを作成する
• 2-8 タブを切り替えてデータをリクエストする
• 2-9 コンポーネントはタブデータをレンダリングするために値を渡します
• 2-10 スクロールコンポーネントの改善により、より多くのロードを行うためのプルアップが実装されました
• 2-11 ページ分割されたデータの統合
• 章3 ホームページの開発を改善する
• 3-1 より優れたスクロールプルアップにより、より多くのプロセスコーミングをロードします
• 3-2 ページ分割されたデータをロードする
• 3-3 ページ上でジッターのない滑らかなスクロール効果を実現します
• 3-4 シルキーなリターントゥトップ効果を実現
• 3-5 Vant コンポーネント ライブラリのコンテンツの紹介
• 3-6 vue プロジェクトは Vant を導入し、Swiper カルーセル コンポーネントを使用します
• 3-7 カルーセル チャート データをリクエストしてレンダリングする
• 3-8 遅延読み込みとバッジ コンポーネントの使用
• 3-9 設計・開発カテゴリーページ
• 3-10 サイドバーコンポーネントの使用
• 3-11 バンカードコンポーネントと製品詳細ページのデザイン
• 3-12 商品詳細ページの開発
• 章4 ログインして登録する
• 4-1 新規ユーザー登録・ログインページのUI開発
• 4-2 ユーザー登録フォームの確認と送信
• 4-3 電子メールが占有されています - ユーザー登録がブロックされています
• 4-4 ユーザーのログイン認証情報トークンをクライアントに保存します。
• 4-5 インターフェースアクセスの統合認可
• 4-6 ログインジャンプとログアウト
• 4-7 ステータス検出とページポートアクセスの傍受
• 4-8 商品の在庫とショッピングカートの数量制限
• 4-9 カートに追加して今すぐ購入
• 4-10 店舗状況倉庫ではショッピングカートの数を記録
• 4-11 ショッピングカートページのデザイン
• 章5 プロジェクトのインストールと展開
• 5-1 ショッピングカートをクリアしてプレビュー注文を生成する
• 5-2 注文管理と製品評価インターフェースの説明
• 5-3 vue mall プロジェクトのパッケージ化
• 5-4 パッケージ化されたプロジェクトのオンライン展開
• 5-5 ナビゲーション ガードとインターフェイス認証の問題
• 5-6 プロジェクトのビジネスロジックのレビュー
• 5-7 メニュー連携 - 詳細配送先追加
• 5-8 注文に関連するビジネスロジックを作成する
• 5-9 注文の詳細とアバターのアップロードプロセスが整理されました
• 章6 バックエンドAPIの構築
• 6-1 仮想マシンに wampserver をインストールする
• 6-2 バックエンドlaravelプロジェクトを実行する
• 6-3 Composer インストール プロジェクトの依存関係
• 6-4 インターフェースデータベースの移行
• 6-5 オブジェクトストレージOSSの有効化と設定
• 6-6 ewshop プロジェクトをインストールして実行する
• 6-7 ant-design pro バックグラウンドをインストールして実行する
• 6-8 サーバーから返されたステータス コードに基づいたトラブルシューティング ロジック