TextFSM 在线解析前端页面及后端 API

Author: xdai555

demo/fastapi_demo/templates/data.json

@@ -1,20 +1,25 @@
+from fastapi import FastAPI
+from fastapi.middleware.cors import CORSMiddleware
+from pydantic import BaseModel
 import textfsm
 import tempfile
- 
+
+
 def str_to_file_obj(text):
     f_obj = tempfile.NamedTemporaryFile()
     f_obj.write(text)
-    # 确保string立即写入文件
+    # 确保 string 立即写入文件
     f_obj.flush()
     # 将文件读取指针返回到文件开头位置
     f_obj.seek(0)
     return f_obj
 
 
-def textfsm_parser(raw_text, template_text):
+def textfsm_parser(raw_text: str, template_text: str) -> str:
     textfsm_data = []
     fsm_handler = None
-
+    # 字符串转为 bytes
+    template_text = template_text.encode("utf-8")
     try:
         fsm_handler = textfsm.TextFSM(str_to_file_obj(template_text))
         for obj in fsm_handler.ParseText(raw_text):
@@ -27,19 +32,31 @@ def textfsm_parser(raw_text, template_text):
     except textfsm.parser.Error as tfte:
         return str(tfte)
 
-raw_text = r'''IP
-192.168.1.1
-IP
-192.168.1.12
-IP
-192.168.1.13
-IP
-192.168.1.14'''
-template_text = b'''Value IPADD (\d+(\.\d+){3})
-
-Start
-  ^IP
-  ^${IPADD} -> Record'''
-
-ret = textfsm_parser(raw_text, template_text)
-print(ret)
+
+app = FastAPI()
+
+origins = [
+    "http://localhost:8080",
+]
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=origins,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+class TextFSMBody(BaseModel):
+    raw_text: str
+    template_text: str
+
+
+@app.post("/parser")
+async def parse_textfsm(textfsm_body: TextFSMBody):
+    return textfsm_parser(**dict(textfsm_body))
+
+
+if __name__ == "__main__":
+    import uvicorn
+
+    uvicorn.run(app, host="127.0.0.1", port=8000)

demo/fastapi_demo/textfsm_demo.py

@@ -0,0 +1,48 @@
+import textfsm
+import tempfile
+from pprint import pprint
+ 
+def str_to_file_obj(text):
+    f_obj = tempfile.NamedTemporaryFile()
+    f_obj.write(text)
+    # 确保string立即写入文件
+    f_obj.flush()
+    # 将文件读取指针返回到文件开头位置
+    f_obj.seek(0)
+    return f_obj
+
+
+def textfsm_parser(raw_text: str, template_text: str) -> str:
+    textfsm_data = []
+    fsm_handler = None
+    template_text = template_text.encode('utf-8')
+    try:
+        fsm_handler = textfsm.TextFSM(str_to_file_obj(template_text))
+        for obj in fsm_handler.ParseText(raw_text):
+            entry = {}
+            for index, entry_value in enumerate(obj):
+                entry[fsm_handler.header[index]] = entry_value
+            textfsm_data.append(entry)
+        return textfsm_data
+
+    except textfsm.parser.Error as tfte:
+        return str(tfte)
+
+raw_text = r'''IP
+192.168.1.1
+IP
+192.168.1.12
+IP
+192.168.1.13
+IP
+192.168.1.14'''
+template_text = '''Value IPADD (\d+(\.\d+){3})
+
+Start
+  ^IP
+  ^${IPADD} -> Record'''
+
+pprint(raw_text)
+pprint(template_text)
+ret = textfsm_parser(raw_text, template_text)
+print(ret)

demo/textfsm_demo.py

@@ -12,7 +12,9 @@
   },
   "dependencies": {
     "ant-design-vue": "^1.7.8",
+    "axios": "^0.26.1",
     "vue": "^2.5.2",
+    "vue-codemirror": "^4.0.6",
     "vue-router": "^3.0.1"
   },
   "devDependencies": {

demo/vue_demo/myvue/package-lock.json

@@ -8,7 +8,8 @@
 import HelloWorld from './components/HelloWorld.vue'
 import myHello from './components/hello.vue'
 import Index from './components/Index.vue'
-import TodoList from './components/TodoList'
+import TodoList from './components/TodoList.vue'
+import TextFSMOnlile from './components/TextFSMOnline.vue'
 
 /*
 添加组件的流程：
@@ -24,7 +25,7 @@ main.js 和 index.html 一般情况下是不用做改动的。
  */
 
 export default {
-  components: { HelloWorld, myHello, Index, TodoList },
+  components: { HelloWorld, myHello, Index, TodoList, TextFSMOnlile },
   name: 'App'
 }
 </script>

demo/vue_demo/myvue/package.json

@@ -0,0 +1,74 @@
+<template>
+<div>
+      <h1>TextFSM 在线解析</h1>
+<codemirror v-model="code" :options="cmOptions"/>
+</div>
+
+</template>
+
+<script>
+// import language js
+import 'codemirror/mode/javascript/javascript.js'
+
+// import theme style
+import 'codemirror/theme/lesser-dark.css'
+
+// import more 'codemirror/some-resource...'
+
+export default {
+  data () {
+    return {
+      code: 'asdasdasd',
+      cmOptions: {
+        tabSize: 2,
+        mode: 'text/javascript',
+        theme: 'lesser-dark',
+        lineNumbers: true,
+        line: true
+        // more CodeMirror options...
+      }
+    }
+  },
+  methods: {
+    onCmReady (cm) {
+      console.log('the editor is readied!', cm)
+    },
+    onCmFocus (cm) {
+      console.log('the editor is focused!', cm)
+    },
+    onCmCodeChange (newCode) {
+      console.log('this is new code', newCode)
+      this.code = newCode
+    }
+  },
+  computed: {
+    codemirror () {
+      return this.$refs.cmEditor.codemirror
+    }
+  }
+}
+</script>
+
+<style>
+  .el-row {
+    margin-bottom: 20px;
+  }
+  .el-col {
+    border-radius: 4px;
+  }
+  .grid-content {
+    border-radius: 4px;
+    margin: 1px;
+  }
+ .CodeMirror {
+    border: 1px solid #eee;
+    border-radius: 10px;
+    padding: 5px;
+    height: auto;
+}
+.CodeMirror-scroll {
+  height: auto;
+  overflow-y: hidden;
+  overflow-x: auto;
+}
+</style>