webapp @ ウィキ
tomcat
最終更新:
webapp
-
view
●htmlファイルを出力
webappsフォルダの中に任意のフォルダを作成
そのフォルダの中へhtmlファイルを入れる
webappsフォルダの中に任意のフォルダを作成
そのフォルダの中へhtmlファイルを入れる
例
webappsフォルダの中にsampleフォルダを作成
そのsampleフォルダの中へ
index.htmlファイルを入れると、
http://localhost:8080/sample/
と入力すれば出力される
/index.htmlは省略可能
http://localhost:8080/sample/index.html
と入力してもOK
webappsフォルダの中にsampleフォルダを作成
そのsampleフォルダの中へ
index.htmlファイルを入れると、
http://localhost:8080/sample/
と入力すれば出力される
/index.htmlは省略可能
http://localhost:8080/sample/index.html
と入力してもOK
●jspファイルを出力
jspファイルをWebappsフォルダの配下に作成した任意のフォルダへ入れる
jspファイルをWebappsフォルダの配下に作成した任意のフォルダへ入れる
●bootstrapをオフラインで使用する
tomcatのwebappsフォルダ中にweb_libフォルダを作成しておく。
このフォルダの中にbootstrap-4.5.0-dist.zipを解凍し、フォルダごとWeb_libへ入れる
2021年3月時点でバージョン4.5です。最新はベータ版の5.0がありますが、使用していません。
tomcatのwebappsフォルダ中にweb_libフォルダを作成しておく。
このフォルダの中にbootstrap-4.5.0-dist.zipを解凍し、フォルダごとWeb_libへ入れる
2021年3月時点でバージョン4.5です。最新はベータ版の5.0がありますが、使用していません。
●jqueryをオフラインで使用する
jquery-3.5.1.min.jsをダウンロードし、Web_libへ入れる
バージョンを変えたら、数字の部分を変更する。
Download the compressed, production jQuery 3.5.1 をクリックすると、文字だらけの画面になります。
右クリックで「名前を付けてリンク先を保存」をクリックして保存する。
jquery-3.5.1.min.js のまま保存する。
※2021年3月時点でバージョン3.6.0です。
jquery-3.5.1.min.jsをダウンロードし、Web_libへ入れる
バージョンを変えたら、数字の部分を変更する。
Download the compressed, production jQuery 3.5.1 をクリックすると、文字だらけの画面になります。
右クリックで「名前を付けてリンク先を保存」をクリックして保存する。
jquery-3.5.1.min.js のまま保存する。
※2021年3月時点でバージョン3.6.0です。
<head>
<script src="/web_lib/jquery/jquery-3.5.1.min.js">
</script>
<link href="/web_lib/bootstrap-4.5.0-dist/css/bootstrap.min.css" rel="stylesheet">
<script src="/web_lib/bootstrap-4.5.0-dist/js/bootstrap.min.js">
</script>
</head>
●bootstrapとjqueryをオンラインで使用する??
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>