订单展示

7 years ago · bfc4cf0e7c
parent 7739ca8596
commit bfc4cf0e7c
5 changed files with 97 additions and 60 deletions
--- a/Front-end/订单列表/order.js
+++ b/Front-end/订单列表/order.js
@ -1,58 +0,0 @@
-var xmlHttp = null;//声明XMLHttpRequest
-
-// 创建XMLHttpRequest对象
-function createXMLHttpRequest() {
-    // 已创建XMLHttpRequest对象，直接返回
-    if (xmlHttp != null)
-        return;
-    // 检测浏览器针对(FireFox、Chrome、Safari、Opera与IE7+)是否支持直接创建XMLHttpRequest
-    if (window.XMLHttpRequest) {
-        xmlHttp = new XMLHttpRequest();
-        // 检测否是IE浏览器
-    } else if (window.ActiveXObject) {
-        try {
-            // IE6
-            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
-        } catch (e) {
-            // IE5
-            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
-        }
-    }
-}
-
-
-//发送请求
-function sendRequest(){
-    // 创建异步发送请求对象
-    createXMLHttpRequest();
-    //非0、非null、true表示真
-    if (!xmlHttp){
-        alert("XMLHttpRequest对象创建失败!!");
-        return;
-    }
-    var str = document.getElementById("txtMessage").value;
-
-    /*GET方式发送请求
-    //初始化请求
-    xmlHttp.open("GET","AjaxMessageServlet?message="+str,true);
-    //设置回调函数
-    xmlHttp.onreadystatechange=showMessage;
-    xmlHttp.send(null);*/
-
-    //Post方式发送请求
-    xmlHttp.open("POST","AjaxMessageServlet",true);
-    xmlHttp.onreadystatechange=showMessage;
-    xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//设置编码方式
-    xmlHttp.send("message="+str);
-}
-
-
-//回调函数
-function showMessage(){
-    //判断就绪状态和响应状态码是否符合要求
-    if(xmlHttp.readyState==4&&xmlHttp.status==200) {
-        var result = xmlHttp.responseText;//接收服务器响应的文本
-        document.getElementById("myspan").innerHTL = result;
-    }
-}
-
--- a/Front-end/订单列表/orderlist.html
+++ b/Front-end/订单列表/orderlist.html
@ -7,7 +7,46 @@
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
        <meta content="telephone=no" name="format-detection"/>
-        <link href="style.css" rel="stylesheet" type="text/css"/>
+        <!--<link href="orderliststyle.css" rel="stylesheet" type="text/css"/>-->
+        <script type="text/javascript">
+            window.onload(function requestData(){
+                $.ajax({
+                    url: "/orderlist",
+                    type: "post",
+                    dataType: "json",
+                    success: function(data){
+                        /*这个方法里是ajax发送请求成功之后执行的代码*/
+                        showData(data);//我们仅做数据展示
+                    },
+                    error: function(msg){
+                        alert("ajax连接异常："+msg);
+                    }
+                });
+            });
+
+            //展示数据
+            function showData(data) {
+                var str = "";//定义用于拼接的字符串
+                for (var i = 0; i < data.length; i++) {
+                    str = " <a href=\"javascript:;\" class=\"aui-list-item\">\n" +
+                        "                        <div class=\"aui-right-top\"> </div>\n" +
+                        "                        <div class=\"aui-list-head\">"+data[i].checkNum+"</div>\n" +
+                        "                        <div class=\"aui-flex\">\n" +
+                        "                            <div class=\"aui-flex-box\">\n" +
+                        "                                <h4>"+data[i].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>"
+                    //追加到table中
+                    $("#orderlist").append(str);         }
+            }
+        </script>
    </head>
    <body>

@ -37,7 +76,7 @@
                        <div class="aui-pri-button"> </div>
                    </div>
                </div>
-                <div class="aui-list-box">
+                <div class="aui-list-box" id="orderlist">
                    <a href="javascript:;" class="aui-list-item">
                        <div class="aui-right-top"> </div>
                        <div class="aui-list-head">订单1</div>
--- a/Front-end/订单列表/orderlist.js
+++ b/Front-end/订单列表/orderlist.js
@ -0,0 +1,53 @@
+// var xmlHttp = null;//声明XMLHttpRequest
+//
+// // 创建XMLHttpRequest对象
+// function createXMLHttpRequest() {
+//     // 已创建XMLHttpRequest对象，直接返回
+//     if (xmlHttp != null)
+//         return;
+//     // 检测浏览器针对(FireFox、Chrome、Safari、Opera与IE7+)是否支持直接创建XMLHttpRequest
+//     if (window.XMLHttpRequest) {
+//         xmlHttp = new XMLHttpRequest();
+//         // 检测否是IE浏览器
+//     } else if (window.ActiveXObject) {
+//         try {
+//             // IE6
+//             xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
+//         } catch (e) {
+//             // IE5
+//             xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
+//         }
+//     }
+// }
+//
+//
+// //发送请求
+// function sendRequest(){
+//     // 创建异步发送请求对象
+//     createXMLHttpRequest();
+//     //非0、非null、true表示真
+//     if (!xmlHttp){
+//         alert("XMLHttpRequest对象创建失败!!");
+//         return;
+//     }
+//     var str = document.getElementById("txtMessage").value;
+//
+//
+//     //Post方式发送请求
+//     xmlHttp.open("POST","AjaxMessageServlet",true);
+//     xmlHttp.onreadystatechange=showMessage;
+//     xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//设置编码方式
+//     xmlHttp.send("message="+str);
+// }
+//
+//
+// //回调函数
+// function showMessage(){
+//     //判断就绪状态和响应状态码是否符合要求
+//     if(xmlHttp.readyState==4&&xmlHttp.status==200) {
+//         var result = xmlHttp.responseText;//接收服务器响应的文本
+//
+//         document.getElementById("myspan").innerHTL = result;
+//     }
+// }
+
--- a/Front-end/订单列表/orderliststyle.css
+++ b/Front-end/订单列表/orderliststyle.css
--- a/demo/src/main/java/com/example/demo/Dao/auditMapper.java
+++ b/demo/src/main/java/com/example/demo/Dao/auditMapper.java
@ -10,6 +10,9 @@ public interface auditMapper {
    @Select("select * from audit where checkNum = #{checkNum}")
    public Audit selectAudioByCheckNum(long checkNum);

+    @Select("select * from audit where userNum = #{userNum}")
+    public List<Audit> selectAudioByUserNum(long userNum);
+
    @Select("select * from audit")
    public List<Audit> select();