Java元素班服_班服的图片展示和投票的实现

班级想要定制班服，但班服的图案需要全班同学的投票决定，所以，可以利用机房，使用tomcat，大家访问同一台机器，观看图片和投票。

先看一下，班服的图片展示和投票页面的代码吧：

banfu.html

var checkSubmitFlg = false;

function checkSubmit() {

if (checkSubmitFlg == true) {

return false;

}

checkSubmitFlg = true;

return true;

}

document.ondblclick = function docondblclick() {

window.event.returnValue = false;

}

document.onclick = function doconclick() {

if (checkSubmitFlg) {

window.event.returnValue = false;

}

}

计103-1班服图片介绍

• 1、单梦竹供图
• 2、单梦竹供图
• 3、单梦竹供图
• 4、单梦竹供图
• 5、刘巧月供图
• 6、刘巧月供图
• 7、刘巧月供图
• 8、陈延武供图
• 9、陈延武供图

• 10、尤亚杰供图
• 11、尤亚杰供图
• 12、尤亚杰供图
• 13、尤亚杰供图
• 14、尤亚杰供图
• 15、尤亚杰供图

• 16、单梦竹供图
• 17、单梦竹供图
• 18、单梦竹供图
• 19、单梦竹供图
• 20、单梦竹供图
• 21、商迪供图
• 22、商迪供图

查看票数

配合的css代码为：

@CHARSET "UTF-8";

body {

margin: 0 auto;

width: 900px;

height: 800px;

background-image: url('img/1.jpg');

}

/*.span{

font-size: 30px;

font-family: "华文新魏";

color: red;

}*/

.faceul {

margin-left:300px;

width: 900px;

height: 430px;

}

.faceul li {

width: 215px;

height: 210px;

float: left;

margin-left: 10px;

list-style-type: none;

}

.faceul img {

width: 217px;

height: 160px;

}

.faceul font {

font-size: 20px;

margin-left: 5px;

color: yellow;

}

它的显示效果为：

下面是投票计数的代码：

package com.you.banfu;

public class Num {

private static int[] count = new int[23];

private static Num num = new Num();

private Num(){}

public static Num getInstance(){

return num;

}

public int[] getCount(){

return count;

}

public synchronized void set(String[] num) {

for(int i = 0; i < num.length; i++) {

switch(Integer.parseInt(num[i])) {

case 1: count[1]++;break;

case 2: count[2]++;break;

case 3: count[3]++;break;

case 4: count[4]++;break;

case 5: count[5]++;break;

case 6: count[6]++;break;

case 7: count[7]++;break;

case 8: count[8]++;break;

case 9: count[9]++;break;

case 10:count[10]++;break;

case 11: count[11]++;break;

case 12: count[12]++;break;

case 13: count[13]++;break;

case 14: count[14]++;break;

case 15: count[15]++;break;

case 16: count[16]++;break;

case 17: count[17]++;break;

case 18: count[18]++;break;

case 19: count[19]++;break;

case 20: count[20]++;break;

case 21: count[21]++;break;

case 22: count[22]++;break;

}

}

}

}

使用单例模式实现计数。

下面代码实现避免重复提交的情况：

package com.you.banfu;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.HashSet;

import java.util.Set;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class Count extends HttpServlet {

private static final long serialVersionUID = 1L;

String[] num;

String ip;

Set hash = new HashSet();

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

doPost( request, response);

}

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

Num n_count = Num.getInstance();

response.setContentType("text/html;charset=UTF-8");

request.setCharacterEncoding("UTF-8");

num = request.getParameterValues("count");

if(hash.add(getRemoteAddress(request))== true){

n_count.set(num);

request.setAttribute("count", n_count.getCount());

request.getRequestDispatcher("/show.jsp").forward(request, response);

}

else{

PrintWriter out = response.getWriter();

out.write("

out.write("window.alert(");

out.write("\"请不要重复提交！\"");

out.write(");window.history.go(-1);");

}

}

public String getRemoteAddress(HttpServletRequest request) {

String ip = request.getHeader("x-forwarded-for");

if (ip == null || ip.length() == 0 || ip.equalsIgnoreCase("unknown")) {

ip = request.getHeader("Proxy-Client-IP");

}

if (ip == null || ip.length() == 0 || ip.equalsIgnoreCase("unknown")) {

ip = request.getHeader("WL-Proxy-Client-IP");

}

if (ip == null || ip.length() == 0 || ip.equalsIgnoreCase("unknown")) {

ip = request.getRemoteAddr();

}

return ip;

}

}

因为在机房中，所以设定一个ip只能提交一次，便实现了避免重复提交。

到显示页面的servlet代码为：

package com.you.banfu;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class Show extends HttpServlet {

/**

*

*/

private static final long serialVersionUID = 1L;

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

Num n_count = Num.getInstance();

request.setAttribute("count", n_count.getCount());

request.getRequestDispatcher("/show.jsp").forward(request, response);

}

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

doGet(request, response);

}

}

显示页面的代码为：

My JSP 'show.jsp' starting page

图片编号	投票数
${st.count}	${num}

使用表格显示，采用动态生成表格。

效果为：