ตัวอย่างนี้แชร์รหัสเฉพาะสำหรับการใช้ฟังก์ชัน Java สำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
การเรนเดอร์มีดังนี้:
ดัชนีหน้าหลัก. html:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-ype" content = "text/html; charset = utf-8"/> <title> src = "jQuery-1.3.2.min.js"> </script> <script type = "text/javascript"> $ (function () {getDigshtml ();}) ฟังก์ชั่น iSdigs (digtype) // top และขั้นตอนบนการดำเนินการ {$ .ajax ( ข้อมูล: 'Action = Digs & DigType ='+DigType, /* beforesend: function () {$ ("#vote"). hide (); $ ("#loadings"). แสดง (); $ ("การโหวต").); การประเมินผล! "); break;*/case '3': getDigshtml (); // rebind html // $ ("#loadings "). ซ่อน (); // $ ("#โหวต ") แสดง () แจ้งเตือน (" ขอบคุณสำหรับการเข้าร่วม! "); $ .ajax ({type: 'post', url: 'digg', data: 'action = getDigshtml', ความสำเร็จ: ฟังก์ชั่น (msg) {$ ("#digg"). html (msg);}}) มาร์จิ้น: 0; } .digg {ความสูง: อัตโนมัติ; ความกว้าง: 190px; ขนาดตัวอักษร: 12px; Font-Weight: ปกติ; } .digg a {display: block; ความสูง: 48px; ความกว้าง: 189px; ภาพพื้นหลัง: URL (images/mark.gif); พื้นหลังซ้ำ: ไม่ทำซ้ำ; ตำแหน่ง: ญาติ; สี: #000; การตกแต่งข้อความ: ไม่มี; } .digg. Good {margin-bottom: 10px; ระยะขอบด้านบน: 5px; } .digg. Good A {ตำแหน่งพื้นหลัง: -189px 0px; } .digg. Good A: Hover {ตำแหน่งพื้นหลัง: 0px 0px; } .digg .bad a {ตำแหน่งพื้นหลัง: -378px 0px; } .digg .bad A: Hover {ตำแหน่งพื้นหลัง: -567px 0px; } .digg A: Hover {ตำแหน่งพื้นหลัง: -567px 0px; } .digg ap {padding-left: 30px; ความสูงของสาย: 25px; } .digg .bar {พื้นหลังสี: สีขาว; ความสูง: 5px; ซ้าย: 20px; ล้น: ซ่อน; ตำแหน่ง: สัมบูรณ์; TEXT-ALIGN: ซ้าย; ด้านบน: 30px; ความกว้าง: 55px; } .bar #g_img {background-image: url (images/sprites.gif); พื้นหลังซ้ำ: ทำซ้ำ -X; ความสูง: 5px; ความกว้าง: อัตโนมัติ; } .bar #b_img {background-image: url (images/sprites.gif); พื้นหลังซ้ำ: ทำซ้ำ -X; ความสูง: 5px; ความกว้าง: อัตโนมัติ; ตำแหน่งพื้นหลัง: 0px -5px; } .num {color: #333; แบบอักษร: ปกติปกติ 100 10px/12px Tahoma; ซ้าย: 80px; ตำแหน่ง: สัมบูรณ์; ด้านบน: 26px; } .digg. Good .Bar {Border: 1px Solid #40A300; } .DIGG .BAD .BAR {ชายแดน: 1PX SOLID #555; } </style> <script type = "text/javascript"> </script> </head> <body> <div id = "digg" style = "margin-left: auto; margin-right: auto;"> </div> </body> </html> Backend Servlet:
แพ็คเกจ com.test; นำเข้า java.io.ioException; นำเข้า java.io.printwriter; นำเข้า java.sql.connection; นำเข้า java.sql.drivermanager; นำเข้า java.sql.resultset; นำเข้า java.sql.sqlexception; นำเข้า java.sql.statement; นำเข้า Java.Text.NumberFormat; นำเข้า javax.servlet.servletexception; นำเข้า Javax.servlet.http.httpservlet; นำเข้า Javax.servlet.http.httpservletRequest; นำเข้า Javax.servlet.http.httpservletResponse; Digg คลาสสาธารณะขยาย httpservlet {การเชื่อมต่อแบบคงที่ส่วนตัว con = null; คำสั่งคงที่ส่วนตัว stmt = null; /*** ตัวสร้างของวัตถุ */ public digg () {super (); } /*** การทำลายล้าง servlet <br> */ โมฆะสาธารณะทำลาย () {super.destroy (); // เพียงแค่วางสตริง "ทำลาย" ใน log // วางรหัสของคุณที่นี่} โมฆะสาธารณะ doget (คำขอ httpservletrequest, การตอบสนอง httpservletResponse) พ่น servletexception, ioexception {this.dopost (คำขอ, การตอบสนอง); } โมฆะสาธารณะ dopost (คำขอ httpservletrequest, การตอบสนอง httpservletResponse) พ่น servletexception, ioexception {request.setcharacterencoding ("UTF8"); Response.Setcharacterencoding ("UTF8"); String action = request.getParameter ("การกระทำ"); String DigType = request.getParameter ("DigType"); if (action.equals ("digs")) {ลอง {response.getWriter (). เขียน (ขุด (digtype)); } catch (exception e) {e.printstacktrace (); }} อื่นถ้า (action.equals ("getDigShtml")) {ลอง {response.getWriter (). เขียน (getDightMl ()); } catch (exception e) {e.printstacktrace (); }}} การขุดสตริงส่วนตัว (สตริง digtype) พ่นข้อยกเว้น {string sql = ""; if (digType.equals ("digs")) {sql = "อัปเดต dig set digs = digs+1 โดยที่ id = 1"; } else {sql = "อัปเดต Dig Set undigs = undigs+1 โดยที่ id = 1"; } int num = stmt.executeUpdate (SQL); if (num> 0) {return "3"; } return "1"; } โมฆะคงที่สาธารณะหลัก (สตริง [] args) {numberFormat nf = numberformat.getpercentinstance (); nf.setMaximumintegerdigits (4); NF.SetMaximumFractionDigits (6); double d = (สองครั้ง) 1/(สองเท่า) 7; System.out.println (nf.format (d)); } สตริงส่วนตัว getDightMl () พ่นข้อยกเว้น {numberFormat nf = numberFormat.getPercentInstance (); nf.setMaximumintegerdigits (3); NF.SetMaximumFractionDigits (2); String SQL = "เลือก * จาก DIG โดยที่ id = 1"; resultset res = stmt.executeQuery (SQL); double digsum = 0; double undigsum = 0; Double Digsumall = 0; สตริง digper = "0%"; สตริง undigper = "0%"; ในขณะที่ (res.next ()) {digsum = res.getInt ("digs"); undigsum = res.getint ("undigs"); } digsumall = digsum + undigsum; if (digsumall! = 0) {digper = nf.format (digsum/digsumall); undigper = nf.format (undigsum/digsumall); } string str = "<div class = 'good'>"; str+= "<a href = javaScript: isdigs ('digs')>"; str+= "<p> ดี </p> <div class = 'bar'> <div id = 'g_img' style = 'width:"+digper+"'> </div> </div>"; str+= "<span class = 'num'>"+digper+"("+digsum+") </span>"; str+= "</a> </div> <div class = 'bad'>"; str+= "<a href = javaScript: isdigs ('undigs')>"; str+= "<p> แย่มาก </p> <div class = 'bar'> <div id = 'b_img' style = 'width:"+undigper+"'> </div> </div>"; str+= "<span class = 'num'>"+undigper+"("+undigsum+") </span>"; str+= "</a> </div>"; return str; } /*** การเริ่มต้นของ servlet <br> * * @throws servletexception * หากเกิดข้อผิดพลาด */ โมฆะสาธารณะ init () พ่น servletexception {ลอง {class.forname ("com.mysql.jdbc.driver"); con = drivermanager.getConnection ("JDBC: mysql: //172.16.42.39: 3306/dig", "root", "12345678"); stmt = con.createstatement (); } catch (exception e) {// todo บล็อก catch block ที่สร้างอัตโนมัติ e.printstacktrace (); }} โมฆะสาธารณะ closecon () {ลอง {stmt.close (); con.close (); } catch (sqlexception e) {// toDo บล็อก catch block ที่สร้างขึ้นอัตโนมัติ E.PrintStackTrace (); - คำสั่ง SQL:
สร้าง Table Dig (รหัสหลัก ID int, Digs int, undigs int); แทรกลงในค่าขุด (1,0,0);
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น