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.2つの整数を入力し、ボタンを押すと2つの整数の和を求めるアプリを作成せよ。 入力画面、出力画面ともにjspで作成し、送信にはGETを使用すること。(正常系のみを考慮すればよい) ●スタート画面 ●数値を入れ、ボタンを押す...
JSP&Servlet

JSP & Servlet-1日目

Q1_1.Servletを使って、以下のようなページを作成しよう。Servletファイル名はリクエストurlは下の画像参照のこと。(計算はプログラムですること) 必要であれば以下をコピペしてつかってよい。 ...
MySQL

MySQL-4日目(基本文法2演習)

MySQLを使って以下の手順で作業を進めよ。 ●sales_appデータベースを文字コードUTF-8で作成する。 ●sales_appにdepsテーブルを作成する。カラム構成は以下 id 整数 主キー 自動連番 dep 可変...
MySQL

MySQL-3日目(基礎文法2)

MySQLを基本文法の2回目だ。 MySQLを使いこなす上で必須の技数々。 以下の内容を実行を伴って行いたい人は、以下ファイルをダウンロードして。インポートし、データベースを作成した後行うとよい。 ●カラム別名 AS(取得...
MySQL

MySQL-2日目(基本文法1演習)

MySQLを使って以下の手順で作業を進めよ。 ●lesson_appデータベースを文字コードUTF-8で作成する。 ●lesson_appにbooksテーブルを作成する。カラム構成は以下 id 整数 主キー 自動連番 ...
MySQL

MySQL-1日目(基礎文法1)

MySQLを4つの基本機能CRUDを中心に解説する。 今回はもっともベーシックな部分だ。 ●データベース作成 ●データベース削除 ●テーブル作成 ●テーブル削除 ●カラムには型を指定する。よく使う型の一覧...
JavaScript

Webサイト制作-9日目(JavaScript)

JavaScriptといえばイベント処理だ。ここまででもクリックイベントは出てきたが様々なイベントがあるさっそく見ていこう。 ●jsLesson9.html 11行目:window.onload=function(){};文...
JavaScript

Webサイト制作-8日目(JavaScript)

JavaScriptはオブジェクト指向言語の側面も持っている。オブジェクトを見ていこう。 jsでは波括弧でオブジェクトを定義する。以下は空のオブジェクト 以下はpenオブジェクト。プロパティ名:値でプロパティを定義していく。 ...
JavaScript

Webサイト制作-7日目(JavaScript)

JavaScriptは現在もっとも人気のある言語だ。この先も活躍の場が広がることが予想され、学んで損のないコスパの高い言語と言って良いだろう。 それでは、さっそくやっていこう。まずは以下のようなjsLesson1.htmlを作成する。 ...
website

Webサイト制作-6日目(form)

今回はユーザーからのデータを受け取る時とかに使う。formについて学習しよう。 デスクトップあたりにでもformLesson.htmlを作成し以下を入力しよう。 ブラウザで確認してみよう。以下のように表示されれば成功だ。 ...
website

Webサイト制作-5日目(レスポンシブ)

現在はpcでwebを見る人よりスマホなどのモバイルデバイスでwebを見る人の方が多い。なのでサイト制作もモバイルでの利用を最大限考慮しなくてはならない。 今回はモバイルにも対応させたサイトを作ってみよう。 スマホ対応の方...
website

Webサイト制作-4日目(レイアウト)

htmlとcssの基本がわかったところで、基本的なレイアウトを作ってみよう。 いつものようにLesson6フォルダを作り、その中にcss,js,imagesフォルダを作成し、lesson6_1.htmlとmain_1.cssを以下のように...
website

Webサイト制作-3日目(css)

今回はいよいよCSSで見た目を整形していく。 まずは前回のようにLesson5フォルダを作り、その中にcss,js,imagesフォルダを作成する。 ●lesson5.html ここまで打ったら、保存してブラウ...
website

Webサイト制作-2日目(画像、YouTube)

前回は作ったファイルをデスクトップに保存していたが、実際はサイトごとにフォルダを作って管理するのが一般的だ。 Lesson4フォルダを作ってその中にcss,js,imagesフォルダを作成しよう。 次に、以下の画像を右クリックからダ...
website

Webサイト制作-1日目(html)

Webサイトを作成する言語HTMLを学ぼう。 まずは使い慣れているテキストエディターで以下のソースコードを打ち込む。(左端の行番号は打ち込まなくてよい) ●lesson1.html 入力が終わったら、文字コードをUTF-8...
スポンサーリンク
タイトルとURLをコピーしました