添加分类功能步骤
- 从ElementUI文档中复制drawer抽屉组件的代码
![请添加图片描述](https://img-blog.csdnimg.cn/25b3b3e2631444ee8819f0be41cd47e1.webp?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASmF2YeS7o-eggeWFhA==,size_20,color_FFFFFF,t_70,g_se,x_16)
- 当点击form表单中的添加按钮时发出添加分类的请求
![请添加图片描述](https://img-blog.csdnimg.cn/7af52ef13e024ea3bec9dd710ab34fff.webp?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASmF2YeS7o-eggeWFhA==,size_20,color_FFFFFF,t_70,g_se,x_16)
- CategoryController里面处理请求
![请添加图片描述](https://img-blog.csdnimg.cn/fa1067d306e3473abf2ad9bc6850b39f.webp)
轮播图列表展示
- 在created方法中查询所有轮播图的数据
![请添加图片描述](https://img-blog.csdnimg.cn/ebcbf2305bcd46658da991467166fb64.webp?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASmF2YeS7o-eggeWFhA==,size_20,color_FFFFFF,t_70,g_se,x_16)
- 在页面中 把显示轮播图的表格和bannerArr数组进行绑定
![请添加图片描述](https://img-blog.csdnimg.cn/082875cc85f64fe08632cd4723288386.webp?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASmF2YeS7o-eggeWFhA==,size_20,color_FFFFFF,t_70,g_se,x_16)
删除轮播图
- 点击删除按钮时调用以下方法
![请添加图片描述](https://img-blog.csdnimg.cn/bd445a2f555445d19f5fd9e31fd64e54.webp?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASmF2YeS7o-eggeWFhA==,size_20,color_FFFFFF,t_70,g_se,x_16)
- BannerController中处理
![请添加图片描述](https://img-blog.csdnimg.cn/328f5cd04b434901baa06b390fe7cd6c.webp?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASmF2YeS7o-eggeWFhA==,size_20,color_FFFFFF,t_70,g_se,x_16)
添加轮播图
- 创建insertBanner.html页面 把微博页面中的组件和Vue代码搬过来
![请添加图片描述](https://img-blog.csdnimg.cn/2c674129824a48c59fe9567bfbe0a864.webp?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASmF2YeS7o-eggeWFhA==,size_20,color_FFFFFF,t_70,g_se,x_16)
- 如果发布的图片不显示检查以下几个地方:
- 配置文件中的静态资源地址是否修改成了自己的地址
![请添加图片描述](https://img-blog.csdnimg.cn/db3250d3931643579ac6e49e3e4cdc77.webp)
- UploadController里面的路径是否修改成了自己的地址
![请添加图片描述](https://img-blog.csdnimg.cn/c23c7fa7234747c584b78d446bb07100.webp?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASmF2YeS7o-eggeWFhA==,size_20,color_FFFFFF,t_70,g_se,x_16)
- 检查select * from banner 里面是否有图片路径
- 检查file文件夹里面是否出现了保存的图片
发布商品功能
- 从insertBanner.html页面 改成 insertProduct.html页面 , 页面中添加form表单,并且和Vue里面的product对象进行双向绑定
- 点击发布按钮时向服务器发出请求
- 创建商品Product实体类
- 在数据库创建商品表
create table product(id int primary key auto_increment,title
varchar(100),url varchar(100),price double(10,2),old_price
double(10,2),view_count int,sale_count int,created
timestamp,category_id int)charset=utf8;