Cet exemple partage le code spécifique pour l'implémentation de la fonction Java pour votre référence. Le contenu spécifique est le suivant
Les rendus sont les suivants:
Index de page principale.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"> <éread> <méta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <itle> digg </ title> <script type = "text / javascript" src = "jQuery-1.3.2.min.js"> </ script> <script type = "text / javascript"> $ (function () {getDigshtml ();}) function isdigs (digType) // top et étape sur l'opération {$ .ajax ({type: 'post', url: 'digg',,. Data: 'Action = DIGS & DigType =' + DigType, / * beForessend: function () {$ ("# vote"). Mide (); $ (# vote "). Évaluation! "); Break; * / Case '3': getDigshtml (); // rebind html // $ (" # chargements "). hide (); // $ (" # vote "). show (); alert (" Merci pour votre participation! "); Break; Break:}}}})} fonction GetDigshtml () // Get the top et spee $ .ajax ({type: 'post', url: 'digg', data: 'action = getDigshtml', Success: function (msg) {$ ("# digg"). html (msg);}})} </ script> <style type = "text / css"> * {padding: 0; marge: 0; } .digg {hauteur: auto; Largeur: 190px; taille de police: 12px; Police-poids: normal; } .digg a {display: block; hauteur: 48px; Largeur: 189px; Image d'arrière-plan: URL (images / mark.gif); République de fond: sans répétition; Position: relative; Couleur: # 000; Décoration du texte: aucune; } .digg .good {margin-boot: 10px; marge: 5px; } .digg .good a {background position: -189px 0px; } .digg .good a: hover {background position: 0px 0px; } .digg .bad a {background position: -378px 0px; } .digg .bad a: hover {background position: -567px 0px; } .digg a: hover {background position: -567px 0px; } .digg ap {padding-left: 30px; hauteur de ligne: 25px; } .digg .bar {fond-couleur: blanc; hauteur: 5px; Gauche: 20px; débordement: caché; Position: absolue; Texte-aligne: gauche; En haut: 30px; Largeur: 55px; } .bar #g_img {background-image: url (images / sprites.gif); République de fond: répéter-x; hauteur: 5px; Largeur: Auto; } .bar #b_img {background-image: url (images / sprites.gif); République de fond: répéter-x; hauteur: 5px; Largeur: Auto; Position d'arrière-plan: 0px -5px; } .num {couleur: # 333; Police: normal normal 100 10px / 12px Tahoma; Gauche: 80px; Position: absolue; En haut: 26px; } .digg .good .bar {border: 1px solide # 40A300; } .digg .bad .bar {border: 1px solide # 555; } </ style> <script type = "text / javascript"> </ script> </ head> <body> <div id = "digg" style = "margin-left: auto; margin-right: auto;"> </div> </ body> </html> Servlet backend:
package com.test; Importer java.io.ioException; import java.io.printwriter; import java.sql.connection; Importer Java.Sql.DiverManager; import java.sql.resultSet; import java.sql.sqlexception; import java.sql.statement; import java.text.numberformat; Importer javax.servlet.servletException; import javax.servlet.http.httpservlet; Importer javax.servlet.http.httpservletRequest; import javax.servlet.http.httpservletResponse; La classe publique Digg étend HttpServlet {Connexion statique privée Con = null; déclaration statique privée stmt = null; / ** * Constructeur de l'objet. * / public Digg () {super (); } / ** * Destruction du servlet. <br> * / public void destroy () {super.destroy (); // met juste la chaîne "destroy" dans log // mettez votre code ici} public void doGet (httpsservletRequest request, httpservletResponse réponse) lance ServletException, ioException {this.dopost (request, réponse); } public void doPost (requête httpServletRequest, réponse httpservletResponse) lève ServletException, ioException {request.SetcharAtterencoding ("utf8"); Response.SetcharAtterencoding ("UTF8"); String Action = request.getParameter ("Action"); String DigType = request.getParameter ("DigType"); if (action.equals ("digs")) {try {réponse.getWriter (). write (dig (digType)); } catch (exception e) {e.printStackTrace (); }} else if (action.equals ("getDigshtml")) {try {réponse.getWriter (). write (getDightml ()); } catch (exception e) {e.printStackTrace (); }}} Private String Dig (String DigType) lève une exception {String sql = ""; if (digType.equals ("DIGS")) {SQL = "Mise à jour DIG SET DIGS = DIGS + 1 WHERE ID = 1"; } else {sql = "Update Dig set undigs = undigs + 1 où id = 1"; } int num = stmt.ExecuteUpdate (sql); if (num> 0) {return "3"; } return "1"; } public static void main (String [] args) {NumberFormat nf = NumberFormat.getPercentInstance (); nf.setMaxiMuMIntegerDigits (4); nf.setMaxiMumFractionDigits (6); double d = (double) 1 / (double) 7; System.out.println (nf.format (d)); } String privé getDightml () lève exception {NumberFormat nf = NumberFormat.getPercentInstance (); nf.setMaxiMuMIntegerDigits (3); nf.setMaxiMumFractionDigits (2); String sql = "SELECT * FROM DIG WHERE ID = 1"; ResultSet res = stmt.ExecuteQuery (SQL); double digsum = 0; Double UNDIGSUM = 0; double digsumall = 0; String Digper = "0%"; String Undigper = "0%"; while (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> bon </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> très mauvais </p> <div class = 'bar'> <div id = 'b_img' style = 'width:" + ungper + "'> </div> </div>"; str + = "<span class = 'num'>" + ungigper + "(" + undigsum + ") </span>"; str + = "</a> </ div>"; retour STR; } / ** * Initialisation du servlet. <br> * * @throws servlexception * Si une erreur se produit * / public void init () lève Servlexception {try {class.forname ("com.mysql.jdbc.driver"); con = driverManager.getConnection ("jdbc: mysql: //172.16.42.39: 3306 / dig", "root", "12345678"); stmt = con.creataStation (); } catch (exception e) {// TODO Bloc de capture généré automatiquement e.printStackTrace (); }} public void closeCon () {try {stmt.close (); con.close (); } catch (sqlexception e) {// TODO Block de catch généré automatiquement e.printStackTrace (); }}} Instruction SQL:
Créer des DIG de table (id Int Clé primaire, DIGS INT, UNDIGS INT); Insérer dans les valeurs de fouille (1,0,0);
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.