diff --git a/src/main/java/cn/langpy/kotime/controller/KoTimeController.java b/src/main/java/cn/langpy/kotime/controller/KoTimeController.java
index 965e3c4..41a9038 100644
--- a/src/main/java/cn/langpy/kotime/controller/KoTimeController.java
+++ b/src/main/java/cn/langpy/kotime/controller/KoTimeController.java
@@ -13,6 +13,7 @@ import org.springframework.util.StringUtils;
 import org.springframework.web.bind.annotation.*;
 import org.springframework.web.multipart.MultipartFile;
 
+import javax.servlet.http.HttpServletResponse;
 import java.io.*;
 import java.util.*;
 import java.util.logging.Logger;
@@ -72,6 +73,32 @@ public class KoTimeController {
         return list;
     }
 
+    @GetMapping("/exportApis")
+    @ResponseBody
+    @Auth
+    public void exportApis(String question, String orderBy, String sort, HttpServletResponse response) {
+        List<MethodInfo> apis = getApis(question, orderBy, sort);
+        response.setCharacterEncoding("utf-8");
+        response.addHeader("Content-Disposition", "attachment; filename=interfaces.csv");
+
+        try( OutputStream out = response.getOutputStream();
+                BufferedOutputStream bufferedOut = new BufferedOutputStream(out)){
+            String line = "序号,类名,方法名,路由,平均响应（ms）,调用次数\n";
+            if ("english".equals(Context.getConfig().getLanguage())) {
+                line = "No,ClassName,Method,Route,Avg(ms),CallNum\n";
+            }
+            bufferedOut.write(line.getBytes("utf-8"));
+            for (int i = 0; i < apis.size(); i++) {
+                MethodInfo methodInfo = apis.get(i);
+                line = (i+1)+","+methodInfo.getClassName()+","+methodInfo.getMethodName()+"(),"+methodInfo.getRouteName()+","+methodInfo.getAvgRunTime()+","+methodInfo.getCallNum()+"\n";
+                bufferedOut.write(line.getBytes("utf-8"));
+            }
+            bufferedOut.flush();
+        }catch (Exception e){
+            e.printStackTrace();
+        }
+    }
+
     @GetMapping("/getParamGraph")
     @ResponseBody
     @Auth
diff --git a/src/main/resources/koapp.properties b/src/main/resources/koapp.properties
index 3de7387..10c98e6 100644
--- a/src/main/resources/koapp.properties
+++ b/src/main/resources/koapp.properties
@@ -1 +1 @@
-ko-time.version=2.4.6
\ No newline at end of file
+ko-time.version=2.4.8
\ No newline at end of file
diff --git a/src/main/resources/kostatic/dict/chinese.properties b/src/main/resources/kostatic/dict/chinese.properties
index 92b3714..fc5724c 100644
--- a/src/main/resources/kostatic/dict/chinese.properties
+++ b/src/main/resources/kostatic/dict/chinese.properties
@@ -42,6 +42,8 @@ tab.summary.sysusage-metric.physical-memory.current-used=此程序占用
 
 tab.interface.search-tip=搜索方法名或者类名...
 tab.interface.interface-list.avg-tip=平均响应
+tab.interface.interface-list.sort-desc-tip=降序
+tab.interface.interface-list.sort-asc-tip=升序
 tab.interface.interface-list.call-num-tip=调用次数
 tab.interface.interface-list.show-metric.type=类型
 tab.interface.interface-list.show-metric.avg=平均耗时
diff --git a/src/main/resources/kostatic/dict/english.properties b/src/main/resources/kostatic/dict/english.properties
index c752c7e..34c9a45 100644
--- a/src/main/resources/kostatic/dict/english.properties
+++ b/src/main/resources/kostatic/dict/english.properties
@@ -42,6 +42,8 @@ tab.summary.sysusage-metric.physical-memory.current-used=ThisUsed
 
 tab.interface.search-tip=search method name or class name...
 tab.interface.interface-list.avg-tip=avg
+tab.interface.interface-list.sort-desc-tip=desc
+tab.interface.interface-list.sort-asc-tip=asc
 tab.interface.interface-list.call-num-tip=callNum
 tab.interface.interface-list.show-metric.type=type
 tab.interface.interface-list.show-metric.avg=avg time
diff --git a/src/main/resources/kotime.html b/src/main/resources/kotime.html
index 6637670..b4723fe 100644
--- a/src/main/resources/kotime.html
+++ b/src/main/resources/kotime.html
@@ -92,11 +92,11 @@
                         className = data[i]['name'].split('.')[0];
                     }
                     if (methodType == 'Controller' && routeName != null && routeName != '') {
-                        html += "<li onclick=\"showMethods('" + apiId + "')\" class='common-li' id=\"" + apiId + "-list\">" + className + "#<span class='common-li-bolder'>" + methodName + "</span>&nbsp(<span class='common-li-special'>" + routeName + "</span>)&nbsp &nbsp<span style='font-size: 10px;text-transform: lowercase' class=\"uk-label uk-label-" + color + "\">{{tab.interface.interface-list.avg-tip}} " + avgRunTime + " ms</span>" +
+                        html += "<li onclick=\"showMethods('" + apiId + "')\" class='common-li' id=\"" + apiId + "-list\">" + className + "#<span class='common-li-bolder'>" + methodName + "</span><span style='color: #9c40ad;font-size: 14px;font-weight: bold'>()</span>&nbsp; &lt;<span class='common-li-special'>" + routeName + "</span>&gt; &nbsp; &nbsp;<span style='font-size: 10px;text-transform: lowercase' class=\"uk-label uk-label-" + color + "\">{{tab.interface.interface-list.avg-tip}} " + avgRunTime + " ms</span>" +
                             "&nbsp &nbsp<span style='font-size: 10px;text-transform: unset;background-color:#6d6d85' class=\"uk-label\">{{tab.interface.interface-list.call-num-tip}} " + callNum + "</span></li>";
                     } else {
-                        html += "<li onclick=\"showMethods('" + apiId + "')\" class='common-li' id=\"" + apiId + "-list\">" + className + "#<span class='common-li-bolder'>" + methodName + "</span>&nbsp &nbsp<span style='font-size: 10px;text-transform: unset' class=\"uk-label uk-label-" + color + "\">{{tab.interface.interface-list.avg-tip}} " + avgRunTime + " ms</span>" +
-                            "&nbsp &nbsp<span style='font-size: 10px;text-transform: lowercase;background-color:#6d6d85' class=\"uk-label\">{{tab.interface.interface-list.call-num-tip}} " + callNum + "</span></li>";
+                        html += "<li onclick=\"showMethods('" + apiId + "')\" class='common-li' id=\"" + apiId + "-list\">" + className + "#<span class='common-li-bolder'>" + methodName + "</span><span style='color: #9c40ad;font-size: 14px;font-weight: bold'>()</span>&nbsp; &nbsp;<span style='font-size: 10px;text-transform: unset' class=\"uk-label uk-label-" + color + "\">{{tab.interface.interface-list.avg-tip}} " + avgRunTime + " ms</span>" +
+                            "&nbsp; &nbsp;<span style='font-size: 10px;text-transform: lowercase;background-color:#6d6d85' class=\"uk-label\">{{tab.interface.interface-list.call-num-tip}} " + callNum + "</span></li>";
                     }
                 };
                 element.innerHTML = html;
@@ -633,6 +633,19 @@
             loadApis();
         }
 
+        function exportApis() {
+            let searchDom = getDom("searchText");
+            let searchText = searchDom.value;
+            let apiSortName = getDom('apiSortName')
+            let apiSortType = getDom('apiSortType')
+            let url = concatToken(`contextPath/koTime/exportApis?question=${searchText}&orderBy=${apiSortName.value}&sort=${apiSortType.value}`);
+            let a = document.createElement("a");
+            a.style.display='none';
+            a.href = url;
+            a.click();
+            setTimeout(()=>{a.remove();},3000);
+        }
+
         $(document).ready(function () {
             refreshData();
         });
@@ -805,18 +818,19 @@
             <div class="uk-width-1-5@s">
                 <div style="display: flex;">
                     <input style="width: 60px;border-top: none;border-right: none;border-left: none;background-color: inherit" class="uk-input"  type="text" placeholder="根据" value="根据" disabled>
-                    <select id="apiSortName" onchange="changeApiSort()"  style="width: 100px;border-top: none;border-right: none;border-left: none;border-bottom: 1px solid lightgreen;color:#213121;background-color: inherit" class="uk-select">
-                        <option value="avgRunTime" selected>平均响应</option>
-                        <option value="callNum">调用次数</option>
+                    <select id="apiSortName" onchange="changeApiSort()"  style="cursor: pointer;width: 100px;border-top: none;border-right: none;border-left: none;border-bottom: 1px solid lightgreen;color:#213121;background-color: inherit" class="uk-select">
+                        <option value="avgRunTime" selected>{{tab.interface.interface-list.avg-tip}}</option>
+                        <option value="callNum">{{tab.interface.interface-list.call-num-tip}}</option>
                     </select>
                 </div>
             </div>
             <div class="uk-width-1-5@s">
-                <div style="width: 70px">
-                    <select id="apiSortType" onchange="changeApiSort()"  style="border-top: none;border-right: none;border-left: none;border-bottom: 1px solid lightgreen;color:#213121;background-color: inherit" class="uk-select">
-                        <option value="desc" selected>降序</option>
-                        <option value="asc">升序</option>
+                <div style="display: flex;width: 100px">
+                    <select id="apiSortType" onchange="changeApiSort()"  style="cursor: pointer;width: 70px;border-top: none;border-right: none;border-left: none;border-bottom: 1px solid lightgreen;color:#213121;background-color: inherit" class="uk-select">
+                        <option value="desc" selected>{{tab.interface.interface-list.sort-desc-tip}}</option>
+                        <option value="asc">{{tab.interface.interface-list.sort-asc-tip}}</option>
                     </select>
+                    <button onclick="exportApis()" style="width: 100px;border: none;color: #0000FF;font-weight: bolder" title="导出csv" class="uk-button uk-button-default">=></button>
                 </div>
             </div>
         </div>