git config --list

git config --global user.name “你的用户名”
git config --global user.email "你的常用邮箱"

git init

mkdir 目录名称
touch 文件名.后缀名

git status

git add index.html        添加指定的一个文件
git add *.html            添加指定的一类文件
git add *                添加所有文件
git add .
git add -A

git commit -m "备注信息"

git reset --hard HEAD^        回退到上一个版本
git reset --hard HEAD^^       回退到上两个版本
git reset --hard HEAD~整数值   回退到前多少个版本

git log

git reflog

git reset --hard 版本号

git diff 文件名.后缀名

git checkout -- 文件名.后缀名

git branch 分支名称

git branch

git checkout 分支名称

git checkout -b 分支名称

git branch -d 分支名称

git merge 被合并分支名称

git remote add origin https://github.com/你的用户名/你的仓库名称.git

git remote rm origin

git push -u origin master

git clone https://github.com/你的用户名/你的仓库名称.git

git pull

<template>
    <div>
        <h1>菜单表单页</h1>
        <!-- 
            el-form 表单验证
                model 要验证的数据
                rules 验证规则
                ref 可以通过dom操作来实现调用组件的属性和方法
         -->
        <el-form :model="info" :rules="rules" ref="menuform" style="width:400px;" label-width="80px">
            <!-- prop属性是rules验证规则中的键名 -->
            <el-form-item label="上级菜单" prop="pid">
                <el-select v-model="info.pid">
                    <el-option label="顶级菜单" :value="0"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="菜单名称" prop="title">
                <el-input placeholder="请输入菜单名称" v-model="info.title"></el-input>
            </el-form-item>
            <el-form-item label="菜单类型">
                <el-radio-group v-model="info.type">
                    <el-radio :label="1">目录</el-radio>
                    <el-radio :label="2">菜单</el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item label="菜单图标" v-show="info.type==1">
                <el-input placeholder="请输入菜单图标" v-model="info.icon"></el-input>
            </el-form-item>
            <el-form-item label="菜单地址"  v-show="info.type==2">
                <el-input placeholder="请输入菜单地址" v-model="info.url"></el-input>
            </el-form-item>
            <el-form-item label="状态">
                <el-switch v-model="info.status" :active-value="1" :inactive-value="2"></el-switch>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="submit">提交</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
export default {
    data(){
        // 定义菜单的初始数据
        return{
            info:{
                pid:‘‘,
                title:‘‘,
                type:1,
                icon:‘‘,
                url:‘‘,
                status:1
            },
            rules:{
                pid:[
                    // required:true 必填项，message 提示信息
                    { required:true,message:‘请选择上级菜单‘ }
                ],
                title:[
                    { required:true,message:‘请填写菜单名称‘ },
                    { min:3,max:20,message:‘菜单名称应该在3-20个字符之间‘ }
                ]
            }
        }
    },
    methods:{
        submit(){
            this.$refs[‘menuform‘].validate((val)=>{
                if(val){
                    //验证成功
                    alert(‘验证成功‘)
                }
            })
        }
    }
}
</script>

{
    "msg": "操作成功",
    "code": 200,
    "list": null
}

npm i axios

import axios from ‘axios‘

 // 代理映射配置表
    proxyTable: {
        // http://localhost:8080/api/menuadd
        // http://localhost:3000/api/menuadd
        ‘/api‘:{
            target:‘http://localhost:3000‘,//目标地址
            changeOrigin:true//允许跨域
        }
    },

axios.post(‘请求地址‘,要提交的数据).then(获取结果)

submit(){
    this.$refs[‘menuform‘].validate((val)=>{
        if(val){
            //验证成功
            //调用接口，完成数据的添加操作
            axios.post(‘/api/menuadd‘,this.info).then(res=>{
                //给出提示或者跳转页面
                this.$router.push(‘/menu‘)
            })
        }
    })
}

axios.get(‘请求地址‘).then(获取结果)

export default {
    data(){
        return{
            arr:[]
        }
    },
    mounted(){
        axios.get(‘/api/menulist‘).then(res=>{
            this.arr = res.data.list;
        })
    }
}
</script>