酷鲨商城后台数据库中的数据怎样在前端显示啊

Question

酷鲨商城后台数据库中的数据怎样在前端显示啊，在首页点击选项，让它跳转到另外一个界面，并且把数据库里面的数据显示出来，该怎样实现

Answer 1

• 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7614175
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：如何解决用户对浏览器进行缩放或滚动鼠标滑轮、或调节屏幕显示百分比后，页面变形或显示不全
• 除此之外, 这篇博客: 搭建商品详情页面工程、实现商品详情页面展示中的 实现商品详情页面展示 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 上节课我们一起学习了搭建商品详情工程，这节课我们一起实现商品详情展示。

  首先来看一下商品详情页面代码，可以看到商品一般属性在tbItem实体类中都是存在的，只是图片需要特殊处理，因为tbItem实体类中图片的字段存储的是以","分隔的图片地址的字符串，因此要将字符串转换成数组才行，而tbItem实体类没有images属性，这就需要我们再新建一个pojo类，该类要继承自tbItem，只是处理一下图片即可。商品描述是在实体类tbItemDesc当中。

  那么我们把pojo放到什么工程下？有的同学可能会想到要放到taotao-common工程下，这其实是不行的，因为这个pojo要继承tbItem实体类，而这个实体类是在taotao-manager-dao工程中，taotao-manager-dao工程引用了taotao-common工程，如果把pojo放到taotao-common工程中就需要让taotao-common工程依赖taotao-manager-dao工程，这样一来，就会造成循环依赖，这会报错的，因此我们不能把它放到taotao-common工程当中。比较合理的位置是放到taotao-item-web工程当中。如下图所示。

  写完了pojo类，下面我们来写接口，由于商品和商品详情在不同的表，我们写两个接口，分别获取商品详情和商品描述，其中获取商品详情的接口已经写好了（下图getItemById），现在我们要做的便是再写一个获取商品描述的接口（下图getItemDescById）。taotao-manager-interface. com.taotao.service ItemService.java

  写完了接口，现在我们来实现getItemDescById接口
  之所以可以通过主键来查询商品描述，是因为在商品描述表中也把商品ID作为了主键

  写完了接口，下面我们需要在taotao-item-web工程中引用itemService的dubbo服务

  下面我们来写一下Controller，新建一个ItemController类

  写完了taotao-item-web工程代码，现在我们依次启动taotao-manager、taotao-content、taotao-search、taotao-manager-web、taotao-portal-web、taotao-search-web工程，在启动taotao-item-web工程之前，由于taotao-manager工程做了修改，因此需要重新安装到本地Maven仓库（工程右键---->Run As----->Maven install）。

  然后我们再启动我们刚写好的taotao-item-web工程，这里再说一遍怎么使用tomcat7插件启动一个新的工程，我们在taotao-item-web工程上右键------->Run As------->Maven build…在弹出的对话框中的Goals一栏输入：clean tomcat7:run，然后点击"Apply"，然后点击"Run"。

  启动完后，我们访问淘淘商城首页，搜索"华为P10"，如下图所示，回车。

  索到的结果如下图所示。我们点击搜索到的那个商品。

  详情如下图所示，发现正常查询到商品详情了！！
  

• 您还可以看一下 田德华老师的小程序·云开发实战 微信朋友圈所有功能课程中的 朋友圈显示发布的视频小节, 巩固相关知识点