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 158件 [詳細] fileproduct1.png 171件 [詳細] fileproduct2.png 150件 [詳細] filepackaging.png 150件 [詳細] filedev2.png 150件 [詳細] filedev1.png 149件 [詳細] filerestexec.png 167件 [詳細] fileh2-console2.png 137件 [詳細] fileh2-console1.png 142件 [詳細] filereact8080.png 152件 [詳細] filereact.png 152件 [詳細] filerest2.png 176件 [詳細] filerest1.png 172件 [詳細] filejar02.png 281件 [詳細] filejar01.png 266件 [詳細] fileimport03.png 268件 [詳細] fileimport04.png 285件 [詳細] fileimport02.png 273件 [詳細] fileimport05.png 274件 [詳細] fileimport06.png 266件 [詳細] fileimport07.png 265件 [詳細] fileimport01.png 264件 [詳細] filespringinitializer.png 257件 [詳細]

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