HTML5+CSS3+JavaScript Web前端开发案例教程课件：来享用点餐App.pptxVIP

来享用点餐App

项目介绍技术准备项目实现010203

01项目介绍

项目介绍掌握jQueryWeUI组件的用法；掌握Flex弹性盒子布局；掌握移动端App界面的布局方法；学习目标：

项目介绍案例名称：来享用点餐App主要功能：餐品展示列表餐品详情页在线点餐点餐清单在线支付用餐评价

项目介绍效果演示：

02技术准备

技术准备jQueryWeUI简介：jQueryWeUI是专为微信公众账号开发而设计的一个简洁而强大的UI库，包含全部WeUI官方的CSS组件，并且额外提供了大量的拓展组件，丰富的组件库可以极大减少前端开发时间。官网：

技术准备为什么选择jQueryWeUI：简单易用，无上手难度丰富强大的组件库，并且还在不断完善中轻量，无限制，可以结合任何主流JS框架使用，比如`Vue,Angular,React`等高性能的CSS3动画，低端手机上依然可以较流畅运行详尽完善的官方文档标准稳定的API，基本可以保证版本透明更新基于MIT协议发布，免费开源

技术准备jQueryWeUI的使用方法：//显示一个对话框$.alert(我是一个对话框);//弹出一个actionsheet$.actions({actions:[{text:编辑,onClick:function(){//dosomething}},{text:删除,onClick:function(){//dosomething}}]});

技术准备宫格组件效果：

技术准备表单组件效果：

技术准备弹框组件效果：

技术准备日历组件效果：

技术准备选择器组件效果：

技术准备图片组件效果：

03项目实现

项目实现点餐App首页效果：

项目实现餐品列表页效果：

项目实现结算中心页效果：

项目实现在线支付功能效果：

项目实现在线支付结果页效果：

项目实现用餐评价页效果：

项目实现提交评价功能效果：

项目实现项目文件结构：