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

productshow.html

Browse Source
master
istars 7 years ago
parent 7ecd13a4ca
commit 078c69529b
5 changed files with 196 additions and 95 deletions
Show Stats Download Patch File Download Diff File

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

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

6
demo/src/main/java/com/example/demo/searchService/controller/SearchController.java
Unescape View File

@ -1,5 +1,6 @@
package com.example.demo.searchService.controller; package com.example.demo.searchService.controller;
import com.alibaba.fastjson.JSONObject;
import com.example.demo.bean.Product; import com.example.demo.bean.Product;
import com.example.demo.searchService.service.ProductSearchService; import com.example.demo.searchService.service.ProductSearchService;
import org.springframework.beans.factory.annotation.Autowired; import org.springframework.beans.factory.annotation.Autowired;
@ -27,6 +28,9 @@ public class SearchController {
List<Product> list = new ArrayList<Product>(); List<Product> list = new ArrayList<Product>();
String productName = request.getParameter("productName"); String productName = request.getParameter("productName");
list = productSearchService.findByNameLike(productName); list = productSearchService.findByNameLike(productName);
// String data = JSONObject.toJSONString(list);
// response.getWriter().print(data);
System.out.println(list);
return list; return list;
} }
@ -56,6 +60,8 @@ public class SearchController {
response.setContentType("text/html;charset=utf-8"); response.setContentType("text/html;charset=utf-8");
List<Product> list = new ArrayList<Product>(); List<Product> list = new ArrayList<Product>();
list = productSearchService.findByCount(); list = productSearchService.findByCount();
// String data = JSONObject.toJSONString(list);
// response.getWriter().print(data);
return list; return list;
} }
} }

198
demo/src/main/resources/static/productshow.html
Unescape View File

@ -8,8 +8,38 @@
<meta content="black" name="apple-mobile-web-app-status-bar-style"/> <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<meta content="telephone=no" name="format-detection"/> <meta content="telephone=no" name="format-detection"/>
<link href="css/show.css" rel="stylesheet" type="text/css"/> <link href="css/show.css" rel="stylesheet" type="text/css"/>
<script type="js/jquery-1.8.3.min.js"></script> <!--<script type="js/jquery-1.8.3.min.js"></script>-->
<script type="js/productshow.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/slider.js" ></script>
<script type="text/javascript">
$(function(){
$.ajax({
url: "/search/count",
type: "post",
dataType: "json",
success: function(data){
// console.log(data);//查看从后台传值内容
/*这个方法里是ajax发送请求成功之后执行的代码*/
showData(data);//我们仅做数据展示
},
error: function(msg){
alert("ajax连接异常："+msg);
}
});
});
//展示数据
function showData(data) {
//var str = "";//定义用于拼接的字符串
$("#content").empty();
for (var i = 0; i <data.length; i++) {
var pro = data[i];
var str = "<a href=\"javascript:;\" class=\"aui-list-item\"><div class=\"aui-right-top\"></div><div class=\"aui-list-head\" id=\"proname\">"+pro.productName+"</div><div class=\"aui-flex\"><div class=\"aui-flex-box\"><h4>"+pro.productNum+"</h4></div><div class=\"aui-text-time\"></div><div class=\"aui-button-get\"><button id=\"apply\", onclick=\"location=\'apply.html\'\">申请</button> </div></div><div class=\"aui-dotted\"></div></a>";
$("#content").append(str);
}
}
</script>
</head> </head>
<body> <body>
@ -28,89 +58,89 @@
</a> </a>
</header> </header>
<section class="aui-scrollView"> <section class="aui-scrollView">
<div class="aui-pri-box"> <!--<div class="aui-pri-box">-->
<div class="aui-flex"> <!--<div class="aui-flex">-->
<div class="aui-pri-img"> <!--<div class="aui-pri-img">-->
<img src="images/show.png"> <!--<img src="images/show.png">-->
</div> <!--</div>-->
<div class="aui-flex-box"> <!--<div class="aui-flex-box">-->
<h2><em>李**</em></h2> <!--<h2><em>李**</em></h2>-->
</div> <!--</div>-->
<div class="aui-pri-button"> </div> <!--<div class="aui-pri-button"> </div>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="aui-list-box" id="content"> <div class="aui-list-box" id="content">
<a href="javascript:;" class="aui-list-item"> <!--<a href="javascript:;" class="aui-list-item">-->
<div class="aui-right-top"> </div> <!--<div class="aui-right-top"> </div>-->
<div class="aui-list-head" id="proname">产品1</div> <!--<div class="aui-list-head" id="proname">产品1</div>-->
<div class="aui-flex"> <!--<div class="aui-flex">-->
<div class="aui-flex-box"> <!--<div class="aui-flex-box">-->
<h4 >1111</h4> <!--<h4 >1111</h4>-->
<!---->
</div> <!--</div>-->
<div class="aui-text-time"> </div> <!--<div class="aui-text-time"> </div>-->
<div class="aui-button-get"> <!--<div class="aui-button-get">-->
<button id="apply", onclick="location='loanInformation.html'">申请</button> <!--<button id="apply", onclick="location='loanInformation.html'">申请</button>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="aui-dotted"> </div> <!--<div class="aui-dotted"> </div>-->
</a> <!--</a>-->
<a href="javascript:;" class="aui-list-item"> <!--<a href="javascript:;" class="aui-list-item">-->
<div class="aui-right-top"> </div> <!--<div class="aui-right-top"> </div>-->
<div class="aui-list-head">产品2</div> <!--<div class="aui-list-head">产品2</div>-->
<div class="aui-flex"> <!--<div class="aui-flex">-->
<div class="aui-flex-box"> <!--<div class="aui-flex-box">-->
<h4>2222</h4> <!--<h4>2222</h4>-->
</div> <!--</div>-->
<div class="aui-text-time"> </div> <!--<div class="aui-text-time"> </div>-->
<div class="aui-button-get"> <!--<div class="aui-button-get">-->
<button>详情</button> <!--<button>详情</button>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="aui-dotted"> </div> <!--<div class="aui-dotted"> </div>-->
</a> <!--</a>-->
<a href="javascript:;" class="aui-list-item"> <!--<a href="javascript:;" class="aui-list-item">-->
<div class="aui-right-top"> </div> <!--<div class="aui-right-top"> </div>-->
<div class="aui-list-head">产品3</div> <!--<div class="aui-list-head">产品3</div>-->
<div class="aui-flex"> <!--<div class="aui-flex">-->
<div class="aui-flex-box"> <!--<div class="aui-flex-box">-->
<h4>3333</h4> <!--<h4>3333</h4>-->
</div> <!--</div>-->
<div class="aui-text-time"> </div> <!--<div class="aui-text-time"> </div>-->
<div class="aui-button-get"> <!--<div class="aui-button-get">-->
<button>详情</button> <!--<button>详情</button>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="aui-dotted"> </div> <!--<div class="aui-dotted"> </div>-->
</a> <!--</a>-->
<a href="javascript:;" class="aui-list-item"> <!--<a href="javascript:;" class="aui-list-item">-->
<div class="aui-right-top"> </div> <!--<div class="aui-right-top"> </div>-->
<div class="aui-list-head">产品4</div> <!--<div class="aui-list-head">产品4</div>-->
<div class="aui-flex"> <!--<div class="aui-flex">-->
<div class="aui-flex-box"> <!--<div class="aui-flex-box">-->
<h4>4444</h4> <!--<h4>4444</h4>-->
</div> <!--</div>-->
<div class="aui-text-time"> </div> <!--<div class="aui-text-time"> </div>-->
<div class="aui-button-get"> <!--<div class="aui-button-get">-->
<button>详情</button> <!--<button>详情</button>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="aui-dotted"> </div> <!--<div class="aui-dotted"> </div>-->
</a> <!--</a>-->
<a href="javascript:;" class="aui-list-item"> <!--<a href="javascript:;" class="aui-list-item">-->
<div class="aui-right-top"> </div> <!--<div class="aui-right-top"> </div>-->
<div class="aui-list-head">产品5</div> <!--<div class="aui-list-head">产品5</div>-->
<div class="aui-flex"> <!--<div class="aui-flex">-->
<div class="aui-flex-box"> <!--<div class="aui-flex-box">-->
<h4>55555</h4> <!--<h4>55555</h4>-->
</div> <!--</div>-->
<div class="aui-text-time"> </div> <!--<div class="aui-text-time"> </div>-->
<div class="aui-button-get"> <!--<div class="aui-button-get">-->
<button>详情</button> <!--<button>详情</button>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="aui-dotted"> </div> <!--<div class="aui-dotted"> </div>-->
</a> <!--</a>-->
</div> </div>
</section> </section>

81
demo/src/main/resources/static/search.html
Unescape View File

@ -5,7 +5,55 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<title>产品展示</title> <title>产品展示</title>
<link rel="stylesheet" href="css/search.css" /> <link rel="stylesheet" href="css/search.css"/>
<link rel="stylesheet" href="css/show.css" type="text/css"/>
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js" ></script>
<script type="text/javascript" src="js/slider.js" ></script>
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
url: "/search/key",
type: "post",
dataType: "json",
success: function(data){
/*这个方法里是ajax发送请求成功之后执行的代码*/
showData(data);//我们仅做数据展示
},
error: function(msg){
alert("ajax连接异常："+msg);
}
});
});
//展示数据
function showData(data) {
alert(data);
$("#content").empty();
for (var i = 0; i < data.length; i++) {
var p = obj[i];
//var str = "<h2>"+p.productName+"</h2>"
var str="<a href=\"javascript:;\" class=\"aui-list-item\">\n" +
"\t\t\t\t<div class=\"aui-right-top\"> </div>\n" +
"\t\t\t\t<div class=\"aui-list-head\" id=\"proname\">"+p.productName+"</div>\n" +
"\t\t\t\t<div class=\"aui-flex\">\n" +
"\t\t\t\t\t<div class=\"aui-flex-box\">\n" +
"\t\t\t\t\t\t<h4 >"+p.productDescription+"</h4>\n" +
"\n" +
"\t\t\t\t\t</div>\n" +
"\t\t\t\t\t<div class=\"aui-text-time\"> </div>\n" +
"\t\t\t\t\t<div class=\"aui-button-get\">\n" +
"\t\t\t\t\t\t<button id=\"apply\", onclick=\"location='loanInformation.html'\">申请</button>\n" +
"\t\t\t\t\t</div>\n" +
"\t\t\t\t</div>\n" +
"\t\t\t\t<div class=\"aui-dotted\"> </div>\n" +
"\t\t\t</a>";
//var $h2 =$(str);
$("#content").append(str);
}
}
</script>
</head> </head>
<body> <body>
@ -13,24 +61,41 @@
<div class="headBox"> <div class="headBox">
<h2 class="titHead">产品搜索</h2> <h2 class="titHead">产品搜索</h2>
<!--<h3 class="titNeck">内容简介</h3>--> <!--<h3 class="titNeck">内容简介</h3>-->
<form action="/search/show" method="post"> <form action="/search/key" method="post">
<div class="search"> <div class="search">
<input name="productName" type="text" placeholder="搜索"> <input name="productName" type="text" placeholder="搜索">
<button name="btn" type="button"></button> <button name="btn" id="btn" type="submit"></button>
</div> </div>
</form> </form>
</div> </div>
<div class="content"> <div class="aui-list-box" id="content">
<!--<a href="javascript:;" class="aui-list-item">-->
<!--<div class="aui-right-top"> </div>-->
<!--<div class="aui-list-head" id="proname">产品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 id="apply", onclick="location='loanInformation.html'">申请</button>-->
<!--</div>-->
<!--</div>-->
<!--<div class="aui-dotted"> </div>-->
<!--</a>-->
</div> </div>
<div class="footBox"> <!--<div class="content">-->
<input type="submit" name="action" id="btn2" value="确&nbsp;&nbsp;定" />
</div> <!--</div>-->
<!--<div class="footBox">-->
<!--<input type="submit" name="action" id="btn2" value="确&nbsp;&nbsp;定" />-->
<!--</div>-->
<script type="text/javascript" src="js/search.js"></script> <!--<script type="text/javascript" src="js/search.js"></script>-->
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save