ฉันเชื่อว่าการปรับแต่งเป็นที่คุ้นเคยกับการพัฒนาของนักพัฒนา แต่มันค่อนข้างท้าทายสำหรับมือใหม่ของฉันเพราะฉันได้เรียนและงานบำรุงรักษาจากการเรียนเพื่อทำงาน การใฝ่หาเทคโนโลยีมันควรจะเร็วขึ้น เนื่องจาก บริษัท ได้อัปเดตสถาปัตยกรรมเมื่อเร็ว ๆ นี้ฉันต้องการเขียนข้อมูลบางอย่างจาก บริษัท ไปยัง SQL จากนั้นสอบถามผ่านเว็บดังนั้นฉันจึงสำรวจการปรับใช้อินเตอร์เฟสการเข้าสู่ระบบเว็บครั้งแรกภายใต้ Eclipse
นอกจากนี้เรายังรู้ว่าการรันโปรแกรมเว็บนั้นมักจะถูกนำไปใช้มากที่สุดผ่าน Tomcat, IIS, Apache แต่บุคคลที่พบมากที่สุดยังคงคิดว่า Tomcat ดังนั้นคุณต้องดาวน์โหลด Windows for Tomcat โปรแกรมและจากนั้นคุณต้องกำหนดค่าตัวแปร JRE JRE และปัญหาอื่น ๆ ใน Windows
1. windows สำหรับโปรแกรม tomcat ดาวน์โหลด: http://tomcat.apache.org/
2. JDK ดาวน์โหลด: http://rj.baidu.com/soft/detail/14459.html?
3. JDK, JRE Environment Variable Configuration:
4. ติดตั้ง JDK-6U14-Windows-I586.exe
5. กำหนดค่าตัวแปรสภาพแวดล้อม: คลิกขวา "คอมพิวเตอร์ของฉัน"-> "ขั้นสูง"-> "ตัวแปรสภาพแวดล้อม"
1) สร้างตัวแปร Java_home ใหม่ในตัวแปรระบบ
2) สร้างตัวแปร classpath ใหม่ค่าตัวแปรคือ:;%java_home%/lib;%java_home%/lib/tools.jar
3) เพิ่มค่าตัวแปรในตัวแปรพา ธ (ไม่จำเป็นต้องสร้างอยู่):%java_home%/bin;%java_home%/jre/bin (ให้ความสนใจกับ ";" แยก)
6. "Start"-> "Run"-> ป้อน "Javac"-> Enter
การวิเคราะห์ตัวแปรสภาพแวดล้อมเพิ่มเติม:
java_home: เส้นทางการติดตั้ง JDK
classpath: เส้นทางการโหลด Java สามารถระบุได้ในคำสั่ง Java ใน ClassPath
เส้นทาง: ระบบสามารถรับรู้คำสั่ง Java และ Javac ภายใต้เส้นทางใด ๆ
7. Eclipse ดาวน์โหลด: http://eclipse.org/downloads/
2. เราพร้อมแล้วสำหรับสภาพแวดล้อมข้างต้น:
โปรแกรม Apache-Tomcat ถูกวางไว้ในไดรฟ์ D และไดเรกทอรี
2. หลังจากเรียกใช้โปรแกรม Eclipse เราสร้างโครงการแรก -โครงการเว็บ (ชื่อ SAM) -àจากนั้นสร้างไฟล์ A.JSP
http://down.51cto.com/data/678743
3. หลังจากดาวน์โหลดแล้วเปิดและค้นหาโปรแกรมเทมเพลตที่เราชอบแล้วทำเครื่องหมาย ฉันชอบสิ่งนี้ดังนั้นฉันจึงเตรียมตัวสำหรับไฟล์เทมเพลตนี้
เราเปิดแอปพลิเคชันที่เกี่ยวข้องของไฟล์: เนื่องจากเป็นไฟล์ HTML ทั้งหมดเราจึงต้องเปิดไฟล์ไปยังไฟล์ JSP จากนั้นคัดลอกไฟล์เครื่องหมาย CSS
3. ก่อนอื่นเราสร้างคำสั่งใหม่: login.jsp ไฟล์
2. เราคลิก Windows-àpreferences
สภาพแวดล้อมเซิร์ฟเวอร์-àruntime-àadd
การเตรียมการและการติดตั้งสิ่งแวดล้อมของเราคือ Apache-Tomgcat8.0 ดังนั้นเราจึงเลือกรุ่นนี้
เราเลือกเส้นทางการติดตั้งของโปรแกรม Tomcat
หลังจากเลือกเราคลิกเพื่อให้เสร็จสมบูรณ์
ลองคลิกขวาที่ Dynimac Web Object (SAM) -àbuild Path-àการกำหนดค่าเส้นทางการสร้าง
เราเลือกรันไทม์เซิร์ฟเวอร์
จากนั้นเราเลือกไลบรารีห้องสมุด
เราเพิ่มให้เสร็จสมบูรณ์
หลังจากนอกจากนี้เราพบว่ามีการเพิ่มโปรแกรมของ Apache Tomcat เวอร์ชัน
เรากำลังเปลี่ยนรหัสอักขระของโปรแกรมเป็น "UTF-8"
ปัญหาข้อผิดพลาดของโปรแกรมได้รับการแก้ไขแล้ว
ก่อนอื่นเราเปิดไฟล์ login.html เพื่อเปิดเนื้อหาการคัดลอกในรูปแบบข้อความ
เราลบเนื้อหาของไฟล์ login.jsp ใหม่ยกเว้นภาษารูปแบบสองบรรทัดแรก วางเนื้อหาของไฟล์ login.html เพิ่งคัดลอก
ดูผลลัพธ์ของการวางของเรา:
ต่อไปเราจะสร้างไฟล์ index.jsp เป็นหน้ากระโดด หลังจากการเข้าสู่ระบบเสร็จสิ้นแล้วจะข้ามไปที่หน้าเพื่อเปลี่ยนหน้า
ในเวลาเดียวกันเราจะคัดลอก indexed.html ที่ดาวน์โหลดในรูปแบบของข้อความ
วางในไฟล์ index.jsp
เนื่องจากอินเทอร์เฟซเข้าสู่ระบบที่ดาวน์โหลดมานั้นมีการทำเครื่องหมายข้อมูลเราจึงต้องคัดลอกและวางข้อมูลการติดฉลากไปยังวัตถุ Dymaci Web สำหรับการโทร คัดลอกไฟล์ 5 ไฟล์ต่อไปนี้
เราคัดลอกไฟล์หลังจากคัดลอก
ดูผลลัพธ์หลังจากวาง: ดู:
หลังจากการกำหนดค่าไฟล์ข้างต้นเสร็จสิ้นเราต้องสร้างแพ็คเกจเซิร์ฟเวอร์ (การกระทำ)
โปรแกรมส่วนใหญ่จะถูกควบคุมโดยการเข้าถึงและการกระโดดของหน้า
โดยทั่วไปแล้วชื่อของ Server Packer แนะนำให้ใช้อินพุตย้อนกลับของชื่อโดเมนของ บริษัท : ตัวอย่างเช่นชื่อโดเมนของฉันคือ iiosoft.com อีกครั้งเพื่อป้อน com.iiosoft.action อีกครั้ง
สร้างแพ็คเกจเซิร์ฟเวอร์ (การดำเนินการ)
หลังจากสร้างการกระทำเราต้องสร้างบริการเพื่อควบคุมโปรแกรม
เราคลิกขวาที่แพ็คเกจเซิร์ฟเวอร์-àweb-àservlet
เราสามารถเริ่มต้นโดยพลการและอีกครั้งที่เราใช้ ActionServlet
ดังนั้นโปรแกรมจึงถูกสร้างขึ้นและเราจำเป็นต้องแก้ไขโปรแกรม
หลังจากสร้างโปรแกรมทั้งหมดของเราเราจำเป็นต้องสร้างแบบฟอร์มในไฟล์ login.jsp
โค้ดคัดลอกรหัสดังนี้: <form action = "ActionServlet" method = "post">
สิ่งสำคัญคือการเพิ่ม <form> <form/> ข้อมูลเพื่อเพิ่มข้อมูลการเข้าสู่ระบบในการเปลี่ยนแปลง
ตัวอย่างเช่นข้อมูลสุดท้ายคือ:
<%@page language = "java" contentType = "ข้อความ/html; charset = utf-8" pageencoding = "utf-8"%> <! en "> <html> <head> <title> ศูนย์การจัดการเข้าสู่ระบบใน v1.0 </title> <meta http-equiv = content-type type =" text/html; /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 =#002779Border = 0> <td align = middle> <table cellspacing = 0 cellpadding = 0> 468 img ความสูง = 23 src = "ภาพ/login_1.jpg">>> 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 =? method = post> <tr height = 5> </td> <td> 56> </td> <td> </td> = 36> <td> </td> <td> ชื่อผู้ใช้ </td> <td> <putionstyle = "" ชายแดน-ขวา: #000000 1px ของแข็ง; 1px Solid; > <nputstyle = "ชายแดนขวา: #000000 1px solid; border-top: #000000 1px solid; border-heft: #000000 1px solid; ขอบด้านล่าง: #000000 1px solid" ชื่อ = รหัสผ่าน = รหัสผ่าน maxlength = 30 size = 24name> </td> </tr> ght = 5> <td colspan = 3> </td> </tr> <l> <td> </td> </td> </td> <td > <อินพุตประเภท = ความสูงของภาพ = 18> 70Src = "รูปภาพ/bt_login.gifif"> ไม่ใช่ </ster> <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 allign = ขวา> <a href =" http : //www.865171.cn/ "target = _blank> <imgheight = 26 src =" images/login_6.gif "> 165border = 0> </a> </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 cellpadding = 0 border = 0> <tr> <td> <img height = 23 src = "ภาพ/login_1.jpg"; > <td> <img height = 147 src = "images/login_2.jpg"; <td; <img height = 122 src = "images/login_3.jpg"; 5> </td> </td> <td> <td> <td> <td> </td> </tr> <tr heart = 36> <td> </td> <td> ชื่อผู้ใช้ </td > <nput style = "border-right: #000000 1px solid; border- ด้านบน: #000000 1px solid; border-heft: #000000 1px ของแข็ง; "www.865171.cn" ชื่อ = ชื่อ> </td> </tr> <tr height = 36> <td> </td> <td> รหัสผ่าน </td> <nput style = "border-right: # 000000 1px Solid; </td> </tr> tr height = 5> <td colspan = 3> </td> </tr> <td> </td> </td> </td> <td> <อินพุตประเภท = image ความสูง = 18 src = "images/bt_login.gif"> </td> </tr> </form> </table> </td> <td; ; > <table cellspacing = 0 cellpadding = 0 border = 0> <td align = ขวา> <a href = "http://www.865171.cn/" target = _blaank> <img height = 26 src = " login_6.gif "border = 0> </a> </td> </tr> </table> </td> </tr> </body> </html>
ในที่สุดก็แก้ไขชื่อข้อมูลการเข้าสู่ระบบ:
คัดลอกรหัสรหัสดังต่อไปนี้: ชื่อ = รหัสผ่านชื่อผู้ใช้ = รหัสผ่าน
สุดท้ายเรากำหนดผู้ใช้และชื่อภายใต้ ActionServlt
String name = request.getParameter ("ชื่อผู้ใช้"); หลังจากการแก้ไขเสร็จสมบูรณ์เราสามารถเรียกใช้สำหรับการทดสอบ
หน้าสามารถเปิดได้ตามปกติ
หลังจากทำงานแล้วเราสามารถเห็นข้อมูลบัญชีอินพุตและรหัสผ่านผ่านคอนโซล
ต่อไปเรากระโดดผ่านคำสั่งแบบมีเงื่อนไข ลองทดสอบบัญชีและรหัสผ่านที่ระบุสำหรับการทดสอบ
เรากำหนดชื่อผู้ใช้และรหัสผ่านเป็นผู้ดูแลระบบ
if (name.equals ("adimin") && q password.equals ("admin") {response.sendedirect ("index.jsp");} else {response.sendrectirect ("login.jsp");}}}} หลังจากเพิ่มเราจะทดสอบ
หลังจากอินพุตถูกต้องเราเข้าสู่ระบบและข้ามไปเป็นปกติ
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้