正则

vue2.0/vue项目/vue-admin-template-master/src/api/address.js

@@ -0,0 +1,27 @@
+import request from '@/utils/request'
+
+// 获取地址
+export function showAddresses() {
+  return request({
+    url: '/showAddresses',
+    method: 'get'
+  })
+}
+
+// 添加地址
+export function insertOneAddress(data) {
+  return request({
+    url: '/insertOneAddress',
+    method: 'post',
+    data
+  })
+}
+
+// 删除地址
+export function delOneAddress(params) {
+  return request({
+    url: '/delOneAddress',
+    method: 'get',
+    params
+  })
+}

vue2.0/vue项目/vue-admin-template-master/src/router/index.js

@@ -76,6 +76,26 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/address',
+    component: Layout,
+    name: 'Address',
+    meta: { title: 'Address', icon: 'level' },
+    children: [
+      {
+        path: 'list',
+        name: 'list',
+        component: () => import('@/views/address/list'),
+        meta: { title: 'list', icon: 'levelList' }
+      },
+      {
+        path: 'addAddress',
+        name: 'addAddress',
+        component: () => import('@/views/address/addAddress'),
+        meta: { title: 'addAddress', icon: 'addLevel' }
+      }
+    ]
+  },
   {
     path: '/example',
     component: Layout,

vue2.0/vue项目/vue-admin-template-master/src/views/address/addAddress.vue

@@ -0,0 +1,93 @@
+<template>
+  <div class="addAddress">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      ref="ruleForm"
+      label-width="100px"
+      class="demo-ruleForm"
+    >
+      <el-form-item label="地址名称" prop="address">
+        <el-input v-model="ruleForm.address"></el-input>
+      </el-form-item>
+      <el-form-item label="地址经度" prop="longitude">
+        <el-input v-model="ruleForm.longitude"></el-input>
+      </el-form-item>
+      <el-form-item label="地址纬度" prop="latitude">
+        <el-input v-model="ruleForm.latitude"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm('ruleForm')"
+          >提交</el-button
+        >
+        <el-button @click="resetForm('ruleForm')">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { insertOneAddress } from "@/api/address.js";
+export default {
+  data() {
+    return {
+      ruleForm: {
+        address: "",
+        longitude: "",
+        latitude: "",
+      },
+      rules: {
+        address: [
+          { required: true, message: "请输入地址名称", trigger: "blur" },
+        ],
+        longitude: [
+          { required: true, message: "请输入地址经度", trigger: "blur" },
+        ],
+        latitude: [
+          { required: true, message: "请输入地址纬度", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  methods: {
+    submitForm(formName) {
+      console.log(this.ruleForm);
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          insertOneAddress({
+            address: this.ruleForm.address,
+            longitude: this.ruleForm.longitude,
+            latitude: this.ruleForm.latitude,
+          })
+            .then((res) => {
+              if (res.code == 101) {
+                this.$message({
+                  message: res.message,
+                  type: "success",
+                });
+                this.resetForm("ruleForm")
+                this.$router.push('./list')
+              }
+            })
+            .catch((err) => {
+              console.log(err, "失败");
+            });
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+    },
+  },
+};
+</script>
+
+<style scoped>
+.addAddress {
+  width: 70%;
+  margin: 200px auto 0;
+}
+</style>

vue2.0/vue项目/vue-admin-template-master/src/views/address/list.vue

@@ -0,0 +1,70 @@
+<template>
+  <div class="list">
+    <el-table :data="tableData" border style="width: 100%">
+      <el-table-column type="index" width="50"> </el-table-column>
+      <el-table-column prop="addressname" label="银行地址"> </el-table-column>
+      <el-table-column prop="longitude" label="经度"> </el-table-column>
+      <el-table-column prop="latitude" label="纬度"> </el-table-column>
+      <el-table-column label="操作">
+        <template slot-scope="scope">
+          <el-button size="mini" type="danger" @click="handleDelete(scope.row)"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { showAddresses, delOneAddress } from "@/api/address.js";
+export default {
+  data() {
+    return {
+      tableData: [],
+    };
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    init() {
+      showAddresses()
+        .then((res) => {
+          if (res.code == 101) {
+            this.tableData = res.data;
+          }
+        })
+        .catch((err) => {
+          console.log(err, "失败");
+        });
+    },
+    handleDelete(row) {
+      let _id = row.addressid;
+      console.log(_id);
+      delOneAddress({
+        addressid: _id,
+      })
+        .then((res) => {
+          if (res.code == 101) {
+            this.$message({
+              message: res.message,
+              type: "success",
+            });
+            this.init();
+          }
+        })
+        .catch((err) => {
+          console.log(err, "失败");
+        });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.list {
+  width: 70%;
+  margin: 200px auto 0;
+}
+</style>

vue2.0/vue项目/vue-admin-template-master/src/views/level/addLevel.vue

@@ -1,15 +1,83 @@
 <template>
+<!-- 需求：
+    1.输入等级名称
+    2.点击提交 将等级名称提交到接口中 
+    3.提交成功后 显示提示信息 
+    4.跳转列表页面 获取列表信息
+ -->
   <div class="addLevel">
-    添加等级
+    <el-form
+      :model="newForm"
+      ref="newForm"
+      label-width="100px"
+      class="demo-ruleForm"
+    >
+      <el-form-item
+        label="等级名称"
+        prop="levelname"
+        :rules="[
+          { required: true, message: '等级名称不能为空' }
+        ]"
+      >
+        <el-input
+          v-model="newForm.levelname"
+        ></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm('newForm')"
+          >提交</el-button
+        >
+        <el-button @click="resetForm('newForm')">重置</el-button>
+      </el-form-item>
+    </el-form>
   </div>
 </template>
 
 <script>
-export default {
+import {insertOneLevel} from '@/api/level.js';
+  export default {
+    data() {
+      return {
+        newForm: {
+          levelname: ''
+        }
+      };
+    },
+    methods: {
+      submitForm(formName) {
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            insertOneLevel({
+              levelname:this.newForm.levelname
+            }).then(res => {
+              if(res.code == 101) {
+                this.$message({
+                  message: res.message,
+                  type: 'success'
+                });
+                this.resetForm('newForm')
+                this.$router.push("./levelList")
+              }
+            }).catch(err=>{
+              console.log(err,'失败')
+            })
 
-}
+          } else {
+            console.log('error submit!!');
+            return false;
+          }
+        });
+      },
+      resetForm(formName) {
+        this.$refs[formName].resetFields();
+      }
+    }
+  }
 </script>
 
-<style>
-
-</style>
+<style scoped>
+.addLevel {
+  width: 50%;
+  margin: 200px auto 0;
+}
+</style>

vue2.0/vue项目/vue-admin-template-master/src/views/level/levelList.vue

@@ -43,24 +43,22 @@ export default {
           console.log(err, "失败");
         });
     },
-    deleteRow(rows) {
-      let _id = rows.jrid;
+    deleteRow(item) {
+      let newId = item.jrid;
       delOneLevel({
-        levelid: _id,
-      })
-        .then((res) => {
-          if (res.code == 101) {
-            this.$message({
-              message: res.message,
-              type: "success",
-            });
-            this.init();
-          }
-        })
-        .catch((err) => {
-          console.log("失败", err);
+        levelid:newId
+      }).then(res => {
+        if(res.code == 101) {
+         this.$message({
+          message: res.message,
+          type: 'success'
         });
-    },
+        this.init();
+        }
+      }).catch(err => {
+        console.log(err,'失败')
+      })
+    }
   },
 };
 </script>

正则/1.认识正则表达式.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <script>
+      const reg = /西游记/g;
+      //   test()
+      //   const res = reg.test("这是四大名著之一");
+      //   console.log(res)
+      //   exec()
+        const res1 = reg.exec("是西游记一本神话故事，我喜欢看西游记哈哈哈哈");
+        console.log(res1);
+      // replace
+      //   var str = "西游记是四大名著之一";
+      //         const res = str.replace(reg,"红楼梦");
+      //         console.log(res)
+      // match
+      var str = "一本书西游记，我也爱看西游记";
+      const res = str.match(reg);
+      console.log(res);
+    </script>
+  </body>
+</html>

正则/2.修饰符.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+   <script>
+      var reg = /an/gi;
+      const reg1 = /哈哈哈/;
+    console.log(reg.test("bababa"));
+    console.log(reg.test("ABABAB"));
+
+    var str1 = "an Cat,is An fish"
+    console.log(str1.match(reg));
+   </script> 
+</body>
+</html>

正则/总结.md

@@ -0,0 +1,10 @@
+## 正则表达式语法
+定义：const 名称 = /需要去校验的值/
+1.test() 匹配文本中是否包含校验的字符 返回布尔值
+2.exec() 返回数组格式 查找符合条件的字符
+3.replace() 替换指定字符
+4.match() 在字符串中查找符合规定的正则
+
+### 修饰符
+i 不区分大小写
+g 匹配全局