カスタマイズは開発者の開発に非常に馴染みがあると思いますが、私の新人にとっては非常に挑戦的です。テクノロジーを追求すると、忙しい仕事のためにJavaを学ぶ必要があります。同社は最近アーキテクチャを更新したため、会社からSQLに情報を書き、Webを照会したいので、Ecclipseの下での最初のWebログインインターフェイスの展開を検討します。
また、Webプログラムの実行はTomcat、IIS、Apacheを通じて最も一般的に実装されていることも知っていますが、最も一般的な個人はまだTomcatを考えているため、Tomcatプログラム用のWindowsをダウンロードする必要があります。そして、最終的にはeclipseプログラムを準備します。
1。Windowsfor Tomcatプログラムダウンロード:http://tomcat.apache.org/
2。JDKダウンロード:http://rj.baidu.com/soft/detail/14459.html?
3。JDK、JRE環境変数構成:
4。JDK-6U14-WINDOWS-I586.EXEをインストールします
5.環境変数の構成:右クリック「マイコンピュータ」 - >「高度」 - >「環境変数」
1)システム変数に新しいjava_home変数を作成します。
2)新しいclassPath変数を作成すると、変数値は次のとおりです。
3)パス変数に変数値を追加します(既存の構築の必要はありません):%java_home%/bin;
6。
補足環境変数の分析:
Java_home:JDKインストールパス
ClassPath:Javaのローディングパスは、ClassPathのJavaコマンドでのみ識別できます。
パス:システムは、任意のパスの下でJavaとJavacコマンドを認識できます。
7.日食のダウンロード:http://eclipse.org/downloads/
2。私たちはすでに上記の環境に向けて準備ができています:
Apache-TomcatプログラムはDドライブとディレクトリに配置されます
2. Eclipseプログラムを実行した後、最初のプロジェクト-Ardynamic Webプロジェクト(SAM)Aàを作成し、A.JSPファイルをオンラインで見つけたため、交換する必要があります。
http://down.51cto.com/data/678743
3.ダウンロードした後、私たちが好きなテンプレートプログラムを開いて見つけてからマークを付けます。私はこれを好むので、このテンプレートファイルの準備をします
ファイルの関連するアプリケーションを開きます。それらはすべてHTMLファイルであるため、JSPファイルにファイルを開き、CSSマークファイルをコピーする必要があります
3。まず、新しいコマンドを作成します。
2。[Windows-Apreferences]をクリックします
サーバー - アリュンティム環境 - アーム
環境の準備と設置はapache-tomgcat8.0なので、このバージョンを選択します
Tomcatプログラムのインストールパスを選択します
選択した後、クリックして完了します
dynimac webオブジェクト(sam) - アビルドパスのビルドパスを右クリックしましょう
サーバーランタイムを選択しました
次に、ライブラリを選択します
完了に追加します
追加後、Apache Tomcatバージョンのプログラムが追加されたことがわかりました
プログラムの文字コードを「UTF-8」に変更しています
プログラムエラーの問題が解決されました。
最初にlogin.htmlファイルを開いて、テキスト形式でコピーコンテンツを開きます。
フォーマット言語の最初の2行を除き、新しいlogin.jspファイルのコンテンツを削除します。 login.htmlファイルのコンテンツを貼り付けたところです
ペーストの結果を参照してください。
次に、index.jspファイルをジャンプページとして作成します。ログインが完了すると、ページにジャンプしてページを変更します
同時に、ダウンロードしたindex.htmlをテキストの形式でコピーします。
index.jspファイルに貼り付けます。
ダウンロードされたログインインターフェイスはマークされた情報であるため、呼び出しのためにDymaci Webオブジェクトにラベル情報をコピーして貼り付ける必要があります。次の5つのファイルをコピーします。
コピー後にファイルをコピーします
貼り付けの後の結果を参照してください:参照:
上記のファイル構成が完了した後、サーバーパッケージを作成する必要があります(アクション)。
このプログラムは、主にページのアクセスとジャンプによって制御されます。
サーバーパッカーの名前は、通常、会社のドメイン名の逆入力を使用するために推奨されます。たとえば、私のドメイン名はiiosoft.comです。
サーバーパッケージ(アクション)を作成する
アクションを作成した後、プログラムを制御するサービスを作成する必要があります。
サーバーパッケージアワブアセルブレットを右クリックします
私たちはarbitrarily意的に始めることができ、もう一度ActionServletを使用します
そのため、プログラムが作成され、プログラムを変更する必要があります。
すべてのプログラムが作成されたら、login.jspファイルにフォームを作成する必要があります。
コードコードを次のようにコピーします。
主なことは、<form> <form/>情報を追加して、ログイン情報を変更に追加することです。
たとえば、最終情報は次のとおりです。
<%@ページ言語= "java" contentType = "text/html; charset = utf-8" pageencoding = "utf-8"%> <! en "> <html> <head> <title>管理センターv1.0 </title> <meta http-equiv = content-type content =" text/html; <link href = "css /adimin .css "type =" text/css "r =" styleSheet "> </head> <body onload = document.form1.name.focus();> <form action =" actionservlet "method =" post "> <Table CellSpacing = 0 CellPadding = 0> "100%" BGCOLOR =#00277999999999999999999999999999999999999999999999 468> </td> </tr> <td> <img height = 147 src = "images/login_2.jpg"> 468> </td>/tr> </table> <table cellspacing = 0 cellpadding = 0> 468 bgcolor =#fffffff border = 0> <td> 16> <img height = 122 src = "images/login_3.jpg"> 16> </td> <td align = middle> <table cellspacing = 0 cellpadding = 0> 230 border = 0> <form name = form1 action =? = 36> <td> </td> <td> username </td> <td> <inputstyle = "" border-right:000000 1px solid:#000000 1PXソリッド:#000000 1px Solid "maxlength = 24 n ame = username> </td> </tr> <36> <td> </td> <td> > <nputStyle = "border-right:#000000 1px solid; border-top:#000000 1px solid; border-heft:#000000 1px solid; border-bottom:#000000 1px solid"タイプ=パスワード名=パスワードmaxlength = 30サイズ= 24Name> </td> </tr> ght = 5> <td colspan = 3> </td> </tr> <l> <td> </td> </td> </td> <td > <入力タイプ=画像高さ= 18> 70SRC = "画像/bt_login.gifif"> not </table> <table cellspacing = 0 cellpadding = 0> 468 border = 0> <td> <img height = 16 src = "画像/login_5.jpg "> 468> </td> </tr> </table> <table cellspacing = 0 cellpadding = 0> 468 border = 0> <tr> <td align = right> <a href =" http ://www.865171.cn/ "ターゲット= _blank> <imgheight = 26 src =" images/login_6.gif "> 165border = 0> </a> </td> </table> </td> </表> </form> </body> </html>
変更する前のコード構造:
< .css "type =" text/css "rel =" styleSheet "> </head> <body =document.form1.name。focus();> <table cellspacing = 0 cellpadding = 0; 100%" bgcolor =#002779 border = 0> <td align = middle> <table cellspacing = 0 border = 0> <tr> <td> <img height = 23 src = "images/login_1.jpg"; > <TD> <IMG高さ= 147 SRC = "Images/login_2.jpg"; <td; <img height = "images/login_3.jpg"; 5> </td> </td> <td> <td> <td> <td> </td> </tr> <tr heart = 36> <td> </td> <td> username </td > <nput style = "border-right:000000 1px solid; border- top:#000000 1px solid; border-heft:#000000 1px solid; border-bottom:#000000 1px solid" maxlength = 30 size = 24 value = "www.865171.cn" name = name> </td> </tr> <tr height = 36> <td> </td> <td>パスワード</td> <nput style = "border-right:# 0000 1px solid:#0000 1px solid:0000 1px solien </td> </tr> tr height = 5> <td colspan = 3> </td> </tr> <td> </td> </td> </td> <td> <入力タイプ=画像height = 18 src = "images/bt_login.gif"> </td> </form> </table> </td> <td; ; </td> </tr> <table cellspacing = 0 border = 0> <td> <img height = "images/login_5.jpg"; > <Table CellSpacing = 0 CellPadding = 0 border = 0> <td align = right> <a href = "http://www.865171.cn/"ターゲット= _blaank> <img height = 26 src = "image es/ login_6.gif "border = 0> </a> </td> </tr> </table> </td> </tr </body> </html>
最後に、ログイン情報名を変更します。
コードコードを次のようにコピーします:name = usernameパスワード=パスワード
最後に、ActionSorvltの下でユーザーと名前を定義します
string name.getParameter( "username");
変更が完了した後、テストのために実行できます
ページは正常に開くことができます
実行後、コンソールを介して入力アカウントとパスワード情報が表示されます
次に、条件付きステートメントをジャンプします。指定されたアカウントとパスワードをテストするためにテストしましょう。
ユーザー名とパスワードを管理者として定義します。
if(name.equals( "adimin")&& q password.equals( "admin"){respons.sendredirect( "index.jsp");} else {respons.sendredirect( "login.jsp");}}}追加した後、テストします。
入力が正しい後、ログインして通常にジャンプします
上記は、この記事のすべての内容です。