K 8 Sテクノロジースタックによる個人プライベートクラウドの構築(連載:プライベートクラウドクライアント構築)

【K 8 S技術スタックを利用して個人私有クラウドシリーズの文章目録を作成する】

K 8 Sテクノロジースタックを利用して個人私有クラウド(連載:初章)

を構築

K 8 Sテクノロジースタックを利用して個人私有クラウド(連載:K 8 Sクラスタ構築)

を構築

K 8 Sテクノロジースタックを利用して個人のプライベートクラウドを構築する(連載:K 8 S環境理解と練習)

K 8 Sテクノロジースタックを利用した個人プライベートクラウド(連載:ベースミラー作成と実験)

K 8 Sテクノロジースタックを利用して個人私有クラウド(連載:資源制御研究)

を構築

K 8 Sテクノロジースタックを利用して個人プライベートクラウドを構築する(連載:プライベートクラウドクライアント構築)

注意:本文はMy公衆番号CodeSheepに先発し、下の注意心を長押ししたりスキャンしたりして購読することができます↓↓↓
Vue.js初触
私はフロントエンドについてあまり詳しくありませんが、最近接触したばかりです.フロントエンドの技術スタックはまだ巨大で、すでに存在する車輪を借りて車を作ることができるため、私はVueを選んだ.jsは実践を行う.
初めて勉強したと思います.js、以下の4つの点をマスターすれば、基本的に仕事ができるはずです.

私が理解しているVueを宣言的にレンダリングします.jsはjQueryと同じフロントエンドフレームワークで、その中心思想はデータ駆動で、遠い昔の先輩jQueryのように構造駆動で、どういう意味ですか.以前はコードを書くときに$('.dom').text(' ')をよく使っていました.この書き方はまず構造を獲得し、それからデータの新しい構造を修正します.Vueのやり方は直接this.msg=" "で、それからmsgはある構造に同期します.ビュー管理は抽象的にdom構造を管理するのではなく、データ管理です.

コンポーネント化システム

基本的には、大きなページが小さなコンポーネントで積み重ねられていると理解することができ、Vueは小さなコンポーネントごとによく説明し、書くことができる.vue形式のファイルは、上図のように表示されます.

クライアントのルーティングは、従来の意味では、サーバ側が一定のURLルールに従ってマッチングしてフロントエンドに異なるページコードを返すものであるが、実際にはフロントエンドもアンカーポイントによってルーティングを切り替えることができるため、Vueである.jsでは,バックエンドとは無関係にルーティングテーブルを構成してアンカールーティングを実現するだけでよい.

状態の管理Vueの状態管理はVuexによって行われ、Vueのすべてのコンポーネント状態を管理する.状態とは、例えば、

sidebarの開閉

themeトピックの切り替え

クッキーのコンテンツ切替

現在ログインしているユーザ切替

...

大規模な単一ページアプリケーション(SPA)を開発すると、複数のビューコンポーネントが複数のステータスを維持し、交差します.以上の場合、Vuexを使用することを考慮する必要があります.コンポーネントの共有状態を抽出し、グローバルな単一のモデルとして管理することができます.これにより、どこでステータスを変更しても、そのステータスを使用するコンポーネントに変更を通知します.
理論部分ではこれだけですが、初心者はBBがあまり多くありません.クライアントページの作成状況を話しましょう.
プライベートクラウドクライアントの構築

ホームページ

まずホームページの面で、どのクラウドホストシステムのページを開くことができて、基本的に似ています.現在、左側のSidebarはインスタンスメニューに役立ちます.
ページセンターの主な内容は、現在のシステムで作成されているホストインスタンスのプレビューです.1行1行、削除および再起動操作を計画できます.
ページ右上の[作成](Create)ボタンをクリックすると、ホストをインスタンス化できます.

クラウドホストページ

を作成する
ここで計画はXXXクラウドのように自ら購入して配置することができて、それから実例化して、システム規格、CPU、メモリ、ハードディスクなどを含みます

クラウドホスト構成選択ページ

クラウドホスト構成ブラウズページ

現在、構成を選択した後、クリックして作成したクラウドホスト規格はデフォルトですが、これらの選択した規格パラメータは実際のインスタンス化されたホストパラメータに対応しておらず、検討すべきことはたくさんあります.
後記

作者のもっと多いオリジナルの文章ここで、

を鑑賞することを歓迎します

My Personal Blog

著者のSpringBtの実践記事はここにあります.

Spring Bootアプリケーションモニタ実戦

SpringBootアプリケーションは、外付けTomcatコンテナ

に配備されている.

ElasticSearch検索エンジンSpringBtにおける実践

初探Kotlin+SpringBoot連携プログラミング

Spring Bootログフレームワーク実践

SpringBoot優雅符号化之:Lombok加持

興味があれば、作者の容器化、マイクロサービス化に関する文章を見ることもできます.

K 8 Sテクノロジースタックを利用して個人私有クラウド連載記事

を作成

構成リストからNginxサーバ構成

を詳しく説明する

Docker容器可視化監視センタ構築

ELKを利用してDockerコンテナ化応用ログセンター

を構築する

RPCフレームワーク実践之:Apache Thrift

RPCフレームワーク実践之:Google gRPC

マイクロサービスコールチェーン追跡センター構築

Dockerコンテナホスト間通信

Docker Swamクラスタプローブ

Dockerfileを効率的に記述するいくつかのガイドライン