先看前端界面确定后端需要处理的参数,把一些参数进行修改:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8"><title>IMUT_BANK ATM WelCome!!</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content=""><meta name="author" content=""><!-- Le styles --><script type="text/javascript" src="assets/js/jquery.js"></script><link rel="stylesheet" href="assets/css/style.css"><link rel="stylesheet" href="assets/css/loader-style.css"><link rel="stylesheet" href="assets/css/bootstrap.css"><link rel="stylesheet" href="assets/css/extra-pages.css"><!-- HTML5 shim, for IE6-8 support of HTML5 elements --><!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><!-- Fav and touch icons --><link rel="shortcut icon" href="assets/ico/minus.png">
</head><body><!-- Preloader --><div id="preloader"><div id="status"> </div></div><!-- TOP NAVBAR --><nav role="navigation" class="navbar navbar-static-top"><div class="container-fluid"><!-- Brand and toggle get grouped for better mobile display --><div class="navbar-header"><button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button"><span class="entypo-menu"></span></button><button class="navbar-toggle toggle-menu-mobile toggle-left" type="button"><span class="entypo-list-add"></span></button><div id="logo-mobile" class="visible-xs"><h1>IMUT ATM<span>v2.2.7</span></h1></div></div><!-- Collect the nav links, forms, and other content for toggling --><div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse"><ul class="nav navbar-nav"><li class="dropdown"><ul style="margin: 11px 0 0 9px;" role="menu" class="dropdown-menu dropdown-wrap"></ul></li><li><a href="#"><i data-toggle="tooltip" data-placement="bottom" title="Help" style="font-size:20px;" class="icon-help tooltitle"></i></a></li></ul><div id="nt-title-container" class="navbar-left running-text visible-lg"><ul id="digital-clock" class="digital"><div id="time"><script>document.getElementById('time').innerHTML = new Date().toLocaleString()+ ' 星期' + '日一二三四五六'.charAt(new Date().getDay());setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);</script>
</div></ul><ul id="nt-title"><li><i class="wi-day-lightning"></i>  北京 <b>24°</b><i class="wi-Celsius"></i> ; </li><li><i class="wi-day-lightning"></i>  上海 <b>28°</b><i class="wi-Celsius"></i> ;</li><li><i class="wi-day-lightning"></i>  内蒙古 <b>26°</b><i class="wi-Celsius"></i> ;</li><li><i class="wi-day-lightning"></i>  海南 <b>31°</b><i class="wi-Celsius"></i> ; </li><li><i class="wi-day-lightning"></i>  四川 <b>29°</b><i class="wi-Celsius"></i> ; </li></ul></div><ul style="margin-right:0;" class="nav navbar-nav navbar-right"><li><a data-toggle="dropdown" class="dropdown-toggle" href="#"><img alt="" class="admin-pic img-circle" src="http://api.randomuser.me/portraits/thumb/men/10.jpg">欢迎您 <b class="caret"></b></a><ul style="margin-top:14px;" role="menu" class="dropdown-setting dropdown-menu"><li><a href="#"><span class="entypo-user"></span>  我的账户</a></li><li><a href="#"><span class="entypo-vcard"></span>  账户设置</a></li><li><a href="#"><span class="entypo-lifebuoy"></span>  帮助</a></li><li class="divider"></li><li><a href="/changepage/login.jsp"><span class="entypo-user"></span>   退出账户</a></li></ul></li><li><a data-toggle="dropdown" class="dropdown-toggle" href="#"><span class="icon-gear"></span>  背景颜色</a><ul role="menu" class="dropdown-setting dropdown-menu"><li class="theme-bg"><div id="button-bg"></div><div id="button-bg2"></div><div id="button-bg3"></div><div id="button-bg5"></div><div id="button-bg6"></div><div id="button-bg7"></div><div id="button-bg8"></div><div id="button-bg9"></div><div id="button-bg10"></div><div id="button-bg11"></div><div id="button-bg12"></div><div id="button-bg13"></div></li></ul></li></ul></div><!-- /.navbar-collapse --></div><!-- /.container-fluid --></nav><!-- /END OF TOP NAVBAR --><!-- SIDE MENU --><div id="skin-select"><div id="logo"><h1>IMUT ATM<span>v2.2.7</span></h1></div><a id="toggle"><span class="entypo-menu"></span></a><div class="dark"><form action="#"><span><input type="text" name="search" value="" class="search rounded id_search" placeholder="Search Menu..." autofocus=""></span></form></div><div class="search-hover"><form id="demo-2"><input type="search" placeholder="Search Menu..." class="id_search"></form></div><div class="skin-part"><div id="tree-wrap"><div class="side-bar"><ul class="topnav menu-left-nest"><li><a class="tooltip-tip2 ajax-load" href="/changepage/UserIndex.jsp" title="Profile Page"><i class="icon-user"></i><span>用户信息</span></a></li><li><a class="tooltip-tip" href="/changepage/UserChangePwd.jsp" title="Extra Pages"><i class="icon-lock"></i><span>修改密码</span></a><li><a class="tooltip-tip2 ajax-load" href="/UserSerch" title="Blank Page"><i class="icon-media-record"></i><span>查询余额</span></a></li><li><a class="tooltip-tip2 ajax-load" href="/changepage/UserStore.jsp" title="Invoice"><i class="entypo-newspaper"></i><span>存款</span></a></li><li><a class="tooltip-tip2 ajax-load" href="/changepage/UserFetch.jsp" title="Pricing Table"><i class="fontawesome-money"></i><span>取款</span></a></li><li><a class="tooltip-tip2 ajax-load" href="/changepage/UserTransfer.jsp" title="Time Line"><i class="entypo-clock"></i><span>转账</span></a></li><li><a class="tooltip-tip2" href="/serchDetaile" title="404 Error Page"><i class="icon-preview"></i><span>交易明细</span></a></li><li><a class="tooltip-tip2" href="/changepage/login.jsp" title="login.jsp"><i class="icon-mail"></i><span>退卡</span></a></li></ul></div></div></div></div><!-- END OF SIDE MENU --><!-- PAPER WRAP --><div class="wrap-fluid"><div class="container-fluid paper-wrap bevel tlbr"><!-- CONTENT --><!--TITLE --><div class="row"><div id="paper-top"><div class="col-sm-3"><h2 class="tittle-content-header"><span class="entypo-newspaper"></span><span>存款</span></h2></div></div></div><!--/ TITLE --><!-- BREADCRUMB --><ul id="breadcrumb"><li><span class="entypo-home"></span></li><li><i class="fa fa-lg fa-angle-right"></i></li><li><a href="#" title="Sample page 1">首页</a></li><li><i class="fa fa-lg fa-angle-right"></i></li><li><a href="#" title="Sample page 1">存款</a></li></ul><!-- END OF BREADCRUMB --><div class="row"><div class="col-sm-12"><!-- BLANK PAGE--><div class="nest" id="Blank_PageClose"><div class="title-alt"><!-- <h6>当前账户余额</h6> --></div><div class="body-nest" id="Blank_Page_Content"><div class="form_center"><form action="/UserStore" id="contact-form" class="form-horizontal" method="post"><fieldset><table width="10%" border='2'><tr align="center"><br><!-- <th><font size="4" > 当 前 余 额 </font></th> --></tr><%-- <tr align="center"><td><font size="2">${balance }</font></td></tr> --%></table><div class="form-actions" style="margin:20px 0 0 0;"><div class="control-group"><label class="control-label" for="get">请输入存入的金额:</label><!-- <div class="controls"><input type="text" class="form-control" name="account" id="account"></div> --><div class="controls"><input type="text" class="form-control" name="saveNum" id="get"></div></div><br><p style="color:red;font-size: 14px" >${error3}</p><button type="submit" class="btn btn-primary" onclick="alert('确认存入吗?')">确认</button><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div> </fieldset></form></div></div></div></div><!-- END OF BLANK PAGE --></div><!-- /END OF CONTENT --><!-- FOOTER --><div class="footer-space"></div><div id="footer"><div class="devider-footer-left"></div><div class="time"><p id="spanDate"><p id="clock"></div><div class="copyright">本网站基于百度查询开发 <a href="http://www.baidu.com/" title="百度" target="_blank">百度</a> All Rights Reserved</div><div class="devider-footer"></div></div><!-- / END OF FOOTER --></div></div><!-- END OF PAPER WRAP --><!-- RIGHT SLIDER CONTENT --><!-- END OF RIGHT SLIDER CONTENT--><!-- MAIN EFFECT --><script type="text/javascript" src="assets/js/preloader.js"></script><script type="text/javascript" src="assets/js/bootstrap.js"></script><script type="text/javascript" src="assets/js/app.js"></script><script type="text/javascript" src="assets/js/load.js"></script><script type="text/javascript" src="assets/js/main.js"></script></body></html>
根据前端的地址创建servlet:
package com.atm.servlet;import com.atm.pojo.User;
import com.atm.service.UserService;
import com.atm.service.impl.UserServiceImpl;import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;//用户存款
@WebServlet("/UserStore")
public class UserStoreServlet extends HttpServlet {private UserService userService=new UserServiceImpl();@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {User user=(User) request.getSession().getAttribute("ua");int money=Integer.parseInt(request.getParameter("saveNum"));if(money ==0){request.getSession().setAttribute("error3","存款金额不能为0");response.sendRedirect("changepage/UserStore.jsp");} else if (money%100!=0) {request.getSession().setAttribute("error3","存款金额必须为100的倍数");response.sendRedirect("changepage/UserStore.jsp");} else if (money>10000) {request.getSession().setAttribute("error3","存款金额不能大于10000");response.sendRedirect("changepage/UserStore.jsp");}else {try{userService.storeMoney(money,user.getIcno());response.sendRedirect("/UserSerch");}catch (Exception e){request.getSession().setAttribute("error3","存款失败");response.sendRedirect("changepage/UserStore.jsp");e.printStackTrace();}}}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doPost(request,response);}}
接口实现:
//用户存款public void storeMoney(int money,String icno)throws Exception;
实现类实现:
//用户存款public void storeMoney(int money,String icno)throws Exception{userDao.storeMoney(money,icno);}
数据层:
//用户存款public void storeMoney(int money,String icno) throws Exception{Connection connection=DBUtils.getConnection();PreparedStatement preparedStatement = connection.prepareStatement("update user set balance=balance+? where icno=?");preparedStatement.setInt(1,money);preparedStatement.setString(2,icno);preparedStatement.executeUpdate();DBUtils.release(connection,preparedStatement,null);}
重启系统,发现功能实现啦~
实现代码已上传~