Saya percaya bahwa kustomisasi sangat akrab dengan pengembangan pengembang, tetapi cukup menantang untuk pemula saya, karena saya telah belajar dan pemeliharaan dari belajar untuk bekerja. Mengejar teknologi, itu harus lebih cepat. Karena perusahaan baru -baru ini memperbarui arsitektur, saya ingin menulis beberapa informasi dari perusahaan ke SQL, dan kemudian meminta melalui web, jadi saya mengeksplorasi penyebaran antarmuka login web pertama di bawah Ecclipse.
Kami juga tahu bahwa menjalankan program web paling sering diimplementasikan melalui Tomcat, IIS, Apache, tetapi orang yang paling umum masih berpikir bahwa Tomcat, jadi Anda perlu mengunduh program Windows for Tomcat, dan kemudian Anda perlu mengonfigurasi variabel JDK, JRE dan masalah lain di Windows.
1. Windows for tomcat Program Unduh: http://tomcat.apache.org/
2. JDK Unduh: http://rj.baidu.com/soft/detail/14459.html?
3. JDK, Konfigurasi Variabel Lingkungan JRE:
4. Instal JDK-6U14-Windows-I586.exe
5. Konfigurasikan Variabel Lingkungan: Klik kanan "Komputer Saya"-> "Advanced"-> "Variabel Lingkungan"
1) Buat variabel java_home baru dalam variabel sistem.
2) Buat variabel ClassPath baru, nilai variabelnya adalah :;%java_home%/lib;%java_home%/lib/tools.jar
3) Tambahkan nilai variabel dalam variabel jalur (tidak ada perlu dibangun):%java_home%/bin;%java_home%/jre/bin (perhatikan ";" terpisah)
6. "Mulai"-> "Jalankan"-> Enter "Javac"-> Enter.
Analisis Variabel Lingkungan Tambahan:
Java_Home: Jalur instalasi JDK
ClassPath: Java Loading Paths hanya dapat diidentifikasi dalam perintah Java di ClassPath.
Path: Sistem dapat mengenali perintah Java dan Javac di bawah jalur apa pun.
7. Eclipse Unduh: http://eclipse.org/downloads/
2. Kami sudah siap untuk lingkungan di atas:
Program Apache-Tomcat ditempatkan di drive D dan direktori
2. Setelah menjalankan program Eclipse, kami membuat proyek web pertama -dynamic (nama SAM) -à dan kemudian buat file a.jsp.
http://down.51cto.com/data/678743
3. Setelah mengunduh, buka dan temukan program template yang kami sukai dan kemudian tandai. Saya lebih suka ini, jadi saya bersiap untuk file template ini
Kami membuka aplikasi file yang relevan: karena semuanya adalah file HTML, kami perlu membuka file ke file JSP, dan kemudian menyalin file tanda CSS
3. Pertama -tama, kami membuat perintah baru: file login.jsp. Setelah file default baru dibuat, kami menemukan bahwa ada kesalahan.
2. Kami mengklik Windows-àpreferences
Server-àruntime Environment-Yesadd
Persiapan dan instalasi lingkungan kami adalah Apache-tomgcat8.0, jadi kami memilih versi ini
Kami memilih jalur instalasi program Tomcat
Setelah memilih, kami mengklik untuk menyelesaikannya
Mari klik kanan Objek Web Dynimac (SAM) -àbuild Path-àconfigure Build Path
Kami memilih, server runtime
Kami kemudian memilih Perpustakaan-àadd Library
Kami menambahkan untuk menyelesaikannya
Setelah penambahan, kami menemukan bahwa program versi Apache Tomcat telah ditambahkan
Kami mengubah kode karakter program menjadi "UTF-8"
Masalah kesalahan program telah diselesaikan.
Kami pertama -tama membuka file login.html untuk membuka konten salin dalam format teks.
Kami menghapus konten file login.jsp baru, kecuali untuk dua baris pertama bahasa format. Tempel konten file login.html yang baru saja disalin
Lihat hasil pasta kami:
Selanjutnya, kami akan membuat file index.jsp sebagai halaman lompat. Setelah login selesai, itu akan melompat ke halaman untuk mengubah halaman
Pada saat yang sama, kami akan menyalin indeks.html yang diunduh dalam format teks.
Tempel di file index.jsp.
Karena antarmuka login yang diunduh adalah informasi yang ditandai, kita perlu menyalin dan menempelkan informasi pelabelan ke objek web Dymaci untuk dipanggil. Salin 5 file berikut.
Kami menyalin file setelah menyalin
Lihat hasilnya setelah pasta: lihat:
Setelah konfigurasi file di atas selesai, kita perlu membuat paket server (tindakan);
Program ini terutama dikendalikan oleh akses dan lompatan halaman.
Nama Packer Server umumnya disarankan untuk menggunakan input terbalik dari nama domain perusahaan: misalnya, nama domain saya adalah iiosoft.com lagi untuk memasukkan com.iiosoft.action lagi
Buat Paket Server (Tindakan)
Setelah membuat tindakan, kita perlu membuat layanan untuk mengontrol program.
Kami mengklik kanan paket server-àweb-àservlet
Kita bisa mulai sewenang -wenang, dan sekali lagi kita menggunakan ActionServlet
Jadi program dibuat, dan kita perlu memodifikasi program.
Setelah semua program kami dibuat, kami perlu membuat formulir di file login.jsp,
Salin kode kode sebagai berikut: <Form Action = "ActionServlet" Method = "Post">
Hal utama adalah menambahkan <sorm> <form/> informasi untuk menambahkan informasi login ke perubahan.
Misalnya, informasi akhir adalah:
<%@page language = "java" contentType = "text/html; charset = utf-8" pageEncoding = "UTF-8"%> <! EN "> <html> <head> <title> Pusat Manajemen Log di v1.0 </itement> <meta http-equiv = konten-tipe konten =" teks/html; /adimin .css "type =" text/css "r =" stylesheet "> </head> <body onload = document.form1.name.focus ();> <bentuk action =" actionServlet "method =" post "> <Table CellSpacing = 0 CellPadding = 0> "100%" bgcolor =#002779border = 0> <td align = middle> <tabel cellspacing = 0 cellpadding = 0> 468 IMG tinggi = 23 src = "gambar/login_1.jpg"> 468> </td> </tr> <td> <img tinggi = 147 src = "gambar/login_2.jpg"> 468> </td>/tr> </table> <Table CellSpacing = 0 CellPadding = 0> 468 bgcolor =#border fffffff = 0> <td> 16> <img tinggi = 122 src = "gambar/login_3.jpg"> 16> </td> <td align = tengah> <tabel cellspacing = 0 cellpadding = 0> 230 Border = 0> <Form Name = Form1 Action =? = 36> <td> </td> <td> Nama pengguna </td> <td> <inputStyle = "" Border-Right: #000000 1px padat; 1px padat; > <nputStyle = "Border-Right: #000000 1px Solid; Border-Top: #000000 1px padat; border-heft: #000000 1px padat; border-bottom: #000000 1px solid" type = kata sandi nama = kata sandi = 30 size = 24Name> </td> </tr> ght = 5> <td colspan = 3> </td> </tr> <l> <td> </td> </td> </td> <td > <input type = Image Height = 18> 70src = "Images/bt_login.gifif"> bukan </able> <Table CellSpacing = 0 CellPadding = 0> 468 BORDER = 0> <td> <IMG Tinggi = 16 SRC = " Gambar/login_5.jpg "> 468> </td> </tr> </boable> <Table CellSpacing = 0 CellPadding = 0> 468 BORDER = 0> <TR> <TD Align = Right> <a href =" http : //www.865171.cn/ "target = _blank> <mgheight = 26 src =" gambar/login_6.gif "> 165border = 0> </a> </td> </ably> </td> </s Tabel> </form> </body> </html>
Struktur kode sebelum memodifikasi:
<! .css "type =" text/css "rel =" stylesheet "> </ head> <body = document.form1.name. focus ();> <cellspacing = 0 cellpadding = 0; 100%" bgcolor =#002779 BORDER = 0> <TD Align = Middle> <Table CellSpacing = 0 CellPadding = 0 Border = 0> <TR> <TD> <IMG Tinggi = 23 SRC = "Gambar/Login_1.jpg"; > <td> <img tinggi = 147 src = "gambar/login_2.jpg"; <Td; <img tinggi = 122 src = "gambar/login_3.jpg"; 5> </td> </td> <td> <td> <td> <td> </td> </tr> <tr heart = 36> <td> </td> <td> nama pengguna </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 Nilai = Nilai = Nilai = Nilai = 30 "www.865171.cn" name = name> </td> </tr> <tr height = 36> <td> </td> <td> kata sandi </td> <nput style = "border-right: # 000000 1px solid; </td> </tr> TRIGHT = 5> <td colspan = 3> </td> </tr> <td> </td> </td> </td> <td> <input type = gambar = gambar Tinggi = 18 src = "gambar/bt_login.gif"> </td> </tr> </form> </able> </td> <td; ; > <Table CellSpacing = 0 CellPadding = 0 Border = 0> <td align = right> <a href = "http://www.865171.cn/" target = _blaank> <img tinggi = 26 src = "imag es/ Login_6.gif "border = 0> </a> </td> </tr> </abless> </td> </tr> </body> </html>
Akhirnya ubah nama informasi login:
Salin kode kode sebagai berikut: Nama = nama pengguna kata sandi = kata sandi
Akhirnya, kami mendefinisikan pengguna dan nama di bawah ActionServlt
String name = request.getParameter ("nama pengguna"); Setelah modifikasi selesai, kami dapat berjalan untuk menguji
Halaman dapat dibuka secara normal
Setelah berjalan, kita dapat melihat informasi akun dan kata sandi input melalui konsol
Selanjutnya kita melompati pernyataan bersyarat. Mari kita uji akun dan kata sandi yang ditentukan untuk pengujian.
Kami mendefinisikan nama pengguna dan kata sandi sebagai admin.
If (name.equals ("adimin") && q kata sandi Setelah menambahkan, kami akan menguji;
Setelah input benar, kami masuk dan melompat ke normal
Di atas adalah semua isi artikel ini.