首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

微信点餐雏形

进入了微信点餐的初步学习,来我们先看目前实现的效果图

这就是效果图啦,目前实现了遍历商品的功能,然后看看上面效果图对应的数据库数据是怎样的:

可以看到,数据库里的数据跟网页上的商品数据已经对应起来啦,这就是目前学习到且能实现的效果,好啦,现在让我们开启正文吧。

整个项目首先从数据开始设计,共有四个表,来简单说说表的作用;

product_category:商品的类目表,用来描述商品属于什么类型的;

product_info:商品的具体信息表,用来描述一个商品的具体信息;

order_master:下单的主表,用来描述订单的主体信息;

order_detail:下单的详情表,用来描述订单的详细信息。

看看这四个表的具体是如何设计的吧:

好啦,数据库设计好了,现在就得进入代码的编写啦,先来看看整个目录:

然后我就每个文件解释一下到底是干嘛的,由于代码太多,我就不说太细了,具体可以看注释就可以明白啦。

1.配置文件application.yml:

连接的数据库是学习资料中给定的centos7.3系统中的数据库,只要自己建立数据和建表就行了。这里有简单的配置和注意事项;

2.数据库实体类ProductCategory.java和ProductInfo.java

3.接口ProductCategoryRepository.java和ProductInfoRepository.java

4.实现接口CategoryService.java和ProductService.java

5.设计json数据格式

其中返回信息的设计,也要单独地分离出来,统一封装在一个类里,放数据错误或者正确的时候返回的信息,这个就是ResultVOUtil.java

最后实现的数据格式是这样的:

上面全部实现之后,就是最重要的操作类啦,也就是我们说的Controller。

6.实现BuyerProductController

运行一下,就可以得到相应的json数据啦:

好啦,以上就是编写代码的全部内容。

既然数据接口好了,那肯定是放进前端,调用接口啊,这时候就得使用学习资料里提供的centos7.3的虚拟机啦,操作这个文件:

/usr/local/nginx/conf/nginx.conf

把下图圈起来的地方换成自己电脑的IP地址,就可以跟这个前端网页进行传递信息啦,前提是虚拟机得先配置好,这个就不多说了。

好啦,然后就是访问这个虚拟机的IP地址我这里的ip地址是192.168.1.8,

这样就可以出来啦:

看看里面的内容,就是文章开始提到数据里的内容哟。

总结:看起来东西有点多,其实归类起来,一个个慢慢实现则非常简单,很 快就实现出来啦,这个是关于卖家商品的实现,接下来的内容就是买家订单的实现啦,期待下一篇文章吧。

还有,既然看到这篇文章了,不如来点个赞,留言来吐槽吐槽呗,嘿嘿,祝您生活愉快哟。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180803G139KD00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券