让springBoot商城项目不再陌生

个人简介： js同学你好

---

💖年龄： 20   大二在读
📃专业:   计算机科学技术
💪爱好:   单曲循环 写写文章
🎯相关:   课设级别商城项目(商品显示及购物车部分)

模仿淘宝商城:

点击跳转:

根据上述字段分析数据库的表段:至少应该包含价格，图片(路径)，商品详情描述，出货点，以及专属管理员操作的修改人，修改时间，创建人，创建时间等一系列相关的字段

CREATE TABLE t_product (
id int(20) NOT NULL COMMENT '商品id',
category_id int(20) DEFAULT NULL COMMENT '分类id',
item_type varchar(100) DEFAULT NULL COMMENT '商品系列',
title varchar(100) DEFAULT NULL COMMENT '商品标题',
sell_point varchar(150) DEFAULT NULL COMMENT '商品卖点',
price bigint(20) DEFAULT NULL COMMENT '商品单价',
num int(10) DEFAULT NULL COMMENT '库存数量',
image varchar(500) DEFAULT NULL COMMENT '图片路径',
status int(1) DEFAULT '1' COMMENT '商品状态 1：上架 2：下架 3：删除',
priority int(10) DEFAULT NULL COMMENT '显示优先级',
created_time datetime DEFAULT NULL COMMENT '创建时间',
modified_time datetime DEFAULT NULL COMMENT '最后修改时间',
created_user varchar(50) DEFAULT NULL COMMENT '创建人',
modified_user varchar(50) DEFAULT NULL COMMENT '最后修改人',
PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

============================================================

我们先来做最麻烦的：商品图片回显

我们都知道springBoot会自动扫描四个文件
所以我们在static目录下存放我们的图片,将图片的路径保存都数据库中，这样前端获取到数据库中的路径便可以访问到图片信息了.

因为springboot直接映射到static目录下所以我们只需要只需要从static目录下开始保存地址便可

前端测试是否可以访问到:相应的图片路径。

至此后端工作结束 (简单的Crud就不写了浪费时间)

前端渲染后端数据：

====================================================================================
首先我们得先了解前端商品界面得布局:

这些本来是静态的内容所以我们需要将其动态生成， 只需要将紫色框中的内容动态循环渲染上去，并且替换填充的内容就OK了。

并将原来的静态模板删掉重新启动项目

其它字段内容这里就不一一介绍了。。

点击商品跳转到详情页:

想一下跳转到详情界面 不就是根据当前商品的id找到对应的信息然后显示出详细数据 ,所以我们只需要在点击页面跳转的时候将id通过url作为参数传递过去就行了。然后再获取url的参数值，通过异步操作传到对应的后端Controller。

操作展示:

至此商品展示的操作全部完结。。

我是js同学一位 热衷于后端技术的大二在读生。

🎉欢迎关注🔍点赞👍收藏🎇留言📙