![見出し画像](https://assets.st-note.com/production/uploads/images/70981902/rectangle_large_type_2_3c0466e0af85b2fdd25b274d33316880.jpeg?width=1200)
Webプログラミングの始め方(12)
ここでのゴール
Webプログラムの動きとJavaコードの配置をなんとなく理解する
事前準備
githubにソースをアップしているのでまずはダウンロードしてみましょう!
まずは以前ダウンロードしたInteliJを起動します
![](https://assets.st-note.com/img/1643443782369-l2S0fMaSBT.png)
こいつですね!
起動すると
![](https://assets.st-note.com/img/1643443877376-dxHvKwEvMc.png?width=1200)
こんなんでてきますかね?
「Get form VSC」ってやつをポチってください
![](https://assets.st-note.com/img/1643443962077-tb3qjogWU3.png?width=1200)
こんなのが出てきましたら
先程のGithubより
![](https://assets.st-note.com/img/1643444010486-svQ0MaZLW4.png?width=1200)
codeをポチってください
![](https://assets.st-note.com/img/1643444067352-EygbLVL2QA.png)
こんな画面が出てくるのでhttpsのURLをコピーして(URLの右側クリックするとコピー出来ます)
先程のInteliJのURLに貼り付けます
![](https://assets.st-note.com/img/1643444174765-3sapz4sRiH.png?width=1200)
こんなかんじ
あとは右下のCloneをクリックするればソースが手に入ります。
![](https://assets.st-note.com/img/1643444196429-wTkM0dMjOk.png)
説明
以前MVCについて記述したことがありますので、忘れてしまった方はこちらを確認してください。
Controller
MVCのC(コントローラ)について記載していきます。
![](https://assets.st-note.com/img/1643445542367-CRnPX2gc0D.png)
ソースコードのコントローラー
src/main/java/org/example/controller
にコントローラーを配置しています。
基本的にはsrcの下には自由に追加出来ますが、取り扱うファイルの種類が増えていることもあり管理は明確にしておいたほうが良いです。
今回はプログラムの主(main)たるもの(データの入出力と画面出力)で、javaコードを利用しているのでその配下に入れます。
また、パッケージ(同じクラス名でも混在しないようにするフォルダ階層)は初期値のorg.exampleとしその配下にてコントローラ置き場ですよーの意味でcontrollerを作りその配下にファイルを用意しています。
![](https://assets.st-note.com/img/1643446949980-0XumZYsWnH.png?width=1200)
コントローラはWebサービスで接続するエンドポイント(URL:http://hogehoge.com/user のこと)にアクセスした際に動く箇所になっています
Model
データベースと接続する部分となります。
ここでいうとEntityとRepositoryになります。
![](https://assets.st-note.com/img/1643447214073-9YSxcg2uNe.png)
![](https://assets.st-note.com/img/1643447227352-zsnCCLp08p.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?