JS チュートリアル パート 3: ElectronJS、VueJS、SQLite、Sequelize ORM を使用して多対多の CRUD アプリケーションを最初から最後まで作成する

導入

プロジェクトの密度と記事全体の長さのため、このチュートリアルは 3 つの部分に分かれています。

• パート 1: VueJS を使用して Electron アプリケーションを作成する
  https://blog.csdn.net/iCloudEnd/article/details/125468814

• パート 2: データベースへの接続と CRUD 関数の作成
  https://swiftui.blog.csdn.net/article/details/131876675

• パート 3: UI を構築し、IPC を使用してメイン プロセスに接続する
  https://swiftui.blog.csdn.net/article/details/131876890

プロジェクトは記事の下部にあるソース コードで入手できます。

Vue で UI を構築する

ユーザー インターフェイスはシンプルなので、詳しくは説明しません。このトピックではより重要なリンクと IPC に焦点を当てます。

1. HelloWorld.vue を削除しましょう

2. App.vue をクリーンアップし、古いコンポーネント実装を削除します。

3. アイコンを処理するには、material-icons パッケージを使用します。このコマンドを実行してインストールすると、次のようになります。

npm i material-icons