路由搭建
首先把多余的路由组件删除
接下来修改router文件夹中的路由配置。
删除多余的路由配置,添加新的路由配置,如下所示。
品牌管理
静态组件
页面布局利用elementUI进行布局
具体代码如下所示
布局结果如下
列表展示
首先给四个组件新建四个接口文件,如下所示
接下来书写获取数据的接口
为了更好的调用接口,将四个模块的接口进行暴露
此时在任何组件都可以调用接口
接口书写完成后,开始发送请求。并渲染到页面,具体代码如下所示。
此时列表动态展示完成
添加品牌与修改品牌静态页面
首先查看elementUI找到嵌套表单Dialog与upload
将其修改为如下所示
页面效果如下
添加品牌动态
首先书写接口
接下来发获取信息(tmForm)
品牌名称数据的获取方式如下
品牌LOGO图片地址的获取方式如下。
根据发送请求的参数中是否有id分别输出内容。
用户点击修改时
拿到修改的原id,以及原内容
此时即可成功修改。