求大神帮我设计一个类似于ATM机的那样的JAVA WEB前台网页。。。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了求大神帮我设计一个类似于ATM机的那样的JAVA WEB前台网页。。。相关的知识，希望对你有一定的参考价值。
就像上面的两个图似的，希望哥哥姐姐们能帮我做一个类似于这样的网页，也用不着特别的美化，差不多像个样子就行。小弟需要在这样的服务端进行系统调试，但是前台没有怎么学过，所以希望大家帮帮忙！
PS:最好有个CSS样式表，.jsp格式的网页最好，.html的也可以，只要做出静态页面就好了
<html>
<head>
<title>ATM</title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<style type="text/css">
.maindiv
width:50%;
height:350px;
background-color:#9999ff;
border:solid 1px #000;
.leftdiv
width:70%;
height:80%;
background-color:#FFF;
border:solid 1px #000;
margin:30px 0 0 30px;
float:left;
text-align:center;
.rightdiv
width:20%;
height:80%;
margin:20px 0 0 0;
float:left;
.rightdiv input
width:90%;
margin:10px 0 10px 20px;
height:50px
</style>
<script type="text/javascript">
window.onload=function()
var statusb=document.getElementById("status"),
searchb=document.getElementById("search"),
payfor=document.getElementById("payfor"),
cpassword=document.getElementById("cpassword"),
displayWindow=document.getElementById("displayWindow");
if (window.addEventListener)
// safari, chrome, firefox
//addEventListener(string eventFlag, function eventFunc, [bool useCapture=false])
// useCapture: 指定是否绑定在捕获阶段，true为是，false为否，默认为true
statusb.addEventListener("click", showUStatus);
searchb.addEventListener("click", showSearch);
payfor.addEventListener("click", showPay);
cpassword.addEventListener("click", showChange);
else // IE opera
statusb.attachEvent("onclick", showUStatus);
statusb.attachEvent("onclick", showSearch);
payfor.addEventListener("click", showPay);
cpassword.addEventListener("click", showChange);
;
function showUStatus()
document.getElementById("displayWindow").innerHTML="姓名 : xx</br>年龄 : 22 性别 : xx";
function showSearch()
document.getElementById("displayWindow").innerHTML="余额 : 10000000 RMB</br>土豪!我们做朋友吧";
function showPay()
document.getElementById("displayWindow").innerHTML=" <form>充值金额 :<input type='text' name='money'/><input type='submit' value='提交'></form>";
function showChange()
document.getElementById("displayWindow").innerHTML=" <form>新密码 :<input type='text' name='newPWord'/><input type='submit' value='提交'></form>";
</script>
</head>
<body>
<div class="maindiv">
<div id="displayWindow" class="leftdiv">欢迎使用xxxIC系统</div>
<div class="rightdiv"><input id="status" type="button" value="用户状态"/></br><input id="search" type="button" value="余额查询"/></br><input id="payfor" type="button" value="充值缴费"/></br><input id="cpassword" type="button" value="修改密码"/></div>
</div>
</body>
</html>
这段JAVA程序有两个BUG，求大神给看看
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.util.*;
public class Task1 extends JFrame implements ActionListener
private JLabel word;
private JLabel[] animal;
private JButton checkbutton;
private JPanel jp1, jp2,jp3,jp4;
private JTextField ans;
private String answer,coranswer;
public Task1()
word=new JLabel("How many animals have come to the party?");
animal=new JLabel[10];
jp1 = new JPanel();
jp2 = new JPanel();
jp3 = new JPanel();
jp4 = new JPanel();
ans = new JTextField(2);
jp1.setLayout(new GridLayout(0,5));
jp2.setLayout(new BorderLayout());
jp3.setLayout(new FlowLayout());
jp4.setLayout(new FlowLayout());
this.setTitle("Welcome to the Jungle Party!");
checkbutton=new JButton("Check!");
jp4.add(checkbutton);
jp3.add(word);
jp3.add(ans);
jp2.add(BorderLayout.CENTER,jp3);
jp2.add(BorderLayout.SOUTH,jp4);
jp2.add(BorderLayout.NORTH,jp1);
this.makepic1();
this.getContentPane().add(jp2);
checkbutton.addActionListener(this);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
this.setLocation(100,100);
this.setSize(1920,1080);
this.setVisible(true);
public void actionPerformed(ActionEvent event)
answer = ans.getText().trim();
while(!answer.equals("null"))
if (answer.equals(coranswer))
word.setText("Correct!How many animals are in the party now?");
jp1.removeAll();
this.makepic2();
return;
else
word.setText("Wrong!Try again!");
return;
private void makepic1()
for(int i=0;i<10;i++)
int j=i+1;
animal[i]=new JLabel(new ImageIcon(getClass().getResource("animal"+j+".png")));
jp1.add(animal[i]);
coranswer="10";
private void makepic2()
double t =Math.floor(Math.random()*9 + 1);
int k= (int) t;
coranswer= String.valueOf(k) ;
for(int i = 0;i<k;i++)
int j = i + 1;
animal[i]=new JLabel(new ImageIcon(getClass().getResource("animal"+j+".png")));
jp1.add(animal[i]);
这段程序就是一开始显示10张图，在文本框里输入正确的数字（一开始固定是10）的话就会显示正确，然后随机再显示1-10个图片，错误的话就会告诉你错误让你重新输入，像这样无限循环。
我现在有两个BUG，
如果前后两次图片数正好随机成相等的话，不管输入多少都会显示错误（只是看起来是这样，我感觉实际上出现前后两次随机相等的概率有点太高了，不只10%）。
如果在前一次输入正确的情况下，再次输入正确的话，图片文字都不会换，必须再按一下CHECK，文字显示错误了，图片同时会换（也就是说，必须是文字显示WRONG的情况下，输入正确的结果才能正常运行，如果是文字显示correct的情况下再次正确了，图片不换，必须wrong了才行。）除了MAIN之外全部代码都在这了。图片我传到网盘吧。。10张图http://pan.baidu.com/s/1sl8UQ65
OK传上去了
以上是关于求大神帮我设计一个类似于ATM机的那样的JAVA WEB前台网页。。。的主要内容，如果未能解决你的问题，请参考以下文章