Spring Initializer

IntelliJへのインポート

起動可能なJarを作る

React.js

React.js プロジェクトの最終形

SpringExam
├── src
│ ├── main
│ │ ├── frontend *
│ │ ├── java
│ │ └── resources
│ │     ├── application.properties
│ │     ├── static *
│ │     └── templates
│ └── test
│     └── java
└── target

React.js プロジェクトの作成

~/SpringExam/src/main$ npx create-react-app frontend --template typescript

動作確認

~/SpringExam/src/main$ cd frontend
~/SpringExam/src/main/frontend$ npx start

好吃

react.png

React.js プロジェクトを Maven からビルド

REST API + H2

log

H2の動作環境作成

REST API, DAO(JDBCTemplate), Record 一気通貫

modules-info.java

実行結果

restexec.png

よか

開発時の動作

開発用 Proxy サーバの組み込み

React から REST API を叩くやっつけコンポーネント

実行結果

Frontend の React アプリを Spring Boot に組み込んだときの動作

React18の開発モードでのバグ (APIが二度呼ばれる)


Java#ProJava


添付ファイル: fileconsole.png 18件 [詳細] fileproduct1.png 22件 [詳細] fileproduct2.png 20件 [詳細] filepackaging.png 20件 [詳細] filedev2.png 21件 [詳細] filedev1.png 17件 [詳細] filerestexec.png 20件 [詳細] fileh2-console2.png 17件 [詳細] fileh2-console1.png 18件 [詳細] filereact8080.png 24件 [詳細] filereact.png 25件 [詳細] filerest2.png 96件 [詳細] filerest1.png 94件 [詳細] filejar02.png 151件 [詳細] filejar01.png 137件 [詳細] fileimport03.png 130件 [詳細] fileimport04.png 141件 [詳細] fileimport02.png 152件 [詳細] fileimport05.png 131件 [詳細] fileimport06.png 132件 [詳細] fileimport07.png 134件 [詳細] fileimport01.png 137件 [詳細] filespringinitializer.png 137件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS   sitemap
Last-modified: 2022-09-19 (月) 00:35:09 (18d)
Short-URL:
ISBN10
ISBN13
9784061426061