diff --git a/index.html b/index.html
index b0f35365ce71762a7886b948b0419850585fe903..c1c23926c67d1b7632d3da156d990a3d61a9c5d0 100644
--- a/index.html
+++ b/index.html
@@ -1,72 +1,39 @@
-<template>
-  <div class="input-form">
-    <h1>command</h1>
-    <form @submit.prevent="submitForm">
-      <textarea style="width: 100%;" v-model="inputText" cols="30" rows="10"></textarea>
-      <br>
-      <button type="submit" id="submit">提交</button>
-    </form>
-    <textarea style="width: 100%;" name="output" id="output" cols="30" rows="10">{{ this.msg.outputText }}</textarea>
-    <button id="btn_copy" onclick="copy()">复制</button>
-    <textarea v-if="this.msg.error" style="width: 100%;" id="errorMessage" rows="10">{{ this.msg.error }}</textarea>
-  </div>
-</template>
+const { MongoClient, ServerApiVersion } = require('mongodb');
 
-<script>
-import axios from "axios";
-export default {
-  name: "About",
-  data() {
-    return {
-      msg: "",
-      inputText: "",
-    };
-  },
-  created() {
-    axios
-      .get("http://localhost:8080/about")
-      .then((res) => {
-        this.msg = res.data;
-      })
-      .catch((err) => {
-      });
-  },
-  methods: {
-    submitForm() {
-      axios
-        .post("http://localhost:8080/about", {
-          inputText: this.inputText
-        })
-        .then((res) => {
-          this.msg = res.data;
-        })
-        .catch((err) => {
-        });
-    },
-    handleKeyDown(event) {
-      console.log('test-key', event.keyCode)
-      if (event.key === "F5") {
-        event.preventDefault();
-        this.submitForm();
-      }
-    },
-  },
-  mounted() {
-    document.addEventListener("keydown", this.handleKeyDown);
-  },
-  beforeDestroy() {
-    document.removeEventListener("keydown", this.handleKeyDown);
-  },
-};
-function copy() {
-  document.getElementById("output").select()
-  document.execCommand('copy');
-}
+const uri = 'mongodb+srv://<username>:<password>@cluster0.kmggvco.mongodb.net/<dbname>?retryWrites=true&w=majority';
+
+// Create a MongoClient with a MongoClientOptions object to set the Stable API version
+const client = new MongoClient(uri, {
+  serverApi: {
+    version: ServerApiVersion.v1,
+    strict: true,
+    deprecationErrors: true,
+  }
+});
+
+async function run() {
+  try {
+    await client.connect();
+    console.log('Connected to MongoDB!');
+
+    // Get a reference to the database
+    const db = client.db('mydatabase');
 
-</script>
-<style scoped>
-h1,
-h2 {
-  font-weight: normal;
+    // Get a reference to the collection
+    const collection = db.collection('mycollection');
+
+    // Insert a document
+    const resultInsert = await collection.insertOne({ name: 'Alice', age: 30 });
+    console.log(`Inserted ${resultInsert.insertedCount} documents into the collection`);
+
+    // Find documents
+    const resultFind = await collection.find({ age: { $gt: 25 } }).toArray();
+    console.log(`Found ${resultFind.length} documents that match the query`);
+    console.log(resultFind);
+  } finally {
+    await client.close();
+    console.log('Disconnected from MongoDB!');
+  }
 }
-</style>
+
+run().catch(console.error);