input type button 的value后台获取_电商后台管理系统5

最新推荐文章于 2022-06-15 21:25:23 发布

weixin_39566493

最新推荐文章于 2022-06-15 21:25:23 发布

阅读量169

点赞数

文章标签： input type button 的value后台获取

本文详细介绍了如何使用Git进行分支管理，包括查看、新建和合并分支。同时，讲解了Vue项目中实现商品分类功能的过程，涉及到Element UI组件如面包屑导航、卡片、布局、按钮和分页的使用，以及级联选择器和对话框的交互逻辑。通过事件监听和数据绑定实现了添加分类的表单验证和操作。最后，文章涵盖了代码提交和版本控制的步骤。

摘要由CSDN通过智能技术生成

一、分类管理系统

git branch   // 查看所在分支
git checkout -b goods_cate   // 新建并切换到goods_cate分支
git push -u origin goods_cate   // 推送goods_cate分支到云端

components>goods>Cate.vue

结构部分

从Element引入面包屑导航、卡片背景、布局、按钮、分页相关标签
单击首页跳转到首页
单击添加按钮，调用showAddCateDialog方法
分页区域：页码改变时触发handleSizeChange；一页显示几条改变时触发handleCurrentChange；layout显示几个部件；total总共多少条

填坑1

<!-- 表格 -->

安装运行依赖vue-table-with-tree-grid，并在main.js中导入和注册为全局组件
<tree-table>中：data树状图数据来源；columns这张表格的数据，有列名称，列数据来源等；关闭选择，关闭默认张开；显示索引；加边框；关闭鼠标移入文字变色效果
作用域插槽<template>：slot插槽名称；slot-scope响应数据命名
从Element引入需要标签

填坑2

图三

<!-- 添加分类的对话框 -->

<el-dialog>对话框：title标题；:visible.sync显示隐藏；关闭对话框触发addCateDialogClosed
<el-form>表单：model绑定的表单数据；rules验证规则；ref引用响应数据名称
<el-cascader>级联选择器：expand-trigger展开行为；options数据来源；props设置级联选择器的关键数据；v-model双向绑定数据根据选择随时改变并显示；选择改变时触发parentCateChanged；clearable支持清空选项图三；change-on-select允许任意选项可选针对第一级不能选中
单击确定按钮触发addCate

行为部分

数据

data

响应数据

函数

created

换页触发 handleSizeChange
条数改变触发 handleCurrentChange
单击添加分类触发 showAddCateDialog
选中分类后触发 parentCateChanged
单击确认按钮触发 addCate
关闭对话框触发 addCateDialogClosed

样式部分

树状图添加上边距

二、git

git branch   // 查看所在分支 在rights上
git add .   // 存暂存区
git commit -m "完成了分类功能"   // 存到仓库
git push   // 传到云端
git checkout master   // 切到主分支
git merge goods_cate   // 把goods_cate分支合并到主分支
git push   // 更新主分支到云端