微信小程序--点餐系统（本地服务器+源码分享）

案例说明

• 案例来源于《微信小程序开发实战》黑马程序员著
  
• 相比于原案例略有修改，代码也不全一样，有些地方的呈现效果体验更好，本人是看着效果图进行复现和练习的，最终达到了一样的效果。复现的过程中注重知识的练习，在达到相同效果的情况下使用了不同的方式。总之，没有按照原案例的代码使用cv大法，原案例的源码网上可下载(自行查找)，如果想要我个人写的源码评论区留个邮箱。
  

案例分析

小程序设置了三个标签栏，分别是首页、订单和我的。

• 首页：主要负责点餐功能相关的四个页面。首页信息的展示和菜单的入口；菜单页的点餐功能；订单确定页的订单核对；订单详情页的取餐信息；
  
• 订单展示所有订单的取餐情况。
  
• 我的展示用户的消费记录。
  

功能说明

• 本地服务器：使用本地ip设置服务器来进行数据的导入（node.js）。
  
• 布局：案例中使用弹性盒（flex）进行布局。
  
• 菜单的功能：商品的增加、删除和修改。
  
• 页面跳转：不同页面之间存在着页面的跳转和回退。
  

效果图 

 
 页面目录结构

 

源码说明

项目目录结构和效果图我都放了，由于源码过长，不易放在博客里，如果对源码感兴趣的评论区有百度云链接，自行下载。

---

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！