谷粒商城 (十五) --------- 商品服务 API 品牌管理 ① 逆向工程生成前后端代码与前端效果优化

一、逆向工程生成前后端代码

新增菜单

在这里插入图片描述

查看表结构

在这里插入图片描述

使用人人开源的代码生成器生成代码

注意：这里表要全选

在这里插入图片描述
后端代码全部粘贴进去，前端代码将下面两个文件粘贴到前端代码下

在这里插入图片描述

由于我们还没有涉及到权限问题，这里将权限管理函数始终返回true

在这里插入图片描述
页面效果如图

在这里插入图片描述

显示状态上多余的字段删除

在这里插入图片描述

显示状态通过开关调控

在这里插入图片描述

添加框同样也是用开关显示

在这里插入图片描述
开关绑定 change 事件

在这里插入图片描述

关于 updateBrandStatus 方法：

在这里插入图片描述
即获取新的数据发送请求更新数据库中内容，后台对应的就是这个方法。

在这里插入图片描述
效果如图

在这里插入图片描述
数据库信息：

在这里插入图片描述

设置新增表单宽度

在这里插入图片描述

相关阅读:
部署 TiDB Dashboard
【JavaScript 进阶教程】数组新增遍历方法的说明与使用
动态库.lib与.dll关系、visual studio工程库路径配置浅析
Docker 一键安装Confluence（已支持最新版本）
知乎万赞的：网络安全系统自学就业路线，建议收藏!
uni-app使用iconfont字体图标
DataX二次开发——（5）基于CopyIn原理新增greenplumwriter
Haproxy+Nginx搭建负载均衡集群
二、CANdelaStudio入门-版本介绍
古代流传最广的19个智谋故事

原文地址：https://blog.csdn.net/m0_51111980/article/details/126734624