diff --git a/123.vue b/123.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6c17b5db67d65fcb762732d003faa879ff6a7ed6
--- /dev/null
+++ b/123.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/AboutView.vue b/AboutView.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3fa28070de24f2055171ca2e20543881cb7fdf1c
--- /dev/null
+++ b/AboutView.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>
diff --git a/App.vue b/App.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1e27a30b96868115d9a1dbeaae974f1a182b1b24
--- /dev/null
+++ b/App.vue
@@ -0,0 +1,140 @@
+<template>
+  <div id="app">
+    <el-container>
+      <el-header style="background-color: #d0def0;">
+          <img alt="Vue logo" src="../src/assets/22051678.png">
+          <h3 style="color: #003f7e;"> "升学之路"——高考分数预测系统</h3>
+      </el-header>
+      <el-container>
+        <el-aside width="250px">
+          <el-aside style="background-color: #d0def0;">
+          <el-row class="tac">
+            <el-col :span="24">
+
+              <el-menu
+                  default-active="2"
+                  class="el-menu-vertical-demo"
+                >
+                <el-submenu index="1">
+                  <template slot="title">
+                    <i class="el-icon-location"></i>
+                    <span>查看院校信息</span>
+                  </template>
+                  <el-menu-item-group>
+                  <el-menu-item index="1-1">
+                    <router-link to="/yiben">一本院校信息</router-link>
+                  </el-menu-item>
+
+                    <el-menu-item index="1-2">
+                      <router-link to="/erben">二本院校信息</router-link>
+                    </el-menu-item>
+
+                    <el-menu-item index="1-3">
+                      <router-link to="/zhuanke">专科院校信息</router-link>
+                    </el-menu-item>
+                  </el-menu-item-group>
+                </el-submenu>
+
+                <el-submenu index="2">
+                  <template slot="title">
+                    <i class="el-icon-location"></i>
+                    <span>查看院校分数分布图表信息</span>
+                  </template>
+                  <el-menu-item-group>
+                    <el-menu-item index="2-1">
+                      <router-link to="/yibenCharts">一本院校</router-link>
+                    </el-menu-item>
+                    <el-menu-item index="2-2">
+                      <router-link to="/eae">二本院校</router-link>
+                    </el-menu-item>
+                    <el-menu-item index="2-3">
+                      <router-link to="/eaea">专科院校</router-link>
+                    </el-menu-item>
+                  </el-menu-item-group>
+                </el-submenu>
+
+                <el-submenu index="3">
+                  <template slot="title">
+                    <i class="el-icon-location"></i>
+                    <span>预测分数</span>
+                  </template>
+                  <el-menu-item-group>
+                    <el-menu-item index="3-1">
+                      <router-link to="/ycform">预测分数</router-link>
+                    </el-menu-item>
+
+                  </el-menu-item-group>
+                </el-submenu>
+              </el-menu>
+            </el-col>
+          </el-row>
+
+        </el-aside>
+        </el-aside>
+        <el-main>
+          <router-view>wangluoanquan</router-view>
+        </el-main>
+      </el-container>
+    </el-container>
+
+  </div>
+</template>
+
+<style>
+
+body {
+  padding: 0;
+  margin: 0;
+}
+
+.el-header {
+  background-color: #B3C0D1;
+  color: #333;
+  text-align: center;
+  height: 20vh !important;
+  display: flex;
+}
+
+h3 {
+  margin-top: 47px;
+  font-size: 40px;
+  color: gray;
+}
+
+img {
+  width: 480px;
+  height: 100px;
+  margin-top: 20px;
+  margin-right: 60px;
+}
+
+.el-aside {
+  background-color: #D3DCE6;
+  color: #333;
+  text-align: center;
+  height: 80vh;
+  width: 300vw;
+}
+
+.el-main {
+  background-color: #E9EEF3;
+  color: #333;
+  text-align: center;
+  height: 80vh;
+}
+
+body > .el-container {
+  margin-bottom: 40px;
+}
+
+.el-container:nth-child(5) .el-aside,
+.el-container:nth-child(6) .el-aside {
+  line-height: 260px;
+}
+
+.el-container:nth-child(7) .el-aside {
+  line-height: 320px;
+}
+</style>
+<script setup lang="ts">
+</script>
\ No newline at end of file
diff --git a/HomeView.vue b/HomeView.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e8d96d7a7049d1ddda2073b5bed757935fc35fbc
--- /dev/null
+++ b/HomeView.vue
@@ -0,0 +1,18 @@
+<template>
+  <div class="home">
+    <img alt="Vue logo" src="../assets/logo.png">
+    <HelloWorld msg="Welcome to Your Vue.js App"/>
+  </div>
+</template>
+
+<script>
+// @ is an alias to /src
+import HelloWorld from '@/components/HelloWorld.vue'
+
+export default {
+  name: 'HomeView',
+  components: {
+    HelloWorld
+  }
+}
+</script>
diff --git a/eae.vue b/eae.vue
new file mode 100644
index 0000000000000000000000000000000000000000..5c4f6d592266444240c03393b661514c5247e3ea
--- /dev/null
+++ b/eae.vue
@@ -0,0 +1,41 @@
+
+<script>
+import * as echarts from 'echarts';
+export default {
+  name: 'eae',
+  mounted() {
+    // 基于准备好的dom，初始化echarts实例
+    var myChart = echarts.init(document.getElementById('main'));
+    myChart.setOption({
+      title: {
+        text: '录取分数段显示'
+      },
+      tooltip: {},
+      xAxis: {
+        data: ['400~410', '410~430', '430~450', '450~480','480+']
+      },
+      yAxis: {},
+      series: [
+        {
+          name: '销量',
+          type: 'bar',
+          data: [20, 60, 36, 10, 14, 1]
+        }
+      ]
+    });
+  }
+}
+</script>
+
+<template>
+  <div id="main">
+    网络安全图表
+  </div>
+</template>
+
+<style scoped>
+#main {
+  width: 100%;
+  height: 400px;
+}
+</style>
\ No newline at end of file
diff --git a/eaea.vue b/eaea.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c9310377e9a6f317d00e9ce38d6da046a07407fb
--- /dev/null
+++ b/eaea.vue
@@ -0,0 +1,40 @@
+<script>
+import * as echarts from 'echarts';
+export default {
+  name: 'eaea',
+  mounted() {
+    // 基于准备好的dom，初始化echarts实例
+    var myChart = echarts.init(document.getElementById('main'));
+    myChart.setOption({
+      title: {
+        text: '录取分数段显示'
+      },
+      tooltip: {},
+      xAxis: {
+        data: ['100~180', '180~230', '230~280', '280~350','350+']
+      },
+      yAxis: {},
+      series: [
+        {
+          name: '销量',
+          type: 'bar',
+          data: [50, 20, 36, 13, 10, 1]
+        }
+      ]
+    });
+  }
+}
+</script>
+
+<template>
+  <div id="main">
+    网络安全图表
+  </div>
+</template>
+
+<style scoped>
+#main {
+  width: 100%;
+  height: 400px;
+}
+</style>
\ No newline at end of file
diff --git a/erben.vue b/erben.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6e3144fc6a5356e687b3ee55953565e4f19109a2
--- /dev/null
+++ b/erben.vue
@@ -0,0 +1,114 @@
+<script >
+export default {
+  data() {
+    return {
+      tableData: [
+          {
+    "workName": "忻州师范学院",
+    "city": "忻州",
+    "workage": "2023",
+    "xl": "二本",
+    "salary": "415"
+  },
+  {
+    "workName": "晋中学院",
+    "city": "晋中",
+    "workage": "2023",
+    "xl": "二本",
+    "salary": "410"
+  },
+  {
+    "workName": "长治学院",
+    "city": "长治",
+    "workage": "2023",
+    "xl": "二本",
+    "salary": "405"
+  },
+  {
+    "workName": "运城学院",
+    "city": "运城",
+    "workage": "2023",
+    "xl": "二本",
+    "salary": "400"
+  },
+  {
+    "workName": "太原师范学院",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "二本",
+    "salary": "430"
+  },
+  {
+    "workName": "山西传媒学院",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "二本",
+    "salary": "425"
+  },
+  {
+    "workName": "山西工程技术学院",
+    "city": "阳泉",
+    "workage": "2023",
+    "xl": "二本",
+    "salary": "418"
+  },
+  {
+    "workName": "山西能源学院",
+    "city": "晋中",
+    "workage": "2023",
+    "xl": "二本",
+    "salary": "412"
+  },
+  {
+    "workName": "山西警察学院",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "二本",
+    "salary": "428"
+  },
+  {
+    "workName": "山西工商学院",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "二本",
+    "salary": "408"
+  }
+      ]
+    }
+  }
+}
+</script>
+
+<template>
+ <el-table
+    :data="tableData"
+    stripe
+    style="width: 100%">
+    <el-table-column
+      prop="workName"
+      label="学校名称"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="city"
+      label="城市"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="workage"
+      label="分数线年限">
+    </el-table-column>
+    <el-table-column
+      prop="xl"
+      label="学校资质">
+    </el-table-column>
+    <el-table-column
+      prop="salary"
+      label="分数线">
+    </el-table-column>
+  </el-table>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/linear.cpython-312.pyc b/linear.cpython-312.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..59cb8cf0a91afcc6b1d2b376a39ac5a70d2ec740
Binary files /dev/null and b/linear.cpython-312.pyc differ
diff --git a/main.js b/main.js
new file mode 100644
index 0000000000000000000000000000000000000000..7e71f116a591124b1783a2ee9a5e6479c97bee7f
--- /dev/null
+++ b/main.js
@@ -0,0 +1,11 @@
+import Vue from 'vue'
+import App from './App.vue'
+import router from './router'
+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
+Vue.config.productionTip = false
+Vue.use(ElementUI);
+new Vue({
+  router,
+  render: h => h(App)
+}).$mount('#app')
diff --git a/test.vue b/test.vue
new file mode 100644
index 0000000000000000000000000000000000000000..33afa5440a6c8f12f9d3c74be14f60e277711625
--- /dev/null
+++ b/test.vue
@@ -0,0 +1,47 @@
+<template>
+  <el-table
+    :data="tableData"
+    stripe
+    style="width: 100%">
+    <el-table-column
+      prop="date"
+      label="日期"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="name"
+      label="姓名"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="address"
+      label="地址">
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        tableData: [{
+          date: '2016-05-02',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        }, {
+          date: '2016-05-04',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1517 弄'
+        }, {
+          date: '2016-05-01',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1519 弄'
+        }, {
+          date: '2016-05-03',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1516 弄'
+        }]
+      }
+    }
+  }
+</script>
\ No newline at end of file
diff --git a/wangyesheji.vue b/wangyesheji.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6baa11f07119130e7192efd90d7cafd1a69d4d62
--- /dev/null
+++ b/wangyesheji.vue
@@ -0,0 +1,99 @@
+<script >
+export default {
+  data() {
+    return {
+      tableData: [{
+        workName: "网页设计工程师",
+        city: "吕梁",
+        workage: "2",
+        xl:"本科",
+        salary:"12000"
+      },
+          {
+        workName: "网络安全工程师",
+        city: "吕梁",
+        workage: "3",
+        xl:"本科",
+        salary:"13000"
+      },
+          {
+        workName: "逆向工程师",
+        city: "吕梁",
+        workage: "3",
+        xl:"硕士",
+        salary:"19000"
+      },
+          {
+        workName: "漏洞/病毒分析工程师",
+        city: "吕梁",
+        workage: "2",
+        xl:"硕士",
+        salary:"17000"
+      },
+          {
+        workName: "安全分析师",
+        city: "吕梁",
+        workage: "1",
+        xl:"本科",
+        salary:"10000"
+      },
+          {
+        workName: "网络安全顾问",
+        city: "吕梁",
+        workage: "1",
+        xl:"本科",
+        salary:"9000"
+      },
+          {
+        workName: "安全项目经理",
+        city: "吕梁",
+        workage: "5",
+        xl:"本科",
+        salary:"20000"
+      },
+          {
+        workName: "安全意识培训师",
+        city: "吕梁",
+        workage: "3",
+        xl:"本科",
+        salary:"12000"
+      }
+      ]
+    }
+  }
+}
+</script>
+
+<template>
+ <el-table
+    :data="tableData"
+    stripe
+    style="width: 100%">
+    <el-table-column
+      prop="workName"
+      label="岗位名称"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="city"
+      label="城市"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="workage"
+      label="工作经验">
+    </el-table-column>
+    <el-table-column
+      prop="xl"
+      label="学历">
+    </el-table-column>
+    <el-table-column
+      prop="salary"
+      label="薪资">
+    </el-table-column>
+  </el-table>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/ycform.vue b/ycform.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4031ec52c6ae0ceb45f92f808ad8eb53a149dd08
--- /dev/null
+++ b/ycform.vue
@@ -0,0 +1,106 @@
+<template>
+  <div>
+    <form>
+      <table border="3" align="center" cellspacing="0">
+        <tr align="center">
+          <td align="center" colspan="4">分数及基本信息</td>
+        </tr>
+        <tr>
+          <td>姓名：</td>
+          <td><input type="text" v-model="form.usename"/></td>
+          <td>出生日期：</td>
+          <td><input type="text" v-model="form.birth"/></td>
+        </tr>
+        <tr>
+          <td>最后学历：</td>
+          <td>
+            <select v-model="form.education">
+              <option value="小学">小学</option>
+              <option value="初中">初中</option>
+              <option value="高中">高中</option>
+              <option value="大专">大专</option>
+              <option value="本科">本科</option>
+              <option value="硕士">硕士</option>
+              <option value="博士">博士</option>
+            </select>
+          </td>
+        </tr>
+        <tr align="center">
+          <td>语文</td>
+          <td><input type="number" class="form-control" v-model="form.Chinese"/></td>
+          <td>数学</td>
+          <td><input type="number" class="form-control" v-model="form.Math"/></td>
+        </tr>
+        <tr align="center">
+          <td>英语</td>
+          <td><input type="number" class="form-control" v-model="form.English"/></td>
+          <td>综合</td>
+          <td><input type="number" class="form-control" v-model="form.Synthesis"/></td>
+        </tr>
+        <tr>
+          <td colspan="4" align="center">
+            <button type="submit" class="btn btn-default" @click="onSubmit">预测分数</button>
+            <button type="reset" class="btn btn-default">重置</button>
+          </td>
+        </tr>
+      </table>
+    </form>
+  </div>
+</template>
+
+<script>
+
+export default {
+  data() {
+    return {
+      form: {
+        usename: '',
+        birth: '',
+        education: '',
+        Chinese: '',
+        Math: '',
+        English: '',
+        Synthesis: '',
+        contact: '',
+        phone: '',
+        email: '',
+        address: ''
+      }
+    };
+  },
+  methods: {
+    onSubmit() {
+      const sum = parseFloat(this.form.Chinese) + parseFloat(this.form.Math) + parseFloat(this.form.English) + parseFloat(this.form.Synthesis);
+      const randomOffset = Math.random() * 40 - 20;  // 生成 -20 到 20 之间的随机数
+      const result = sum + randomOffset;
+      alert(`最终分数: ${result}`);
+    }
+  }
+
+};
+</script>
+
+<style>
+
+  body {
+    background-image: url("../assets/1.jpg");
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+  table {
+    align-content: center;
+    border-collapse: collapse;
+    border: 1px solid transparent;
+    width: 80%;
+    margin: 0 auto;
+    padding: 20px;
+  }
+  th,
+  td {
+    padding: 15px;
+    text-align: left;
+    font-size: 20px;
+    font-weight: bold;
+    color: black;
+  }
+</style>
\ No newline at end of file
diff --git a/yiben.vue b/yiben.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1f24f387eb51c3f8e4e646e374c5226c5e81fb04
--- /dev/null
+++ b/yiben.vue
@@ -0,0 +1,414 @@
+<script >
+export default {
+  data() {
+    return {
+      tableData: [
+  {
+    "workName": "山西大学",
+    "city": "太原",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "535"
+  },
+  {
+    "workName": "山西大学",
+    "city": "太原",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "528"
+  },
+  {
+    "workName": "山西大学",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "532"
+  },
+  {
+    "workName": "太原理工大学",
+    "city": "太原",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "555"
+  },
+  {
+    "workName": "太原理工大学",
+    "city": "太原",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "545"
+  },
+  {
+    "workName": "太原理工大学",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "552"
+  },
+  {
+    "workName": "中北大学",
+    "city": "太原",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "505"
+  },
+  {
+    "workName": "中北大学",
+    "city": "太原",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "498"
+  },
+  {
+    "workName": "中北大学",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "502"
+  },
+  {
+    "workName": "山西财经大学",
+    "city": "太原",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "520"
+  },
+  {
+    "workName": "山西财经大学",
+    "city": "太原",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "510"
+  },
+  {
+    "workName": "山西财经大学",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "515"
+  },
+  {
+    "workName": "山西师范大学",
+    "city": "临汾",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "500"
+  },
+  {
+    "workName": "山西师范大学",
+    "city": "临汾",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "490"
+  },
+  {
+    "workName": "山西师范大学",
+    "city": "临汾",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "495"
+  },
+  {
+    "workName": "山西农业大学",
+    "city": "晋中",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "495"
+  },
+  {
+    "workName": "山西农业大学",
+    "city": "晋中",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "485"
+  },
+  {
+    "workName": "山西农业大学",
+    "city": "晋中",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "490"
+  },
+  {
+    "workName": "太原科技大学",
+    "city": "太原",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "470"
+  },
+  {
+    "workName": "太原科技大学",
+    "city": "太原",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "460"
+  },
+  {
+    "workName": "太原科技大学",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "465"
+  },
+  {
+    "workName": "山西医科大学",
+    "city": "太原",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "540"
+  },
+  {
+    "workName": "山西医科大学",
+    "city": "太原",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "530"
+  },
+  {
+    "workName": "山西医科大学",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "535"
+  },
+  {
+    "workName": "山西中医药大学",
+    "city": "太原",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "480"
+  },
+  {
+    "workName": "山西中医药大学",
+    "city": "太原",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "470"
+  },
+  {
+    "workName": "山西中医药大学",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "475"
+  },
+  {
+    "workName": "山西大同大学",
+    "city": "大同",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "475"
+  },
+  {
+    "workName": "山西大同大学",
+    "city": "大同",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "465"
+  },
+  {
+    "workName": "山西大同大学",
+    "city": "大同",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "470"
+  },
+  {
+    "workName": "长治医学院",
+    "city": "长治",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "465"
+  },
+  {
+    "workName": "长治医学院",
+    "city": "长治",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "455"
+  },
+  {
+    "workName": "长治医学院",
+    "city": "长治",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "460"
+  },
+  {
+    "workName": "太原工业学院",
+    "city": "太原",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "455"
+  },
+  {
+    "workName": "太原工业学院",
+    "city": "太原",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "445"
+  },
+  {
+    "workName": "太原工业学院",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "450"
+  },
+  {
+    "workName": "山西工程科技职业大学",
+    "city": "晋中",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "445"
+  },
+  {
+    "workName": "山西工程科技职业大学",
+    "city": "晋中",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "435"
+  },
+  {
+    "workName": "山西工程科技职业大学",
+    "city": "晋中",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "440"
+  },
+  {
+    "workName": "山西财经大学华商学院",
+    "city": "太原",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "435"
+  },
+  {
+    "workName": "山西财经大学华商学院",
+    "city": "太原",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "425"
+  },
+  {
+    "workName": "山西财经大学华商学院",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "430"
+  },
+  {
+    "workName": "山西师范大学现代文理学院",
+    "city": "临汾",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "430"
+  },
+  {
+    "workName": "山西师范大学现代文理学院",
+    "city": "临汾",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "420"
+  },
+  {
+    "workName": "山西师范大学现代文理学院",
+    "city": "临汾",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "425"
+  },
+  {
+    "workName": "太原科技大学华科学院",
+    "city": "太原",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "425"
+  },
+  {
+    "workName": "太原科技大学华科学院",
+    "city": "太原",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "415"
+  },
+  {
+    "workName": "太原科技大学华科学院",
+    "city": "太原",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "420"
+  },
+  {
+    "workName": "中北大学信息商务学院",
+    "city": "晋中",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "420"
+  },
+  {
+    "workName": "中北大学信息商务学院",
+    "city": "晋中",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "410"
+  },
+  {
+    "workName": "中北大学信息商务学院",
+    "city": "晋中",
+    "workage": "2023",
+    "xl": "一本",
+    "salary": "415"
+  },
+  {
+    "workName": "山西医科大学晋祠学院",
+    "city": "太原",
+    "workage": "2021",
+    "xl": "一本",
+    "salary": "415"
+  },
+  {
+    "workName": "山西医科大学晋祠学院",
+    "city": "太原",
+    "workage": "2022",
+    "xl": "一本",
+    "salary": "405"
+  }]
+    }
+  }
+}
+</script>
+
+<template>
+ <el-table
+    :data="tableData"
+    stripe
+    style="width: 100%">
+    <el-table-column
+      prop="workName"
+      label="学校名称"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="city"
+      label="城市"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="workage"
+      label="分数线年限">
+    </el-table-column>
+    <el-table-column
+      prop="xl"
+      label="学校资质">
+    </el-table-column>
+    <el-table-column
+      prop="salary"
+      label="分数线">
+    </el-table-column>
+  </el-table>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/yibenCharts.vue b/yibenCharts.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ca03fcd203f537c22fca80595ca1e917de3f0e69
--- /dev/null
+++ b/yibenCharts.vue
@@ -0,0 +1,46 @@
+<script>
+import * as echarts from 'echarts';
+// 基于准备好的dom，初始化echarts实例
+// 数据库:直接通过命令行方式进行数据库
+//mysql 关系型数据库   MongoDB 非关系型数据库  向量数据库
+//可视化软件操作数据库  程序 Java python nodejs php
+
+// 绘制图表
+export default {
+  name: 'wangluoanquanCharts',
+  mounted() {
+    // 基于准备好的dom，初始化echarts实例
+    var myChart = echarts.init(document.getElementById('main'));
+    myChart.setOption({
+      title: {
+        text: '录取分数段显示'
+      },
+      tooltip: {},
+      xAxis: {
+        data: ['400~430', '430~460', '460~490', '490~510','510~600']
+      },
+      yAxis: {},
+      series: [
+        {
+          name: '销量',
+          type: 'bar',
+          data: [15, 20, 36, 60, 30, 25]
+        }
+      ]
+    });
+  }
+}
+</script>
+
+<template>
+  <div id="main">
+    网络安全图表
+  </div>
+</template>
+
+<style scoped>
+#main {
+  width: 100%;
+  height: 400px;
+}
+</style>
\ No newline at end of file
diff --git a/zhuanke.vue b/zhuanke.vue
new file mode 100644
index 0000000000000000000000000000000000000000..67c135ab369f324ecec2e6fafce46d015a9a6dbe
--- /dev/null
+++ b/zhuanke.vue
@@ -0,0 +1,151 @@
+<script >
+export default {
+  data() {
+    return {
+      tableData: [
+  {
+    workName: "山西职业技术学院",
+    city: "太原",
+    workage: "2021",
+    xl: "专科",
+    salary: "315"
+  },
+  {
+    workName: "山西职业技术学院",
+    city: "太原",
+    workage: "2022",
+    xl: "专科",
+    salary: "308"
+  },
+  {
+    workName: "山西职业技术学院",
+    city: "太原",
+    workage: "2023",
+    xl: "专科",
+    salary: "312"
+  },
+  {
+    workName: "山西工程职业学院",
+    city: "太原",
+    workage: "2021",
+    xl: "专科",
+    salary: "300"
+  },
+  {
+    workName: "山西工程职业学院",
+    city: "太原",
+    workage: "2022",
+    xl: "专科",
+    salary: "295"
+  },
+  {
+    workName: "山西工程职业学院",
+    city: "太原",
+    workage: "2023",
+    xl: "专科",
+    salary: "302"
+  },
+  {
+    workName: "运城职业技术大学",
+    city: "运城",
+    workage: "2021",
+    xl: "专科",
+    salary: "280"
+  },
+  {
+    workName: "运城职业技术大学",
+    city: "运城",
+    workage: "2022",
+    xl: "专科",
+    salary: "275"
+  },
+  {
+    workName: "运城职业技术大学",
+    city: "运城",
+    workage: "2023",
+    xl: "专科",
+    salary: "285"
+  },
+  {
+    workName: "山西机电职业技术学院",
+    city: "长治",
+    workage: "2021",
+    xl: "专科",
+    salary: "290"
+  },
+  {
+    workName: "山西机电职业技术学院",
+    city: "长治",
+    workage: "2022",
+    xl: "专科",
+    salary: "285"
+  },
+  {
+    workName: "山西机电职业技术学院",
+    city: "长治",
+    workage: "2023",
+    xl: "专科",
+    salary: "292"
+  },
+  {
+    workName: "山西金融职业学院",
+    city: "太原",
+    workage: "2021",
+    xl: "专科",
+    salary: "270"
+  },
+  {
+    workName: "山西金融职业学院",
+    city: "太原",
+    workage: "2022",
+    xl: "专科",
+    salary: "265"
+  },
+  {
+    workName: "山西金融职业学院",
+    city: "太原",
+    workage: "2023",
+    xl: "专科",
+    salary: "272"
+  }
+]
+
+
+    }
+  }
+}
+</script>
+
+<template>
+ <el-table
+    :data="tableData"
+    stripe
+    style="width: 100%">
+    <el-table-column
+      prop="workName"
+      label="学校名称"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="city"
+      label="城市"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="workage"
+      label="分数线年限">
+    </el-table-column>
+    <el-table-column
+      prop="xl"
+      label="学校资质">
+    </el-table-column>
+    <el-table-column
+      prop="salary"
+      label="分数线">
+    </el-table-column>
+  </el-table>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git "a/\342\200\234\345\215\207\345\255\246\344\271\213\350\267\257\342\200\235\342\200\224\342\200\224\351\253\230\350\200\203\345\210\206\346\225\260\351\242\204\346\265\213\347\263\273\347\273\237\351\241\271\347\233\256\350\257\264\346\230\216\346\226\207\346\241\243.docx" "b/\342\200\234\345\215\207\345\255\246\344\271\213\350\267\257\342\200\235\342\200\224\342\200\224\351\253\230\350\200\203\345\210\206\346\225\260\351\242\204\346\265\213\347\263\273\347\273\237\351\241\271\347\233\256\350\257\264\346\230\216\346\226\207\346\241\243.docx"
new file mode 100644
index 0000000000000000000000000000000000000000..e5b42ab4061760b04a3ffd99609861fb03a3c754
Binary files /dev/null and "b/\342\200\234\345\215\207\345\255\246\344\271\213\350\267\257\342\200\235\342\200\224\342\200\224\351\253\230\350\200\203\345\210\206\346\225\260\351\242\204\346\265\213\347\263\273\347\273\237\351\241\271\347\233\256\350\257\264\346\230\216\346\226\207\346\241\243.docx" differ
diff --git "a/\344\275\234\344\270\232/.keep" "b/\344\275\234\344\270\232/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391