教大家使用java实现顶一下踩一下功能

时间：2022-09-15 07:39:28

本文实例为大家分享了java实现顶一下踩一下功能的具体代码，供大家参考，具体内容如下

效果图如下：

教大家使用java实现顶一下踩一下功能

主页面index.html:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!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-Type" content="text/html; charset=utf-8" />
<title>Digg</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
 
$(function(){ getdigshtml();})
 
 
function isdigs(digtype)//顶一下，踩一下操作
{
    $.ajax({  
    type:'POST',
    url:'Digg',
    data:'action=digs&digtype='+digtype,
/*   beforeSend:function(){
      $("#vote").hide();
      $("#loadings").show();
    }, ajax请求显示loading效果*/
    success:function(msg){
        switch (msg)
          {
/*   后台用来判断
              case '1':              
              $("#loadings").hide();
              $("#vote").show(); 
              alert("请先登录！");
              break;
            case '2':              
              $("#loadings").hide();
              $("#vote").show();
              alert("请先下载，再操作！");             
              break;
            case '4':              
              $("#loadings").hide();
              $("#vote").show();
              alert("您已经参与过评价！");             
              break;*/
            case '3':
              getdigshtml();//重新绑定html
              //$("#loadings").hide();
              //$("#vote").show();  
              alert("谢谢你的参与！");
              break;
           
            default:
          }
      }
    }) 
} 
 
function getdigshtml()//获取顶一下，踩一下html
{
  $.ajax({  
    type:'POST',
    url:'Digg',
    data:'action=getdigshtml',
    success:function(msg){
         $("#digg").html(msg);
      }
  }) 
} 
 
</script>
<style type="text/css">
* {
  padding:0;
  margin:0;
}
.digg {
  height: auto;
  width: 190px;
  font-size:12px;
  font-weight:normal;
}
.digg a {
  display: block;
  height: 48px;
  width: 189px;
  background-image: url(images/mark.gif);
  background-repeat: no-repeat;
  position: relative;
  color: #000;
  text-decoration: none;
}
.digg .good {
  margin-bottom:10px;
  margin-top: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 p {
  padding-left:30px;
  line-height:25px;
}
.digg .bar {
  background-color: white;
  height: 5px;
  left: 20px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 30px;
  width: 55px;
}
.bar #g_img {
  background-image: url(images/sprites.gif);
  background-repeat: repeat-x;
  height: 5px;
  width: auto;
}
.bar #b_img {
  background-image: url(images/sprites.gif);
  background-repeat: repeat-x;
  height: 5px;
  width: auto;
  background-position: 0px -5px;
}
.num {
  color: #333;
  font: normal normal 100 10px/12px Tahoma;
  left: 80px;
  position: absolute;
  top: 26px;
}
.digg .good .bar {
  border: 1px solid #40A300;
}
.digg .bad .bar {
  border: 1px solid #555;
}
 
</style>
 
<script type="text/javascript">
 
</script>
</head>
 
<body>
<div class="digg" id="digg" style="margin-left: auto;margin-right: auto;">
 
</div>
</body>
</html>

后台servlet:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
package com.test;
 
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.text.NumberFormat;
 
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
public class Digg extends HttpServlet {
  private static Connection con = null;
  private static Statement stmt = null;
 
  /**
   * Constructor of the object.
   */
  public Digg() {
    super();
  }
 
  /**
   * Destruction of the servlet. <br>
   */
  public void destroy() {
    super.destroy(); // Just puts "destroy" string in log
    // Put your code here
  }
 
 
  public void doGet(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {
 
    this.doPost(request, response);
  }
 
  public void doPost(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {
    request.setCharacterEncoding("utf8");
    response.setCharacterEncoding("utf8");
    String action = request.getParameter("action");
    String digtype = request.getParameter("digtype");
    if(action.equals("digs")){
      try {
        response.getWriter().write(dig(digtype));
         
      } catch (Exception e) {
        e.printStackTrace();
      }
    }else if(action.equals("getdigshtml")){
      try {
        response.getWriter().write(getDigHtml());
      } catch (Exception e) {
        e.printStackTrace();
      }
    }
  }
  private String dig(String digtype)throws Exception{
    String sql ="";
    if(digtype.equals("digs")){
      sql ="update dig set digs=digs+1 where id =1";
    }else{
      sql ="update dig set undigs=undigs+1 where 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)); 
    } 
  private String getDigHtml()throws 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>很好</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;
     
  }
  /**
   * Initialization of the servlet. <br>
   *
   * @throws ServletException
   *       if an error occurs
   */
  public void init() throws ServletException {
    try {
      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 Auto-generated catch block
      e.printStackTrace();
    }
 
  }
 
  public void closeCon() {
    try {
      stmt.close();
      con.close();
    } catch (SQLException e) {
      // TODO Auto-generated catch block
      e.printStackTrace();
    }
 
  }
}

sql语句：

?
1
2
3
4
5
6
CREATE TABLE dig(
 id INT PRIMARY KEY,
 digs INT,
 undigs INT
);
INSERT INTO dig VALUES(1,0,0);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。

原文链接：http://blog.csdn.net/xuweilinjijis/article/details/8880968

标签：

相关文章