7.5制作餐馆点餐App

,项目5：制作餐馆点餐App,项目描述与效果,现在很多大型餐厅都有手机在线的餐馆自动订餐App，这样大型的客户端效果都需要很长时间去专业定制的，本项目是针对普通小快餐店制作的一个订餐APP，它虽然不能实现数据库记录自动下单这种专业的操作，但可以让客户通过手机浏览你所有的菜单、菜式介绍以及价格等，并可直接拨打你的电话订餐。,项目描述与效果,点餐APP效果图,项目实施,本项目的点餐系统在应用公园中主要运用了宫格控件、按钮控件、历史导航控件和列表控件的使用及属性设置而完成的，具体实施方法如下如示：,本项目主要内容,任务1：宫格控件使用与属性设置,1,任务1：宫格控件使用与属性设置,宫格控件通常用作菜单页，可将多样化的内容做分类索引，点击每个宫格对应进入该项具体内容。一个宫格控件内可自由添加多个宫格。1.新建App，上传图标、启动页，不赘述。2.进入操作界面，在左边新建一个页面，页面名称为“主菜单”，作为总的菜单页，并可以设置适当背景图案效果。,任务1：宫格控件使用与属性设置,宫格控件的使用,3.在右边控件栏中拖拽一个宫格控件到模拟器中，拉伸铺满整个屏幕后，在“控件属性”页面快速对布局、样式进设置，单击“添加”按钮可以添加宫格的个数，在这里添加了4个宫格。,任务1：宫格控件使用与属性设置,4.继续在“控件属性”栏中，设置列数2，列间距20，行间距50，外边距20，并勾选“高度自适应”选项。,宫格控件属性设置,任务1：宫格控件使用与属性设置,5.然后分别点击已添加的每个宫格，分别为它们上传图标，并设置宫格名称。最后设置宫格的总背景。,编辑宫格,任务1：宫格控件使用与属性设置,5.单击“控件内容”设置面板，编辑标签导航的名称分别为“个人简介”“精彩图集”、“精彩视频”和“个人微博”，并编辑“个人简介”标签的图片、按下图片选项和连接页面，单击“保存页面”按钮保存该页面。,设置标签内容,任务2：历史导航控件使用与属性设置,历史导航控件用在每个页面的顶部，可设置左边和右边两个导航按钮，点击后跳转到不同的页面。它们在每个页面中仅可使用一次，且不可在页面中直接复制。1.现在开始制作菜单中包含的四大块内容，在左侧应用页面单击“新建组”按钮，新建4个组，分别命名为这四大板块的名字，方便管理,任务2：历史导航控件使用与属性设置,新建组,任务2：历史导航控件使用与属性设置,2.单击进入第一个组“精品点菜”，新建页面“精品点菜”页面；拖放一个历史导航控件到此页面的模拟器上，在属性栏上设置此控件的“文字”格式、背景以及导航按钮的格式，并设置“左边导航按钮”链接至“主菜单”页面，如图8-66所示。（这样，浏览到本页时，便可点击返回按钮回到主菜单，如果没有配置历史导航条，将无法返回。）,任务2：历史导航控件使用与属性设置,设置历史导航按钮,任务3：列表控件使用与属性设置,列表控件通常用作菜单页，可将多样化的内容做分类索引，点击每一栏列表对应进入该项具体内容。一个列表控件内可自由添加多栏列表,但不建议同一个页面内添加多个列表控件1.在历史导航下方添加一个“列表”控件，对此列表控件进行快速布局和页面上放置一个“列表控件”，在“控件属性”中设置列表框的布局及样式，设置标题文字的格式，如设置标题文字为“蓝色、加粗”，内容文字为“红色”，单击“添加”按钮添加列表的栏数，这里添加了8个栏数，在模拟器中的效果。,任务3：列表控件使用与属性设置,设置列表控件,任务3：列表控件使用与属性设置,2.依次编辑列表各栏的标题文字、内容文字、链接页面和左侧图片等设置。,编辑列表项,任务3：列表控件使用与属性设置,3.在列表栏右侧第一栏中拖入一个“按钮”控件，设置按钮控件的属性，并选择“按钮”的链接为“调用电话功能”，并设置拨打的电话号码，这样，用户点击每一栏都可直接拨号订餐。,设置拨号按钮,任务3：列表控件使用与属性设置,4.复制“电话”按钮，依次放置到列表栏的右侧，这样精品点菜的主页面就制作完毕了。,精品点菜页面,任务3：列表控件使用与属性设置,5.精品点菜主面制作完毕后，开始制作它的内页，在精品点菜下面新建8个页面，分别与列表栏中的8个栏内容一致。,精品点菜内页,任务3：列表控件使用与属性设置,6.在每个页面上利用图片控件、文本控件、历史导航等控件制作出菜品的介绍。,各精品菜系详页,任务3：列表控件使用与属性设置,7.将精品点菜中的列表栏的菜品和制作好的菜品每页的内容一一链接在一起，顾客就可以详细查看每道菜品的详情后直接电话点餐了。8.如法炮制制作出其它三大块的内容即可。,可口点心和冰爽饮品主页面,项目考核,项目扩展,应用上架制作好的应用如果未进行上架应用操作，它仅具有一个小的详情展示页，且无法被人搜索到，只能小范围传播。上架之后，应用将匹配更漂亮的详情页，并可被其他用户搜索、评价、推荐，得到更好的展示机会。最新上架的应用首先出现在“新品速递”版块，如果受人喜爱，便可成为推荐精品，登上排行榜，并可获得相应的积分等级奖励，享有更多权限。那如何把制作好的应用上架推广呢？其主要操作是：,项目扩展,1.在“应用管理”中找到想要上架的应用，点击右下方的“申请上架”按钮，申请上架。2.进入上架申请页面，在此页面填写应用版本，类型和简介，点击“本地上传”为您的应用上传3-5张手机端截图。注意，必须为本应用在手机端的截图！