电商网站项目动态实现（从数据库获取数据）六商品详情页面

月亮不营业

于 2021-08-29 15:21:51 发布

阅读量861

点赞数 2

分类专栏：网站网页笔记文章标签： big data javascript html

本文链接：https://blog.youkuaiyun.com/qq_46440394/article/details/119971621

版权

本文档介绍了如何在电商网站中动态实现商品详情页面，包括从数据库获取数据的步骤。首先，在数据库创建商品详情相关表格，然后在路由配置文件`router/viewRouter.js`中处理数据，接着更新HTML代码以展示热门商品和简约系列。通过这些改动，实现了页面内容的动态加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

商品详情页面

一、在数据库建立商品详情表
系列表
在这里插入图片描述

商品表
在这里插入图片描述

规则表
在这里插入图片描述

1.热门商品

router/viewRouter.js：

              //热门商品
              let sql2 ="SELECT p.* FROM product p JOIN productrule pr ON p.Id = pr.productId\n" +
                  "              WHERE pr.isSale = 1 AND pr.State=1 AND pr.DelState=1";
              db.query(sql2,[],function (err2,data2) {
   
                  if(err2){
   
                      console.log(err2);
                      res.send("数据库出错");
                  }

view/index.html：
原index.html代码为：
在这里插入图片描述
改写为：

  <p>热门新品</p>
        <!-- 热门新品-->
        <ul id="newList">
           //forEach循环
            <%

最低0.47元/天解锁文章

电商网站项目 动态实现（从数据库获取数据）六 商品详情页面

商品详情页面

1.热门商品

电商网站项目动态实现（从数据库获取数据）六商品详情页面