【留言板】手机端留言列表界面实现

luoyanshou
1 parent 9011d217
Showing 3 changed files with 63 additions and 7 deletions
trunk/www/apidocassets/css/mess_front.css
trunk/www/mess_front/input.PHP
trunk/www/mess_front/list.php
@@ -21,4 +21,4 @@ body{
 }
 .con table tr td{
     text-align: left;
-}
 \ No newline at end of file
+}
 <?php
     session_start();
-
-    if( !isset($_SESSION['userid']) || empty($_SESSION['userid']) )
+    if(!isset($_SESSION['userid']) || empty($_SESSION['userid']))
         header("Location: login.php");
 ?>
+<?php
+
+$page = isset($_GET['page']) ? $_GET['page'] : 0;
+$prePage = ($page - 1)<0 ? 0 : ($page - 1);
+$nextPage = $page + 1;
+
+$mess_res = file_get_contents("http://lys.com/wx5019b9c455ea9c81/Message/Api/Message/MessList/getList/?page={$page}");
+if ($mess_res) {
+    $mess_list = json_decode($mess_res,true)['result'];
+}
+
+?>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
         "http://www.w3.org/TR/html4/loose.dtd">
 <html>
@@ -5,15 +17,60 @@
     <title>留言列表</title>
     <meta charset="utf-8">
     <link type="text/css" rel="stylesheet" href="../apidocassets/css/mess_front.css" >
+    <style type="text/css">
+        .list table{
+            width:100%;
+            border-collapse: collapse;
+        }
+        .list tr th,td{
+            font-size: 14px;
+            font-weight: normal;
+            border: 1px solid;
+        }
+    </style>
 </head>
 <body>
-    <div class="con">
+    <div class="con list">
         <table>
-
+            <caption><h3>留言列表</h3></caption>
+            <tr>
+                <th>标题</th>
+                <th>内容</th>
+               <!-- <th>留言者</th>-->
+                <th>留言时间</th>
+            </tr>
+            <?php
+                foreach ( $mess_list as $item=>$value) {
+            ?>
+                <tr>
+                    <td><label>
+                            <?php echo $value['m_title'] ?>
+                        </label></td>
+                    <td><label>
+                            <?php echo $value['m_content']; ?>
+                        </label></td>
+                    <td>
+                        <?php echo $value['ins_date']; ?>
+                    </td>
+                </tr>
+            <?php
+             }
+            ?>
+            <tr>
+                <td colspan="3">
+                    <label>
+                        <a href="input.php" target="_blank">在线留言</a>
+                    </label>
+                    <span style="width: 300px; display: inline-block;"></span>
+                    <label>
+                        <a href="?page=<?php echo $prePage; ?>">上一页</a>
+                        <a href="?page=<?php echo $nextPage; ?>" >下一页</a>
+                    </label>
+                </td>
+            </tr>
         </table>
-
-        <h6><a href="input.php" target="_blank">在线留言</a></h6>
     </div>
+
 </body>
 </html>
 \ No newline at end of file