JSP&Servlet JSP & Servlet-18日目(英和辞書アプリの作成5)
英和辞書アプリの作成を前回の続きから行う。基本的な仕組みが出来上がったので見た目を少し整えよう。こういったときには最短労力でそれなりのがすぐにできるBootstrapを使うと効率がよい。Bootstarpの設定1.まずは以下にアクセスする(...
mjpurin
JSP&Servlet JSP&Servlet JSP & Servlet-17日目(英和辞書アプリの作成4)
英和辞書アプリの作成を前回の続きから行う。検索結果が多い場合にはなどのナビゲーションが必要となる。そのナビゲーションの実装と、検索結果をブックマークできるようにリクエストの処理をGETで行うように変更する。DAOへの追記1.WordDAOに...
JSP&Servlet JSP & Servlet-16日目(英和辞書アプリの作成3)
英和辞書アプリの作成を前回の続きから行う。入力内容の復元1.今のままでは送信ボタンを押した後、結果は表示されるが検索ワードと一致モードの内容がリセットされてしまう。消えないように修正しよう。まずはMain.javaを修正して、検索ワードと一...
JSP&Servlet JSP & Servlet-15日目(英和辞書アプリの作成2)
英和辞書アプリの作成を前回の続きから行う。準備1.META-INFの直下にcontext.xmlを配置する。passwordのところはusernameとpasswardはDB接続時に必要な値を入れる。もし、パスワードの設定を指定にない人はp...
JSP&Servlet JSP & Servlet-14日目(英和辞書アプリの作成1)
MySQLを利用して英和辞書アプリケーションを作成してみよう。準備1.辞書データとして、クジラハンドさんが提供してくれている著作権フリーの英和辞書(TSVファイル)を準備する。(下から同一のものをダウンロードできる)2.解凍してejdic-...
JSP&Servlet JSP & Servlet-13日目(WebAPIの利用、JSONパース)
お天気情報をJSONでくれるWebAPIがあるので、それを利用してお天気アプリを作成しよう。WebAPI確認1.まずはWebAPIから吐き出されるJSONを確認しよう。今回はlivedoorから提供されているWeather HacksのAP...
JSP&Servlet JSP & Servlet-12日目(JSONパース)
サーブレットでJSONパースをやってみよう。JavaでJSONパースを行う場合様々なライブラリがあるが、今回はその中の一つGsonを使う。●●Jsonパースの手順●●1.エクリプス動的プロジェクトからを作成。２．下からgson.jarファイ...
JavaScript Webサイト制作-10日目(JSON)
この講座でも汎用データフォーマットとしてCSVは何度か登場しているし、アンドロイド制作のレイアウトを作る際にはxmlを利用してきた。そして今回はJSONを扱う。JSONとは(JavaScript Object Notation)の略でJSの...
JSP&Servlet JSP & Servlet-11日目(CSVパース)
株価csvファイルの読み書きを読みこんで表を作成してみよう。●株価csvファイルリクエストを投げると、以下のようなWEBページが表示される。●●株価表の作成●●1.エクリプス動的プロジェクトからを作成。２．下から株価csvファイルをダウンロ...
JSP&Servlet JSP & Servlet-10日目(ファイルの読み書き)
Webアプリケーションのデータの保存はデータベースが基本だが、データベースを使うまでもないちょっとした処理ならばファイルの読み書きで済ましてしまうことも多い。今回はServletからのファイルの読み書きを練習しよう。1.まずは新規動的アプリ...
JSP&Servlet JSP & Servlet-9日目(DAOを使ったCRUDシステム)
DAOを使って基本的なCRUDを実現しよう。今回は処理の一つ一つがわかりやすいようにファイルを分割し、装飾的要素もつけないで行う。１．MySQLでデータベースを作成する。2．データベースpersonappにテーブルを作成する。3.初期データ...
JSP&Servlet JSP & Servlet-8日目(MySQLとの連携)
いよいよMySQLと連携させて、標準的なCRUDアプリを作成してみよう。●スタート画面●フォームに入力する●登録ボタンを押すと、登録しましたというメッセージが表示されるとともに下部にリストアップ。●同様の作業を繰り返し3件ほど登録する。●更...
JSP&Servlet JSP & Servlet-7日目(Applicationスコープ)
Applicationスコープを利用して製品登録アプリを作ってみよう。デザインは管理画面をサクッと作る際にとても役にたつBootstrapを利用する。●スタート画面●フォームに入力する●登録ボタンを押すと、登録しましたというメッセージが表示...
JSP&Servlet JSP & Servlet-6日目(Session)
Sessionを利用して、以下のようなお問い合わせフォームを作成しよう。●スタート画面●フォームに入力する●確認ボタンを押すと、確認画面に遷移する。●戻るを押すと、フォームに戻る(その際、入力内容が表示されている)●内容を編集する●確認を押...
JSP&Servlet JSP & Servlet-5日目(Cookie)
ブラウザに一時的にデータを保存するCookieを学ぼう。まずはControllerとviewを作成●controller.Index.java●WEB-INF/view/index.jsp実行してみて、以下のように表示されれば成功だ。ブラウ...
JSP&Servlet JSP & Servlet-4日目
MVCモデル使って以下のアプリを作成せよ。Modelにはbeans,Viewにはjsp,Controllerにはservletを使うこと。正常系のみを考慮し、バリデーション（入力値チェック)は行わなくて良い。Q1.フォームから情報を入力する...
JSP&Servlet JSP & Servlet-3日目
ここまでの内容で少し演習問題を解いてみよう!Q1.jspを使って以下を出力せよ。リストの表示にはol(OrderedList)を使うこと。Q2.jspを使用し以下のような九九表を出力せよ。Q3.以下のような質問出し、それに解答すると「正解!...
JSP&Servlet JSP & Servlet-2日目
Q1.２つの整数を入力し、ボタンを押すと２つの整数の和を求めるアプリを作成せよ。入力画面、出力画面ともにjspで作成し、送信にはGETを使用すること。（正常系のみを考慮すればよい）●スタート画面●数値を入れ、ボタンを押すと結果が表示される。...
JSP&Servlet JSP & Servlet-１日目
Q1_1.Servletを使って、以下のようなページを作成しよう。Servletファイル名はリクエストurlは下の画像参照のこと。(計算はプログラムですること)必要であれば以下をコピペしてつかってよい。Q1_2.Q1_1と同じ内容を出力する...
MySQL MySQL-4日目(基本文法2演習)
MySQLを使って以下の手順で作業を進めよ。●sales_appデータベースを文字コードUTF-8で作成する。●sales_appにdepsテーブルを作成する。カラム構成は以下id 整数 主キー 自動連番dep 可変長文字列(30) NOT...