微信小程序--点餐系统（本地服务器+源码分享）
案例说明[*]案例来源于《微信小程序开发实战》黑马程序员著
[*]相比于原案例略有修改，代码也不全一样，有些地方的呈现效果体验更好，本人是看着效果图进行复现和练习的，最终达到了一样的效果。复现的过程中注重知识的练习，在达到相同效果的情况下使用了不同的方式。总之，没有按照原案例的代码使用cv大法，原案例的源码网上可下载(自行查找)，如果想要我个人写的源码评论区留个邮箱。
案例分析
小程序设置了三个标签栏，分别是首页、订单和我的。
[*]首页：主要负责点餐功能相关的四个页面。首页信息的展示和菜单的入口；菜单页的点餐功能；订单确定页的订单核对；订单详情页的取餐信息；
[*]订单展示所有订单的取餐情况。
[*]我的展示用户的消费记录。
功能说明
[*]本地服务器：使用本地ip设置服务器来进行数据的导入（node.js）。
[*]布局：案例中使用弹性盒（flex）进行布局。
[*]菜单的功能：商品的增加、删除和修改。
[*]页面跳转：不同页面之间存在着页面的跳转和回退。
效果图
https://img-blog.csdnimg.cn/20210807212324495.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dfeWljaGVueWFuZw==,size_16,color_FFFFFF,t_70https://img-blog.csdnimg.cn/20210807212425342.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dfeWljaGVueWFuZw==,size_16,color_FFFFFF,t_70https://img-blog.csdnimg.cn/20210807212444823.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dfeWljaGVueWFuZw==,size_16,color_FFFFFF,t_70
https://img-blog.csdnimg.cn/2021080721250189.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dfeWljaGVueWFuZw==,size_16,color_FFFFFF,t_70https://img-blog.csdnimg.cn/2021080721253642.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dfeWljaGVueWFuZw==,size_16,color_FFFFFF,t_70https://img-blog.csdnimg.cn/20210807212548495.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dfeWljaGVueWFuZw==,size_16,color_FFFFFF,t_70
https://img-blog.csdnimg.cn/20210807212617950.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dfeWljaGVueWFuZw==,size_16,color_FFFFFF,t_70
页面目录结构
https://img-blog.csdnimg.cn/20210807213013448.jpg
源码说明
项目目录结构和效果图我都放了，由于源码过长，不易放在博客里，如果对源码感兴趣的评论区有百度云链接，自行下载。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]