javaweb-一个投票网页_web发征页面-CSDN博客

本文链接：https://blog.csdn.net/qq_37486501/article/details/80935121

创建一个投票网页，并实现统计票数和显示。要求：投票项目为两项以上，每项至少有三个选项. 编写程序Vote.html和Vote.jsp
成果展示:
这里写图片描述

Vote.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vote界面</title>
</head>
<body>

<table align="center" border="2" width="700" >
<form name="login"  action="http://localhost:8080/LYX/Vote.jsp" method="post">
<h2 align=center>请投票: </h2>
<tr bgcolor=#FFCCCC>
<td>请选择你所支持的学院:</td>
<td>
<input type="checkbox" name="xy" value=1 >信息学院
<input type="checkbox" name="xy" value=2 >经管学院
<input type="checkbox" name="xy" value=3 >交通学院
<input type="checkbox" name="xy" value=4 >林学院
<input type="checkbox" name="xy" value=5 >理学院
</td>
</tr>
<tr bgcolor=#FFCCCC>
<td>请选择你所支持的专业:</td>
<td>
<input type="checkbox" name="zy" value=1 >计算机专业 
<input type="checkbox" name="zy" value=2 >软件专业
<input type="checkbox" name="zy" value=3 >信管专业
<input type="checkbox" name="zy" value=4 >园林专业
<input type="checkbox" name="zy" value=5 >土木专业
</td>
</tr>
<td colspan="2" align="center">
<input type="button" value="提交" onclick="submit()"> 
<input type="reset" value="重置"></td>
</form>
</table>
</body>
</html>

Vote.jsp:

<%@page import="com.sun.xml.internal.txw2.Document"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>票数显示界面</title>
</head>
<body>
<%
int x1=0;
int x2=0;
int x3=0;
int x4=0;
int x5=0;
int z1=0;
int z2=0;
int z3=0;
int z4=0;
int z5=0;
%>
<%
String[] xy=request.getParameterValues("xy"); //用getParameterValues的方法，将核取到的值取到langtype[]阵列内  
String[] zy=request.getParameterValues("zy");
if (xy!=null)    
//前端的使用者,如果没打勾的话    
//request.getParameterValues("langtype")会接收到null值    
{    
    for(int i=0;i<xy.length;i++)
    {
         if(Integer.parseInt(xy[i])==1)
            {x1++;}//xy[i]为字符串1
          if(Integer.parseInt(xy[i])==2)
            {x2++;}
          if(Integer.parseInt(xy[i])==3)
            {x3++;}
         if(Integer.parseInt(xy[i])==4)
            {x4++;}
         if(Integer.parseInt(xy[i])==5)
            {x5++;}
      }
}
if (zy!=null)    
    //前端的使用者,如果没打勾的话    
    //request.getParameterValues("langtype")会接收到null值    
    {    
        for(int i=0;i<zy.length;i++)
        {
             if(Integer.parseInt(zy[i])==1)
                {z1++;}//xy[i]为字符串1
              if(Integer.parseInt(zy[i])==2)
                {z2++;}
              if(Integer.parseInt(zy[i])==3)
                {z3++;}
             if(Integer.parseInt(zy[i])==4)
                {z4++;}
             if(Integer.parseInt(zy[i])==5)
                {z5++;}
          }
    }
%>
<h2>所支持的学院票数显示:</h2>
信息学院:<%=x1%><br>
经管学院:<%=x2%>        <br>
交通学院:   <%=x3%> <br>
林学院:<%=x4%>     <br>
理学院: <%=x5%>        <br>

<h2>所支持的专业票数显示:</h2>
计算机专业:<%=z1 %>      <br>
软件专业:   <%=z2 %>    <br>
信管专业:   <%=z3 %>    <br>
园林专业:   <%=z4 %>    <br>
土木专业:   <%=z5 %>    <br>

</body>
</html>