TypeScript+Vue3.0実践チュートリアル

• 章1 TS のインストールとコンパイル
• 1-1 TSの紹介
• 1-2 TypeScript をインストールしてコンパイルする
• 章2 基本的なデータ型
• 2-1 基本的なデータ型
• 2-2 任意の値 (任意)
• 2-3 型推論
• 2-4 共用体型
• 2-5 インターフェース
• 2-6 配列
• 章3 関数
• 3-1 関数宣言、関数式
• 3-2 オプションのパラメータ、パラメータのデフォルト値
• 3-3 残りのパラメータ、オーバーロード
• 章4 型アサーション
• 4-1 共用体型をその型の 1 つとしてアサートする構文
• 4-2 親クラスをより具体的なサブクラスにアサートします
• 4-3 任意の型を任意の型にアサートします
• 4-4 any を具体的な型にアサートします
• 4-5 型アサーションの制限
• 4-6 双重断言
• 4-7 型アサーション VS ジェネリック
• 章5 タプルと列挙型
• 5-1 type キーワードを使用して、型エイリアスと文字列リテラル型を定義します。
• 5-2 タプル
• 5-3 列挙する
• 章6 親切
• 6-1 概念、コンストラクター、プロパティ、メソッド
• 6-2 アクセサ
• 6-3 静的メソッド
• 6-4 3 つのアクセス修飾子: public、private、prote
• 6-5 パラメータのプロパティと読み取り専用プロパティのキーワード
• 6-6 抽象クラス
• 6-7 クラスとインターフェイス、クラスはインターフェイスを継承、インターフェイスはインターフェイスを継承、インターフェイスはクラスを継承
• 章7 ジェネリック
• 7-1 概念、簡単な例
• 7-2 複数の型パラメータ
• 7-3 一般的な制約
• 7-4 汎用インターフェース
• 7-5 汎用クラス
• 7-6 宣言のマージ、同じ名前の関数、インターフェイス、クラスのマージ
• 7-7 最後に書きます
• 章8 Vue3 の実践的なトピック
• 8-1 オープニング紹介
• 8-2 Vue3 実行環境のインストール -- 実行環境をインストールする必要がある理由
• 8-3 npmイメージのインストール
• 8-4 VueCI足場の設置
• 8-5 Vue3プロジェクトを作成する
• 8-6 プロジェクトのディレクトリ構造の説明
• 8-7 vue2VSvue3 プロジェクト main.js の比較
• 8-8 vue3 ライフサイクルの変更とセットアップ機能を理解する
• 8-9 ref、リアクティブな応答性の高いデータ寿命
• 8-10 エレメントパルスの紹介
• 8-11 HTTPフレームワークの紹介
• 8-12 軸のカプセル化
• 8-13 朝夕のバックグラウンド管理システムのページ構造分析とログインページの作成
• 8-14 axios を使用してログインを完了する
• 8-15 メインページの左側のメニューバーを改善
• 8-16 サブルートの設計
• 8-17 コース一覧ページのライティング
• 8-18 フロントエンドリストページングの実装
• 8-19 ページネーションコンポーネントとフィルターリスト
• 8-20 プロジェクト概要
• 章9 vue3+Element-plus+axios実戦
• 9-1 コース紹介01
• 9-2 コース紹介02
• 9-3 vue2 と vue3 の違いの比較 -- 高速化
• 9-4 vue2 と vue3 の差分比較 -- 音量の削減
• 9-5 vue2 と vue3 の差分比較 - 保守が容易
• 9-6 vue2 と vue3 の差分比較 - より高度なネイティブ サポート
• 9-7 プロジェクト機能表示
• 9-8 開発環境と技術スタック
• 9-9 NodeJS環境をインストールする
• 9-10 Vue-CLI をインストールする
• 9-11 フロントエンドプロジェクトの作成とディレクトリの紹介
• 9-12 TypeScript と SCSS をインストールする
• 9-13 ElementPlusの導入と使い方
• 9-14 Webサイトモジュール部門
• 9-15 ルーティングの構成と使用
• 9-16 Webサイトのヘッダーとフッターの開発とコンポーネントの使用
• 9-17 メニュー バー コントロールを使用し、ルーティングと組み合わせて切り替えを実現します。
• 9-18 ホームページへのバナーカルーセルの実装
• 9-19 変数からカルーセルデータを読み取る
• 9-20 axios を使用して JSON データを読み取る
• 9-21 webapiのバックエンド開発の作成・運用・ディレクトリ解説
• 9-22 webapi ルーティングの設定、および swagger を使用したインターフェイスの表示とデバッグ
• 9-23 Axios は webapi を読み取り、クロスドメインの問題を解決します
• 9-24 クロスドメインのバックエンド処理メソッドの解析
• 9-25 クロスドメインのフロントエンド処理の問題を解決する
• 9-26 ホームページの主なコンテンツ開発
• 9-27 花リストインターフェイス
• 9-28 ログイン登録ページの機能解析とユーザーテーブルの設計
• 9-29 SqlSugar の概要とインストール
• 9-30 SqlSugar を使用して Code First を実装し、データベースを作成する
• 9-31 SqlSugar とリフレクションを組み合わせてテーブルを生成し、データを初期化する
• 9-32 サービス層の構築と構造の紹介
• 9-33 AutoMapperのインストールと使用
• 9-34 フラワーリストインターフェースドッキングデータベース
• 9-35 vuex 状態管理による vues の導入と使用
• 9-36 登録インターフェイスと送信フォームの出力パラメータの実装
• 9-37 バックエンド API ドッキング
• 9-38 ログインインターフェースとバックエンドAPIドッキングの実装
• 9-39 vuex を使用して右上隅にステータス切り替えを実装します - プロセスを完了します
• 9-40 検証コード解析と実装プロセス解析
• 9-41 検証コードのバックエンドインターフェイスの実装
• 9-42 検証コード機能フロントエンドの実装 (クリックして更新)
• 9-43 ログインおよび登録の補足検証コード ロジック
• 9-44 フロントエンドリストページの実装
• 9-45 リストページデータの読み込みとバインド
• 9-46 コンポーネントベース開発リストページの抽出
• 9-47 詳細ページの実装
• 9-48 詳細ページのデータの読み取りとバインド
• 9-49 ブレッドクラムコンポーネントの使用
• 9-50 支払いページを設計し、注文作成リクエストを開始します
• 9-51 注文インターフェイスの実装を作成する
• 9-52 注文インターフェースの分析、伝票の重要性
• 9-53 jwtの利用、ログイン、登録ロジックの調整
• 9-54 フロントエンドのログイン登録ロジックの調整、トークンの保存と解析
• 9-55 注文インターフェイスと認証ロジックを作成する
• 9-56 個人センターページの開発
• 9-57 オーダーリストデータの読み込みとバインド
• 9-58 認証ロジックとさまざまな実践のデモンストレーション
• 9-59 バックエンドアップグレードのためのIOCの概念と実装
• 9-60 バックエンドアップグレードのためのIOCの拡張、Autofacの使用
• 9-61 フロントエンドアップグレードのための Axios インターセプターの使用 (パート 1)
• 9-62 フロントエンドのアップグレードのための Axios インターセプターの使用 (パート 2)
• 9-63 Log4Net の構成と使用 (パート 1)、テキスト ログの書き込み
• 9-64 Log4Net の構成と使用 (パート 2)、データベース ログの書き込み
• 9-65 バックエンドの公開とデプロイ
• 9-66 フロントエンドのリリースとデプロイ