アットウィキロゴ
webapp @ ウィキ
掲示板 掲示板 ページ検索 ページ検索 メニュー メニュー

webapp @ ウィキ

tomcat

最終更新:

webapp

- view
管理者のみ編集可
●htmlファイルを出力
webappsフォルダの中に任意のフォルダを作成
そのフォルダの中へhtmlファイルを入れる

例 
webappsフォルダの中にsampleフォルダを作成
そのsampleフォルダの中へ
index.htmlファイルを入れると、
http://localhost:8080/sample/
と入力すれば出力される
/index.htmlは省略可能
http://localhost:8080/sample/index.html
と入力してもOK

●jspファイルを出力
jspファイルをWebappsフォルダの配下に作成した任意のフォルダへ入れる

●bootstrapをオフラインで使用する
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です。

<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>
最近更新されたスレッド
人気記事ランキング
ウィキ募集バナー