From 83b638b03cf154a0ffcb19ab273485c8da798769 Mon Sep 17 00:00:00 2001
From: java110 <928255095@qq.com>
Date: 星期日, 18 九月 2022 19:19:33 +0800
Subject: [PATCH] 优化代码

---
 java110-doc/src/main/resources/static/doc-ui.html |  199 +++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 164 insertions(+), 35 deletions(-)

diff --git a/java110-doc/src/main/resources/static/doc-ui.html b/java110-doc/src/main/resources/static/doc-ui.html
index 9a9c8a3..a246c86 100644
--- a/java110-doc/src/main/resources/static/doc-ui.html
+++ b/java110-doc/src/main/resources/static/doc-ui.html
@@ -3,71 +3,200 @@
 <head>
     <meta charset="UTF-8">
     <title>api document ui</title>
-    <link href='/css/vc.css'  rel='stylesheet' type='text/css'/>
-    <link href='/css/doc-ui.css'  rel='stylesheet' type='text/css'/>
-    <script src='/js/doc-ui.js' type='text/javascript'></script>
+    <link href='css/bootstrap.min.css'  rel='stylesheet' type='text/css'/>
+    <link href='css/vc.css'  rel='stylesheet' type='text/css'/>
+    <link href='css/doc-ui.css'  rel='stylesheet' type='text/css'/>
+    <script src="js/jquery-3.3.1.min.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+    <script src='js/vue.min.js' type='text/javascript'></script>
+    <script src='js/vue-resource.min.js' type='text/javascript'></script>
+
 </head>
 <body>
 
 <div>
-    <div class="flex justify-start">
+    <div class="flex justify-start" id="component">
         <div class="line-y left white-bg border-radius padding">
             <ul class="nav metismenu" id="side-menu">
                 <li class="" style="color: #444;padding: 10px 20px;font-size: 20px;">
                     <div class="dropdown profile-element">
-                        <span class="block m-t-xs font-bold">HC灏忓尯绠$悊绯荤粺鏂囨。</span>
+                        <span class="block m-t-xs font-bold">{{docInfo.title}}</span>
                     </div>
                 </li>
-                <li class="flex justify-around" style="color: #999;padding: 0px 10px;font-size: 14px;">
-                    <div class="dropdown profile-element">
-                        <span class="block m-t-xs font-bold">浣滆�咃細</span>
-                        <span class="block m-t-xs font-bold">鍚村鏂�</span>
+                <li class="flex justify-around" style="color: #999;padding: 0px 10px;font-size: 14px;width:100%">
+                    <div class="">
+                        <span class="">浣滆�咃細</span>
+                        <span class="">{{docInfo.company}}</span>
                     </div>
-                    <div class="dropdown profile-element">
-                        <span class="block m-t-xs font-bold">鐗堟湰锛�</span>
-                        <span class="block m-t-xs font-bold">v1.40</span>
+                    <div class="">
+                        <span class="">鐗堟湰锛�</span>
+                        <span class="">{{docInfo.version}}</span>
                     </div>
                 </li>
 
                 <li class="" style="color: #999;padding: 10px 10px;font-size: 14px;">
                     <div class="dropdown profile-element">
-                        <span class="block m-t-xs font-bold">hc绯荤粺鎻忚堪姘寸數璐规按鐢佃垂姘寸數璐�</span>
+                        <span class="block m-t-xs font-bold">{{docInfo.description}}</span>
                     </div>
                 </li>
 
-
-                <li  class="active" >
-                    <a  href="javascript:void(0)" onclick="switchMenu(123)">
-                        <span class="nav-label" style="color: #777;">璁$畻涓績</span>
+                <li  style="width:100%" :class="{ active: item.active }" v-for="(item,index) in menus" :key="item.name">
+                    <a  href="javascript:void(0)" @click="switchMenu(item)">
+                        <span class="nav-label" style="color: #777;">{{item.name}}</span>
                     </a>
-                    <ul class="nav nav-second-level collapse" class="in">
-                        <li><a onclick="_gotoPage(123)" style="color: #999;" href="javascript:void(0)">鎴戠殑鑿滃崟</a></li>
-                        <li><a onclick="_gotoPage(123)" style="color: #999;" href="javascript:void(0)">鎴戠殑鑿滃崟</a></li>
-                        <li><a onclick="_gotoPage(123)" style="color: #999;" href="javascript:void(0)">鎴戠殑鑿滃崟</a></li>
-                        <li><a onclick="_gotoPage(123)" style="color: #999;" href="javascript:void(0)">鎴戠殑鑿滃崟</a></li>
+                    <ul class="nav nav-second-level collapse" :class="{in: item.active}">
+                        <li v-for="subMenu in pages" v-if="item.active">
+                            <a @click="_gotoPage(subMenu)" style="color: #999;" href="javascript:void(0)">{{subMenu.title}}</a>
+                        </li>
                     </ul>
                 </li>
             </ul>
         </div>
-        <div class="margin-left right white-bg border-radius padding">
-            <div>鐧诲綍鎺ュ彛</div>
-            <div>璇锋眰澶翠俊鎭�</div>
-            <div>
-                <table>
-                    <tr>
-                        <th>涓婄骇</th>
-                        <th>鍚嶇О</th>
-                        <th>鍚嶇О</th>
-
-                    </tr>
-                </table>
+        <div class="margin-left right white-bg border-radius doc-interface">
+            <h3 class="">鐧诲綍鎺ュ彛</h3>
+            <div class="doc-margin-top" >
+                <div class="doc-title">1銆佽姹傚湴鍧�锛�</div>
+                <div >http://127.0.0.1:8008/app/login.userPcLogin</div>
             </div>
+            <div class="doc-margin-top" >
+                <div class="doc-title">2銆佽姹傛柟寮忥細</div>
+                <div >POST</div>
+            </div>
+            <div class="doc-margin-top" >
+                <div class="doc-title">3銆佽姹傚ご淇℃伅锛�</div>
+                <div>
+                        <table class="table table-bordered">
+                            <thead>
+                            <tr>
+                                <th scope="col">鍚嶇О</th>
+                                <th scope="col">榛樿鍊�</th>
+                                <th scope="col">鎻忚堪</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                            <tr>
+                                <th>1</th>
+                                <td>Mark</td>
+                                <td>Otto</td>
+                            </tr>
+                            <tr>
+                                <th>2</th>
+                                <td>Jacob</td>
+                                <td>Thornton</td>
+                            </tr>
+                            <tr>
+                                <th>3</th>
+                                <td>Larry</td>
+                                <td>the Bird</td>
+                            </tr>
+                            </tbody>
+                        </table>
+                </div>
+            </div>
+
+            <div class="doc-margin-top" >
+                <div class="doc-title">4銆佽姹備俊鎭細</div>
+                <div>
+                    <table class="table table-bordered">
+                        <thead>
+                        <tr>
+                            <th scope="col">涓婄骇</th>
+                            <th scope="col">鍚嶇О</th>
+                            <th scope="col">绫诲瀷</th>
+                            <th scope="col">闀垮害</th>
+                            <th scope="col">榛樿鍊�</th>
+                            <th scope="col">鎻忚堪</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr>
+                            <th>1</th>
+                            <td>Mark</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                        </tr>
+                        <tr>
+                            <th>2</th>
+                            <td>Jacob</td>
+                            <td>Thornton</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                        </tr>
+                        <tr>
+                            <th>3</th>
+                            <td>Larry</td>
+                            <td>the Bird</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+                <div class="highlight">
+                    <div>璇锋眰鎶ユ枃锛�</div>
+                    <div>{"111":"BB"}</div>
+                </div>
+            </div>
+
+            <div class="doc-margin-top" >
+                <div class="doc-title">5銆佽繑鍥炰俊鎭細</div>
+                <div>
+                    <table class="table table-bordered">
+                        <thead>
+                        <tr>
+                            <th scope="col">涓婄骇</th>
+                            <th scope="col">鍚嶇О</th>
+                            <th scope="col">绫诲瀷</th>
+                            <th scope="col">闀垮害</th>
+                            <th scope="col">榛樿鍊�</th>
+                            <th scope="col">鎻忚堪</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr>
+                            <th>1</th>
+                            <td>Mark</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                        </tr>
+                        <tr>
+                            <th>2</th>
+                            <td>Jacob</td>
+                            <td>Thornton</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                        </tr>
+                        <tr>
+                            <th>3</th>
+                            <td>Larry</td>
+                            <td>the Bird</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                            <td>Otto</td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="highlight">
+                <div>璇锋眰鎶ユ枃锛�</div>
+                <div>{"111":"BB"}</div>
+            </div>
+
         </div>
 
     </div>
 
 
 </div>
-
+<!--<script src="js/vcFramework.js"></script>-->
+<script src='js/doc-ui.js' ></script>
 </body>
 </html>
\ No newline at end of file

--
Gitblit v1.8.0