添加分类功能步骤
- 从ElementUI文档中复制drawer抽屉组件的代码
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/aeadb12b2015f5a816b393235a82580e.webp?x-image-process=image/format,png)
- 当点击form表单中的添加按钮时发出添加分类的请求
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/0f834ed5984f37421418fe148061a8a8.webp?x-image-process=image/format,png)
- CategoryController里面处理请求
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/48013f0d9ccfc3f4cac5db9b41f4d5f3.webp?x-image-process=image/format,png)
轮播图列表展示
- 在created方法中查询所有轮播图的数据
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/8d99c8f2b78a855473dfcc00af083844.webp?x-image-process=image/format,png)
- 在页面中 把显示轮播图的表格和bannerArr数组进行绑定
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/9b737c0f14712f6eab50369778752698.webp?x-image-process=image/format,png)
删除轮播图
- 点击删除按钮时调用以下方法
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/db6252a26bf3bf3e1bf75bc16f294e99.webp?x-image-process=image/format,png)
- BannerController中处理
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/42db22c1d9be2755150de2e4e8616b1b.webp?x-image-process=image/format,png)
添加轮播图
- 创建insertBanner.html页面 把微博页面中的组件和Vue代码搬过来
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/f807a3db4548e77b24e0d06152867bcf.webp?x-image-process=image/format,png)
- 如果发布的图片不显示检查以下几个地方:
- 配置文件中的静态资源地址是否修改成了自己的地址
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/18892699a0eb1592a2097739f0c8302d.webp?x-image-process=image/format,png)
- UploadController里面的路径是否修改成了自己的地址
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/f7e56a90c2af3a5999772acc4f52dc83.webp?x-image-process=image/format,png)
- 检查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;