1つのログインアカウント:請求項6 に1 2 文字、数字、下線、文字のみを開始することができ;( 1 分)
2 パスワード:表示するのに必要な「•」または「*は、」入力桁のパスワードは8文字以上、数字が必要であることを示しています。( 1 分)
3 セックス:単一のボックスまたはドロップダウンボックスを達成するために必要な、オプションのみ「男性」または「女性」;( 1 分)
4 学生数:必要な8桁、最初の4ビット「2 018」冒頭に、その学生のIDを入力します(1 分)
5 名前:あなたの名前を入力します。
5 Eメール:正しいフォーマット決定要求 [email protected]を( 1 分)
6 クリックして、データベースへの学生の個人情報を保存するために「追加」ボタンをクリックします。(3 点)
図7は、デモ・データベースに接続することができます。(2 点)
1.-HTML5インタフェースは、jsのコンテンツは、入力された要件を満たすように決定されます。
<%@ページ言語= "javaの" contentTypeの= "text / htmlの;のcharset = UTF-8" pageEncodingは= "UTF-8" %> <DOCTYPE用HTML PUBLIC「 - // W3C // DTD HTML 4.01移行// EN! " "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <META HTTP-当量=" Content-Typeの"コンテンツ=" text / htmlの;のcharset = UTF-8 「> <タイトル>を挿入し、ここでタイトル</ TITLE> <スタイル> P { テキスト整列:センター; } </スタイル> </ head> <body> <P>当前界面:添加学生信息</ P> <FORM ACTION = "AAA" METHOD = "POST"> <P>登陆账号:<INPUT TYPE = "テキスト"プレースホルダ="请输入登陆账号」 <P>名称:の<input type = "text"プレースホルダ= " 名前を入力してください"名前= "MYNAME"のonblur = "美馬()" /> </ p型> <P>学生ID:の<input type = "text"プレースホルダ=名=「電話」上記のid =「iPhone」/> </ p型>「学生IDを入力してください」 <p型> Eメール:<入力のid =「メール」 "=名=「メール」タイプ=「メール」プレースホルダをメールアドレスを入力してください"/> </ p型> <p型>大学:の<input type =" text "の名="学校"上記のid =" ishaool「/> </ p型> <p型>ここで、ライン:の<input type = "テキスト"名前= "XI" ID = "IXI" /> </ P> <P>クラスここでの<input type = "text" NAME = "クラス" ID = "のiCLASS" /> </ P> <P >開始年:<選択名=「年」> <オプション値= " -请选择- " ID = "请选择">请选择</オプション> <オプション値= "2017" ID = "2017"> 2017 </オプション> <オプション値= "2018 "ID =" 2018" > 2018 </オプション>2017 </オプション> <オプション値= "2018" ID = "2018"> 2018 </オプション>2017 </オプション> <オプション値= "2018" ID = "2018"> 2018 </オプション> <オプション値= "2019 "ID =" 2019 "> 2019 </オプション> </ select>の </ P> <P>生源地:の<input type =" text」の名= "エリア" ID = "ARGE" /> </ P>/> </ P>/> </ P> <P>注:<TextAreaの名= "beizhu"> </のTextArea> </ P> <Pスタイル=「テキストベース揃える:センター">の<input type =は"送信"値=" "onclickの="リターン・チェック() "> </ P>追加 <スクリプトタイプ="テキスト/ JavaScriptを「> 機能チェック() { VARのaText =ドキュメント。 getElementByIdを( "iTextの")値;. !IF(((aText [0]> = '' && aText [0] <= 'Z')||(aText [0]> = '' && aText [0] < =「Z」))atext.length || <|| atext.length。6> 12れる) { 警告(「あなたの6〜12文字の英数字のを入力するか、アンダースコア、最初のユーザーが、英語名である必要がありますしてください! 「); falseを返します。 } ヴァールaPassword =のdocument.getElementById( "ipassword")値;. IF(apassword.length <8。) { アラート( "文字と数字8以上のパスワードを入力してください!"); falseを返す; } VARのaphone =のdocument.getElementById( "iPhone")値。 bphone = VAR / ^ [2] [0] [1] [8] [0-9] 4} {$ /; IF(!bphone.test(aphone)) { アラート(「8 2018年の始まりを入力してください。学生のID番号");! falseに戻る; } VAR E値=のdocument.getElementById(" eamil「)値;. IF(/ ^([-ZA-Z0-9 _-]!)+([-ZA .. -Z0-9 _-])+([A-ZA-Z0-9 _-])+ /テスト(E値)){ アラート( "メールボックスのフォーマットが正しくない!"); 偽に戻る; } 真に戻ります; } < /スクリプト> </ FORM> </ BODY> </ HTML>
2.データベース接続、データベースに接続し、データをデータベースにインポートすることができます
パッケージceshi。 インポートのjava.sql.Connection; インポートのjava.sql.DriverManager。 インポートのjava.sql.PreparedStatement; インポートのjava.sql.ResultSet; 輸入ます。java.sql.SQLException; 輸入javax.print.attribute.standard.RequestingUserName。 輸入jdk.nashorn.internal.ir.GetSplitState。 輸入jdk.nashorn.internal.runtime.linker.NashornBeansLinker。 パブリッククラスDBUTIL { //数据库URL和账号密码 のpublic static final文字列connectionURL = "?JDBCます。mysql:// localhostを:3306 / new_schema1 useUnicode =真&characterEncoding = GB18030&useSslオプション=偽&serverTimezone = GMT&allowPublicKeyRetrieval =真"; public static final String型のユーザ名= "ルート"。 public static final String型パスワード= "登陆密码"。 静的な接続接続。 静的SQLのPreparedStatement; //データベース接続 のpublic static接続のgetConnection() { 試み{ Class.forNameの( "com.mysql.cj.jdbc.Driver"); //Class.forName("com.mysql.cj .jdbc.Driver "); にDriverManager.getConnection(connectionURL、ユーザ名、パスワード)を返す; }キャッチ(例外E){ // TODOを:例外扱い するSystem.out.println("データベース接続は「失敗を); e.printStackTrace() ; } 戻りNULL; } //データベース接続 パブリック静的ブールaddUsername(文字列のテキスト、文字列のパスワード、文字列の性別、文字列名、文字列電話、文字列の電子メール、文字列学院、文字列XI、文字列のAClassは、文字列の年、文字列のエリア、文字列のbeizhu)//增添 { {試す のgetConnection =接続を(); SQL =のConnection.prepareStatement( "NEW_TABLEに挿入(テキスト、パスワード、性別、名前、番号、電子メール、学院、XI、クラス、年、面積、beizhu)の値(\ ' "+テキスト+" \'、\ '" +パスワード+ "\」、\ ' "+性別+" \'、\ ' "+名+" \'、\ ' "+電話+" \'、\ ' "+メール+" \'、\ ' "+学院+" \'、 \ ' "+ XI +" \'、\ ' "+ AClassは+" \'、\ ' "+年+" \'、\ ' "+エリア+" \'、\ ' "+ beizhu +" \') "); falseを返します。 } パブリック静的無効メイン(文字列[] args){ }}
3.Svrelet操作は、サーブレットは、データ接続JSPとMySQLを実装するクラスを作成します
パッケージServletの。 インポートにjava.io.IOException; 輸入javax.servlet.ServletException; 輸入javax.servlet.annotation.WebServlet; 輸入javax.servlet.http.HttpServlet。 インポートのjavax.servlet.http.HttpServletRequest; インポートのjavax.servlet.http.HttpServletResponse; 輸入ceshi.DBUtil。 輸入com.sun.corba.se.spi.legacy.interceptor.RequestInfoExt; / ** *サーブレット実装クラスAAA * / @WebServlet( "/ AAA") パブリッククラスAAAはHttpServletを拡張{ プライベート静的最終長いのserialVersionUID = 1L。 保護されたボイドのdoGet(HttpServletRequestのリクエスト、HttpServletResponseの応答)ServletExceptionが、IOExceptionが{スロー request.setCharacterEncoding( "UTF-8"); 文字列のテキスト= request.getParameter( "テキスト"); 文字列のパスワード= request.getParameter( "パスワード"); 文字列のセックス= request.getParameter( "性別"); 文字列名= request.getParameter( "MYNAME"); 文字列の電話= request.getParameter( "電話"); 文字列の電子メール= request.getParameter( "電子メール"); 文字列学院= request.getParameter( "学校"); 文字列XI = request.getParameter( "XI")。 ストリングAClassは= request.getParameter( "クラス")。 文字列の年= request.getParameter( "年"); 列領域= request.getParameter(「領域」)。 ストリングbeizhu = request.getParameter( "beizhu")。 DBUtil.addUsername(テキスト、パスワード、性別、名前、 * @seeのHttpServlet#のdoPost(HttpServletRequestのリクエスト、HttpServletResponseの応答) * / ボイドのdoPost(HttpServletRequestのリクエスト、HttpServletResponseの応答)保護ServletExceptionがは、IOException {スロー // TODO自動生成方法のスタブ のdoGet(要求、応答)。 } }
4.テストプログラム、データベースに格納された情報。