kaisa
/
firstproject
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

计算器计算金额交互，订单显示界面消息交互

Browse Source
master
jyx 7 years ago
parent e2092053f8
commit 1e94725e42
11 changed files with 271 additions and 244 deletions
Show Stats Download Patch File Download Diff File

2
demo/src/main/java/com/example/demo/DemoApplication.java
Unescape View File

@ -5,7 +5,7 @@ import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.web.servlet.ServletComponentScan;
@SpringBootApplication
@ServletComponentScan("com.example.demo")
//@ServletComponentScan("com.example.demo")
//@MapperScan("com.example.demo.Dao")
public class DemoApplication {
public static void main(String[] args) {

54
demo/src/main/java/com/example/demo/circulator/controller/SumCirController.java
Unescape View File

@ -1,16 +1,22 @@
package com.example.demo.circulator.controller;
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.example.demo.circulator.service.CirService;
import com.example.demo.circulator.service.EPAIR_CirService;
import com.example.demo.circulator.service.EPR_CirService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.configurationprocessor.json.JSONArray;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;
@Controller
public class SumCirController {
@ -57,11 +63,35 @@ public class SumCirController {
@GetMapping("/sum")
public String SumCir(HttpServletRequest request, HttpServletResponse response){
double amount = Double.parseDouble(request.getParameter("amount"));
float intrate = Float.parseFloat(request.getParameter("intrate"));
int year = Integer.parseInt(request.getParameter("year"));
int equation = Integer.parseInt(request.getParameter("equation"));
//@ResponseBody
public void SumCir(HttpServletRequest request, HttpServletResponse response)throws IOException{
double amount =0;
float intrate = 0;
int year = 0;
int equation = 0;
Map map = new HashMap();
try{
amount = Double.parseDouble(request.getParameter("amount"));
intrate = Float.parseFloat(request.getParameter("intrate"));
year = Integer.parseInt(request.getParameter("year"));
equation = Integer.parseInt(request.getParameter("equation"));
}catch (Exception e){
map.put("value",0);
String json = JSONObject.toJSONString(map);
//System.out.println(json);
response.getWriter().print(json);
return;
}finally {
}
if(amount<0||intrate<0||year<0||equation<0){
map.put("value",-1);
String json = JSONObject.toJSONString(map);
//System.out.println(json);
response.getWriter().print(json);
return;
}
double sum_principal_and_intrate = 0;
switch (equation){
@ -81,10 +111,18 @@ public class SumCirController {
if(sum_principal_and_intrate>=0) {
request.setAttribute("sum", sum_principal_and_intrate);
}else{
return "计算失败!";
map.put("value",-2);
String json = JSONObject.toJSONString(map);
//System.out.println(json);
response.getWriter().print(json);
return;
}
System.out.println(sum_principal_and_intrate);
return "/circulator";
//System.out.println(sum_principal_and_intrate);
map.put("value",sum_principal_and_intrate);
String json = JSONObject.toJSONString(map);
//System.out.println(json);
response.getWriter().print(json);
return;
}
}

2
demo/src/main/java/com/example/demo/order/controller/compController.java
Unescape View File

@ -16,7 +16,7 @@ public class compController {
@Autowired
com.example.demo.Dao.auditMapper auditMapper;
@RequestMapping("")//已经完成的订单浏览的界面
@RequestMapping("/comp")//已经完成的订单浏览的界面
public List<Audit> doPost(HttpServletResponse response, HttpServletRequest request){
HttpSession session=request.getSession();
User user=new User();

8
demo/src/main/java/com/example/demo/order/controller/orderController.java
Unescape View File

@ -3,8 +3,10 @@ package com.example.demo.order.controller;
import com.alibaba.fastjson.JSONObject;
import com.example.demo.bean.Audit;
import com.example.demo.bean.User;
import com.example.demo.order.service.impl.orderServiceImpl;
import com.example.demo.order.service.orderService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import javax.servlet.ServletException;
@ -18,10 +20,10 @@ import java.util.List;
public class orderController extends HttpServlet {
@Autowired
private orderService orderService;
private orderServiceImpl orderService;
@RequestMapping("/orderlist")
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
@PostMapping("/orderlist")
public void orderList(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
HttpSession session = request.getSession();
User user = new User();

2
demo/src/main/java/com/example/demo/order/controller/showController.java
Unescape View File

@ -22,7 +22,7 @@ public class showController extends HttpServlet {
@Autowired
com.example.demo.Dao.auditMapper auditMapper;
@RequestMapping("")//订单浏览的界面
@RequestMapping("/show")//订单浏览的界面
public List<Audit> doPost(HttpServletResponse response, HttpServletRequest request){
HttpSession session=request.getSession();
User user=new User();

2
demo/src/main/java/com/example/demo/register/controller/pwdController.java
Unescape View File

@ -16,7 +16,7 @@ public class pwdController extends HttpServlet {
@Autowired
userMapper userMapper;
@RequestMapping("/")//再一次确认密码界面
@RequestMapping("/pwd")//再一次确认密码界面
public String doPost(HttpServletResponse response, HttpServletRequest request){
HttpSession session=request.getSession();
User user=new User();

2
demo/src/main/java/com/example/demo/searchService/controller/SearchServiceController.java
Unescape View File

@ -26,7 +26,7 @@ public class SearchServiceController{
@Autowired
private ProductSearchService productSearchService;
@RequestMapping(value = "/show",method = RequestMethod.POST)
@RequestMapping(value = "/search/show",method = RequestMethod.POST)
public List<Product> search(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
List<Product> list = new ArrayList<Product>();

200
demo/src/main/resources/static/countCenter.html
Unescape View File

@ -8,9 +8,48 @@
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<meta content="telephone=no" name="format-detection"/>
<link href="css/countCenter.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/tab.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var amount = decument.getElementsByName("amount").value;
var year = decument.getElementsByName("year").value;
var select = decument.getElementsByName("intrate");
var intrate = select.value;
var equ = decument.getElementsByName("equation");
var equation = equ.value();
// if(amount=""){
// alert("金额不能为空");
// return;
// }
// if(year==""){
// alert("年限不能为空");
// return;
// }
$.ajax({
type: "GET",
url: "/sum",
data: {
amount: amount,
year: year,
intrate: intrate,
equation: equation
},
async: true,
dataType:"json",
success: function (data) {
var str = "<h2>"+data.value+"</h2>";
$("#sum").append(str);
//console.log(data);
//alert("结果为：" + data.value);
},
error: function (data) {
alert("提交失败" + data.value);
}
});
});
</script>
</head>
<body>
@ -28,6 +67,7 @@
<i class="icon icon-sys"></i>
</a>
</header>
<form id="form2"action="/sum" method="get">
<section class="aui-scrollView">
<div class="aui-tab" data-ydui-tab>
<ul class="tab-nav b-line">
@ -42,7 +82,7 @@
<h2>贷款金额</h2>
</div>
<div class="aui-flex-box aui-flex-box-right">
<input type="text" name="amount" placeholder="请输入贷款金额">
<input type="text" name="amount" value =""placeholder="请输入贷款金额">
<span></span>
</div>
</a>
@ -51,8 +91,8 @@
<h2>贷款期限</h2>
</div>
<div class="aui-flex-box aui-flex-box-right">
<input type="text" name="year"placeholder="请输入贷款期限">
<span>日</span>
<input type="text" name="year" value=""placeholder="请输入贷款期限">
<span>年</span>
</div>
</a>
<a href="javascript:;" class="aui-flex b-line">
@ -60,11 +100,11 @@
<h2>贷款利率</h2>
</div>
<div class="aui-flex-box aui-flex-box-right aui-flex-box-dow">
<select name = "intrate"class="cell-select">
<option value="">4.90%</option>
<option value="1">3.80%</option>
<option value="2">3.90%</option>
<option value="3">1.90%</option>
<select name = "intrate" value="" class="cell-select">
<option value="0.049">4.90%</option>
<option value="0.038">3.80%</option>
<option value="0.039">3.90%</option>
<option value="0.019">1.90%</option>
</select>
</div>
</a>
@ -72,148 +112,26 @@
<div class="aui-calc-title">
<h2>还款方式</h2>
</div>
<div class="aui-flex-box aui-flex-box-right">
<button name = "button1"onclick="equ(1)">等额本息</button>
<button name = "button2"onclick="equ(2)">等额本金</button>
<div class="aui-flex-box aui-flex-box-right aui-flex-box-dow">
<select name = "equation" value="" class="cell-select">
<option value="1">等额本息</option>
<option value="2">等额本金</option>
</select>
</div>
</a>
</div>
<!--<div class="tab-panel-item">-->
<!--<a href="javascript:;" class="aui-flex b-line">-->
<!--<div class="aui-calc-title">-->
<!--<h2>贷款金额</h2>-->
<!--</div>-->
<!--<div class="aui-flex-box aui-flex-box-right">-->
<!--<input type="text" placeholder="请输入贷款金额">-->
<!--<span></span>-->
<!--</div>-->
<!--</a>-->
<!--<a href="javascript:;" class="aui-flex b-line">-->
<!--<div class="aui-calc-title">-->
<!--<h2>贷款期限</h2>-->
<!--</div>-->
<!--<div class="aui-flex-box aui-flex-box-right">-->
<!--<input type="text" placeholder="请输入贷款期限">-->
<!--<span>年</span>-->
<!--</div>-->
<!--</a>-->
<!--<a href="javascript:;" class="aui-flex b-line">-->
<!--<div class="aui-calc-title">-->
<!--<h2>贷款利率</h2>-->
<!--</div>-->
<!--<div class="aui-flex-box aui-flex-box-right aui-flex-box-dow">-->
<!--<select class="cell-select">-->
<!--<option value="">4.90%</option>-->
<!--<option value="1">3.80%</option>-->
<!--<option value="2">3.90%</option>-->
<!--<option value="3">1.90%</option>-->
<!--</select>-->
<!--</div>-->
<!--</a>-->
<!--<a href="javascript:;" class="aui-flex b-line">-->
<!--<div class="aui-calc-title">-->
<!--<h2>还款方式</h2>-->
<!--</div>-->
<!--<div class="aui-flex-box aui-flex-box-right">-->
<!--<button>等额本息</button>-->
<!--<button>等额本金</button>-->
<!--</div>-->
<!--</a>-->
<!--</div>-->
<!--<div class="tab-panel-item">-->
<!--<a href="javascript:;" class="aui-flex b-line">-->
<!--<div class="aui-calc-title">-->
<!--<h2>贷款金额</h2>-->
<!--</div>-->
<!--<div class="aui-flex-box aui-flex-box-right">-->
<!--<input type="text" placeholder="请输入贷款金额">-->
<!--<span>万</span>-->
<!--</div>-->
<!--</a>-->
<!--<a href="javascript:;" class="aui-flex b-line">-->
<!--<div class="aui-calc-title">-->
<!--<h2>贷款期限</h2>-->
<!--</div>-->
<!--<div class="aui-flex-box aui-flex-box-right">-->
<!--<input type="text" placeholder="请输入贷款期限">-->
<!--<span>年</span>-->
<!--</div>-->
<!--</a>-->
<!--<a href="javascript:;" class="aui-flex b-line">-->
<!--<div class="aui-calc-title">-->
<!--<h2>贷款利率</h2>-->
<!--</div>-->
<!--<div class="aui-flex-box aui-flex-box-right aui-flex-box-dow">-->
<!--<select class="cell-select">-->
<!--<option value="">4.90%</option>-->
<!--<option value="1">3.80%</option>-->
<!--<option value="2">3.90%</option>-->
<!--<option value="3">1.90%</option>-->
<!--</select>-->
<!--</div>-->
<!--</a>-->
<!--<a href="javascript:;" class="aui-flex b-line">-->
<!--<div class="aui-calc-title">-->
<!--<h2>还款方式</h2>-->
<!--</div>-->
<!--<div class="aui-flex-box aui-flex-box-right">-->
<!--<button name="equation"value ="1">等额本息</button>-->
<!--<button name ="equation" value="2">等额本金</button>-->
<!--</div>-->
<!--</a>-->
<!--</div>-->
<div class="tab-button">
<button>开始计算</button>
<div class="tab-input">
<!--<button onclick="btnNotForm()">开始计算</button>-->
<input type="submit" value="开始计算" onclick="btnNotForm()">
</div>
<div id="sum"></div>
</div>
</div>
</section>
</form>
</section>
<script type="text/javascript">
function equ(obj){
var equation=1;
if(obj==1){
equation=1;
button1.style.backgroundColor="#fa623d";
button1.style.color="#f5f5f5";
button2.style.backgroundColor="#f5f5f5";
button2.style.color="#fa623d";
}else if(obj==2){
equation=2;
button1.style.backgroundColor="#f5f5f5";
button1.style.color="#fa623d";
button2.style.backgroundColor="#fa623d";
button2.style.color="#f5f5f5";
}
//document.getElementsByTagName("equation").value=equation;
global.equation = equation;
}
$(".btnNotForm").click(function(){
var amount =decument.getElementsByName("amount").value;
var year = decument.getElementsByName("year").value;
var select = decument.getElementsByName("intrate");
var intrate = select.value;
$.ajax({
type:"get",
url:"/sum",
data:{
amount:amount,
year:year,
intrate:intrate,
equation:equation
},
async:true,
success:function(data){
console.log(data);
}
});
});
</script>
</body>
</html>

13
demo/src/main/resources/static/css/countCenter.css
Unescape View File

@ -432,3 +432,16 @@ a {
border-radius: 5px;
border: none;
}
.tab-input input {
width: 92%;
margin: 0 auto;
display: block;
background: #fa623d;
color: #fff;
height: 3rem;
line-height: 3rem;
box-shadow: 0 3px 9px #d0d0d0;
border-radius: 5px;
border: none;
}

34
demo/src/main/resources/static/index.html
Unescape View File

@ -13,7 +13,7 @@
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
url: "http://localhost:8080/search/count",
url: "/search/count",
type: "post",
dataType: "json",
success: function(data){
@ -31,8 +31,15 @@
function showData(data) {
$("#num").empty();
for (var i = 0; i < data.length; i++) {
var str=" <h2 >"+data[i].productName+"</h2>"
var str ="<div class=\"aui-borrow-head\">\n" +
" <div class=\"aui-borrow-head-title\">\n" +
" <h2>"+data[i].productName+"</h2>\n" +
" </div>\n" +
" <div class=\"aui-borrow-head-ad\">\n" +
" <img src=\"\">\n" +
" </div>\n" +
" </div>;"
//var str=" <h2 >"+data[i].productName+"</h2>"
//var $h2 =$(str);
$("#num").append(str);
@ -78,9 +85,9 @@
<h2>50,000.00</h2>
<h3>3分钟申请，5秒审批</h3>
</div>
<form action="/start">
<form action="/start" method="post">
<div class="aui-borrow-flex-bd">
<input typy="submit" value="我要借钱" name="su">
<input type="submit" value="我要借钱" name="su">
</div>
</form>
</div>
@ -163,14 +170,15 @@
</div>
</div>
<div class="divHeight" ></div>
<div class="aui-borrow-head">
<div class="aui-borrow-head-title">
<div id="num"></div>
</div>
<div class="aui-borrow-head-ad">
<img src="">
</div>
</div>;
<div id ="num"></div>
<!--<div class="aui-borrow-head">-->
<!--<div class="aui-borrow-head-title">-->
<!--<div id="num"></div>-->
<!--</div>-->
<!--<div class="aui-borrow-head-ad">-->
<!--<img src="">-->
<!--</div>-->
<!--</div>;-->
<!--<div class="aui-borrow-head-title">-->
<!--<h2>标题1</h2>-->
<!--</div>-->

196
demo/src/main/resources/static/myOrders.html
Unescape View File

@ -8,8 +8,56 @@
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<meta content="telephone=no" name="format-detection"/>
<link href="css/myOrders.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/myorder.js"></script>
<script type="text/javascript" src="js/jquery.min.js" ></script>
<!--<script type="text/javascript" src="js/myorder.js"></script>-->
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js" ></script>
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
url: "/orderlist",
type: "post",
dataType: "json",
success: function(data){
/*这个方法里是ajax发送请求成功之后执行的代码*/
alert(data);
showData(data);//我们仅做数据展示
},
error: function(msg){
alert("ajax连接异常："+msg);
}
});
});
//展示数据
function showData(data) {
$("#num").empty();
for (var i = 0; i < data.length; i++) {
var audit = data[i];
var str = "<a href=\"javascript:;\" class=\"aui-list-item\">\n" +
" <div class=\"aui-right-top\"> </div>\n" +
" <div class=\"aui-list-head\">"+audit.applyTime+"</div>\n" +
" <div class=\"aui-flex\">\n" +
" <div class=\"aui-flex-box\">\n" +
" <h4>"+audit.checkNum+"</h4>\n" +
" \n" +
" </div>\n" +
" <div class=\"aui-text-time\"> </div>\n" +
" <div class=\"aui-button-get\">\n" +
" <button>详情</button>\n" +
" </div>\n" +
" </div>\n" +
" <div class=\"aui-dotted\"> </div>\n" +
" </a>";
//var str=" <h2 >"+data[i].productName+"</h2>"
//var $h2 =$(str);
$("#num").append(str);
}
}
</script>
</head>
<body>
@ -39,78 +87,78 @@
<div class="aui-pri-button"> </div>
</div>
</div>
<div class="aui-list-box">
<a href="javascript:;" class="aui-list-item">
<div class="aui-right-top"> </div>
<div class="aui-list-head">订单1</div>
<div class="aui-flex">
<div class="aui-flex-box">
<h4>1111</h4>
</div>
<div class="aui-text-time"> </div>
<div class="aui-button-get">
<button>详情</button>
</div>
</div>
<div class="aui-dotted"> </div>
</a>
<a href="javascript:;" class="aui-list-item">
<div class="aui-right-top"> </div>
<div class="aui-list-head">订单2</div>
<div class="aui-flex">
<div class="aui-flex-box">
<h4>2222</h4>
</div>
<div class="aui-text-time"> </div>
<div class="aui-button-get">
<button>详情</button>
</div>
</div>
<div class="aui-dotted"> </div>
</a>
<a href="javascript:;" class="aui-list-item">
<div class="aui-right-top"> </div>
<div class="aui-list-head">订单3</div>
<div class="aui-flex">
<div class="aui-flex-box">
<h4>3333</h4>
</div>
<div class="aui-text-time"> </div>
<div class="aui-button-get">
<button>详情</button>
</div>
</div>
<div class="aui-dotted"> </div>
</a>
<a href="javascript:;" class="aui-list-item">
<div class="aui-right-top"> </div>
<div class="aui-list-head">订单4</div>
<div class="aui-flex">
<div class="aui-flex-box">
<h4>4444</h4>
</div>
<div class="aui-text-time"> </div>
<div class="aui-button-get">
<button>详情</button>
</div>
</div>
<div class="aui-dotted"> </div>
</a>
<a href="javascript:;" class="aui-list-item">
<div class="aui-right-top"> </div>
<div class="aui-list-head">订单5</div>
<div class="aui-flex">
<div class="aui-flex-box">
<h4>55555</h4>
</div>
<div class="aui-text-time"> </div>
<div class="aui-button-get">
<button>详情</button>
</div>
</div>
<div class="aui-dotted"> </div>
</a>
<div class="aui-list-box" id="num">
<!--<a href="javascript:;" class="aui-list-item">-->
<!--<div class="aui-right-top"> </div>-->
<!--<div class="aui-list-head">订单1</div>-->
<!--<div class="aui-flex">-->
<!--<div class="aui-flex-box">-->
<!--<h4>1111</h4>-->
<!---->
<!--</div>-->
<!--<div class="aui-text-time"> </div>-->
<!--<div class="aui-button-get">-->
<!--<button>详情</button>-->
<!--</div>-->
<!--</div>-->
<!--<div class="aui-dotted"> </div>-->
<!--</a>-->
<!--<a href="javascript:;" class="aui-list-item">-->
<!--<div class="aui-right-top"> </div>-->
<!--<div class="aui-list-head">订单2</div>-->
<!--<div class="aui-flex">-->
<!--<div class="aui-flex-box">-->
<!--<h4>2222</h4>-->
<!--</div>-->
<!--<div class="aui-text-time"> </div>-->
<!--<div class="aui-button-get">-->
<!--<button>详情</button>-->
<!--</div>-->
<!--</div>-->
<!--<div class="aui-dotted"> </div>-->
<!--</a>-->
<!--<a href="javascript:;" class="aui-list-item">-->
<!--<div class="aui-right-top"> </div>-->
<!--<div class="aui-list-head">订单3</div>-->
<!--<div class="aui-flex">-->
<!--<div class="aui-flex-box">-->
<!--<h4>3333</h4>-->
<!--</div>-->
<!--<div class="aui-text-time"> </div>-->
<!--<div class="aui-button-get">-->
<!--<button>详情</button>-->
<!--</div>-->
<!--</div>-->
<!--<div class="aui-dotted"> </div>-->
<!--</a>-->
<!--<a href="javascript:;" class="aui-list-item">-->
<!--<div class="aui-right-top"> </div>-->
<!--<div class="aui-list-head">订单4</div>-->
<!--<div class="aui-flex">-->
<!--<div class="aui-flex-box">-->
<!--<h4>4444</h4>-->
<!--</div>-->
<!--<div class="aui-text-time"> </div>-->
<!--<div class="aui-button-get">-->
<!--<button>详情</button>-->
<!--</div>-->
<!--</div>-->
<!--<div class="aui-dotted"> </div>-->
<!--</a>-->
<!--<a href="javascript:;" class="aui-list-item">-->
<!--<div class="aui-right-top"> </div>-->
<!--<div class="aui-list-head">订单5</div>-->
<!--<div class="aui-flex">-->
<!--<div class="aui-flex-box">-->
<!--<h4>55555</h4>-->
<!--</div>-->
<!--<div class="aui-text-time"> </div>-->
<!--<div class="aui-button-get">-->
<!--<button>详情</button>-->
<!--</div>-->
<!--</div>-->
<!--<div class="aui-dotted"> </div>-->
<!--</a>-->
</div>
</section>

Write Preview
Loading…
Cancel
Save