仅用了一天开发了这样的app，再也不用担心排队的问题了

最新推荐文章于 2022-11-11 18:58:04 发布
最新推荐文章于 2022-11-11 18:58:04 发布
阅读量97 收藏 1
点赞数
分类专栏： 移动开发 文章标签： 移动开发 android
昨天约朋友们去我最喜欢的一家餐厅吃饭，到了地点发现人都排到门口了，可是又不想换其他餐厅，就等了一个小时后才大快朵颐。
吃完后和朋友聊到怎么才能在就餐高峰期间还能抢到一席之地，有的说飞奔着过去，有的说找人少的餐厅，有的说如果能在线预约就好了，听到这里灵机一动，对呀，如果有这样一款app可以提前预约座位顺便菜也一起点好，只要人一到马上菜上齐，不用排队也不为焦急等菜而一直喝水。这位朋友的想法我点个赞！
但是预约也是有条件的，开始就餐时间（比如下午5点）的前半个小时之内是不允许预约的，餐厅详情内有选座功能，可以选到自己心仪的座位，和买电影票选座有异曲同工之处。预约成功后预约的就餐时间内未准时到达的情况下餐厅将保留15分钟，超过15分钟会自动扣除预约费且不保留座位。如有特殊情况取消预约则扣除预约费的10%（视餐厅而定）。
大概想到了这些，心动不如行动我和朋友们马上试着开发这样一款app（成熟度不是很高，时间仓促有的功能还没来得及实现）。
用户客户端包括登录、主页面、餐厅详情、预约、我的6个页面
[img]http://chuantu.biz/t5/16/1467971537x3738746595.jpg[/img]
[img]http://chuantu.biz/t5/16/1467972588x3738746523.jpg[/img]
[img]http://chuantu.biz/t5/16/1467972610x3738746523.jpg[/img]
[img]http://chuantu.biz/t5/16/1467972631x3738746523.jpg[/img]
[img]http://chuantu.biz/t5/16/1467972648x3738746523.jpg[/img]
[img]http://chuantu.biz/t5/16/1467972702x3738746523.jpg[/img]
客户端是用[url=http://www.imagapp.com/]爱码哥[/url]平台开发的，基于imag.js技术。
看看实现“我的”页面的代码 
<?xml version="1.0" encoding="utf-8"?>
<imag>
    <script>
        <![CDATA[
        $page.onload = function(){
            $http.get("http://www.imagapp.com/project/imag/imag-mh0504/data/mine.json",function(data){
                var data = JSON.parse(data).data;
                var info = data.info;
                $('order').text = info.order;
                $('points').text = info.points;
                $('collection').text = info.collection;
                $('coupom').text = info.coupom;
            	var listJson = {items:[]};
                //当前订单
                var present = data.present;
               	var item0Json = {
                   	template:0,
                   	widgets:{
                        present_icon:{src:present.icon},
                        present_name:{text:present.name},
                        present_number:{text:present.number+'人'},
                        present_park:{text:present.park},
                        present_time:{text:present.time},
                        present_smoke:{text:present.smoke}
                   	}
               	}
                listJson.items.push(item0Json);
                //过往订单
                var past = data.past;
                for(i = 0;i<past.length;i++){
                    if(past[i].remark!=""&&past[i].remark!=null){
						var item1Json = {
							template:1,
							widgets:{
								past_icon:{src:past[i].icon},
								past_name:{text:past[i].name},
								past_number:{text:past[i].number+'人'},
								past_park:{text:past[i].park},
								past_time:{text:past[i].time}
							}
						}
						listJson.items.push(item1Json);
                        var item2Json = {
                            template:2,
                            widgets:{
                                past_remark:{text:past[i].remark}
                            }
                        }
                    	listJson.items.push(item2Json);
                    }else{
						var item3Json = {
							template:3,
							widgets:{
								past_icon:{src:past[i].icon},
								past_name:{text:past[i].name},
								past_number:{text:past[i].number+'人'},
								past_park:{text:past[i].park},
								past_time:{text:past[i].time}
							}
						}
						listJson.items.push(item3Json);
					}
                }
                $('list').update(listJson);
            })
        }
        ]]>
    </script>
    <page screen="full" style="background:background.jpg">
        <content dragable="false">
            <list type="transparent">
                <item style="padding:0"><col><row>
                	<button style="margin:20 10;align:left;background:title_back.png" onclick="$page.close(0)"></button>
                </row></col></item>
                <item style="margin:0 30;padding:0">
                    <col>
                        <row><label style="color:#ffffff;font-size:21">Queue</label></row>
                        <row><label style="color:#ffffff;font-size:16;margin-top:25">我不是在吃，就是在去吃的路上。</label></row>
                    </col>
                </item>
                <item style="padding:0;margin:64 7 0">
                    <col>
                        <row><label style="align:center;color:#ffffff;font-size:11">订单</label></row>
                        <row><label id="order" style="align:center;color:#ffffff;font-size:10;margin-top:2"/></row>
                    </col>
                    <col>
                        <row><label style="align:center;color:#ffffff;font-size:11">积分</label></row>
                        <row><label id="points" style="align:center;color:#ffffff;font-size:10;margin-top:2"/></row>
                    </col>
                    <col>
                        <row><label style="align:center;color:#ffffff;font-size:11">收藏</label></row>
                        <row><label id="collection" style="align:center;color:#ffffff;font-size:10;margin-top:2"/></row>
                    </col>
                    <col>
                        <row><label style="align:center;color:#ffffff;font-size:11">优惠</label></row>
                        <row><label id="coupom" style="align:center;color:#ffffff;font-size:10;margin-top:2"/></row>
                    </col>
                </item>
            </list>
            <list type="transparent" reuse="true" id="list" style="margin:0 11 21">
                <item style="padding:0 21 21;margin:20 0 0;background:#ee791b;col-width:71,*;corner-radius:4">
                    <col><row><icon reusekey="present_icon" style="height:61;width:61;align:left"/></row></col>
                    <col>
                        <row><label reusekey="present_name" style="color:#ffffff;font-size:14;font-weight:bold"/></row>
                        <row style="margin:5 0">
                            <label style="color:#ffffff;font-size:10">预约人数：</label>
                            <label reusekey="present_number" style="color:#ffffff;font-size:10"/>
                            <label reusekey="present_park" style="color:#ffffff;font-size:10"/>
                            <label style="color:#ffffff;font-size:10;align:right" onclick="$page.open('carte.xml')">在线点餐</label>
                        </row>
                        <row>
                            <label style="color:#ffffff;font-size:10">预约时间：</label>
                            <label reusekey="present_time" style="color:#ffffff;font-size:10"/>
                            <label reusekey="present_smoke" style="color:#ffffff;font-size:10;align:right"/>
                        </row>
                    </col>
                </item>
                <item style="padding:0 21 11;margin:21 0 0;background:#ffffff;col-width:71,*;corner-radius:4 0">
                    <col><row><icon reusekey="past_icon" style="height:61;width:61;align:left"/></row></col>
                    <col>
                        <row><label reusekey="past_name" style="color:#707070;font-size:14;font-weight:bold"/></row>
                        <row style="margin:5 0">
                            <label style="color:#707070;font-size:10">预约人数：</label>
                            <label reusekey="past_number" style="color:#707070;font-size:10"/>
                            <label reusekey="past_park" style="color:#707070;font-size:10"/>
                        </row>
                        <row>
                            <label style="color:#707070;font-size:10">预约时间：</label>
                            <label reusekey="past_time" style="color:#707070;font-size:10"/>
                            <label style="color:#707070;font-size:10;align:right">评价</label>
                        </row>
                    </col>
                </item>
                <item style="padding:0 21;background:#ffffff;corner-radius:0 4">
                    <row style="background:#eeeeed;height:1"></row>
                    <row><label reusekey="past_remark" style="color:#707070;font-size:10;align:center;margin:10 0"/></row>
                </item>
                <item style="padding:0 21 11;margin:21 0 0;background:#ffffff;col-width:71,*;corner-radius:4">
                    <col><row><icon reusekey="past_icon" style="height:61;width:61;align:left"/></row></col>
                    <col>
                        <row><label reusekey="past_name" style="color:#707070;font-size:14;font-weight:bold"/></row>
                        <row style="margin:5 0">
                            <label style="color:#707070;font-size:10">预约人数：</label>
                            <label reusekey="past_number" style="color:#707070;font-size:10"/>
                            <label reusekey="past_park" style="color:#707070;font-size:10"/>
                        </row>
                        <row>
                            <label style="color:#707070;font-size:10">预约时间：</label>
                            <label reusekey="past_time" style="color:#707070;font-size:10"/>
                            <label style="color:#707070;font-size:10;align:right">评价</label>
                        </row>
                    </col>
                </item>
            </list>
        </content>
    </page>
</imag>

代码量很少对不对（小伙伴表示惊呆了！）
我和两个朋友用了不到一天的时间就开发出了这样的app，是不是很快速！
[url=http://pan.baidu.com/s/1skE3h3v]客户端下载安装[/url] （这仅仅只是个demo，不具有任何商业用途及推广）
或扫描二维码：
ps:仅Android可以使用
[img]http://chuantu.biz/t5/16/1467973291x3738746547.png[/img]
iteye_13709
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[附源码]计算机毕业设计Python+uniapp银行排队叫号APP6wxc5(程序+lw+APP+远程部署)
sheji1308的博客
02-19 275
Python3.7.7+Django+Mysql5.7+pip list+HBuilderX（Vscode也行）+uni+Vue+Pychram社区版。[附源码]计算机毕业设计Python+uniapp银行排队叫号APP6wxc5(程序+lw+APP+远程部署)2. 前端：uni+css+javascript+jQuery+easyUI+highcharts。Django + uni小程序 +Python+Mysql 等等组成，B/S模式等等。2.IDE环境：Python和Python 社区版都可以。
排队手机app
09-06
饭店排队软件，可以定桌号，人数，可以在手机上领取预定号码！
没有经验三天开发一个Android app（第一天 demo级）
贾亮的专栏
02-25 3281
上次朋友推荐我去西安华为终端，然后HR打电话和我聊，问我有没有Android的开发经验，我说没有，然后就没有给我面试机会。 这里我很是不忿，为什么没有相关的经验，就不能做相关的事情呢？当然我承认没有经验的别有经验的人在刚开始干活的时候， 会有差别，但是难道经验是万能的，难道跨界这么难？ 我在这里说三天开发一个app，不是想说明Android开发很简单，也没有黑华为的意思。只是想说明相
有了这款APP，妈妈再也不用担心我的黄江水车违章了！黄江王子阳原创
zy26682的博客
05-27 228
前几期已经分别讲了水车的由来，以及手续方面的干货。在文章里我也一直强调，开水车一定要遵照道路安全法则，文明驾驶，低调开车，不要过多的故意违章，故意超速，违章停车。而且自己的违章一定要处理，更要谨防小人举报。 就像我所说的，只有文明驾驶，才能规避一些没有必要的问题发生。 今天就给大家推荐一款APP，我个人偏爱这款APP，因为很方便，违章提醒也很及时，所以想分享给大家，不管是正规的，还是水的，都可以使...
音乐app移动端第一天(使用vuecli3开发)
01-20
在main.js中引入babel-polyfill和faskclick npm instlal babel-polyfill(能支持...在App.vue中使用m-heaqder 此处引入MHeader时设置了alias别名 配置哈希路由 封装axios请求 封装jsonp请求 作者：一个吟游诗人
如何使用Flutter开发一款电影APP详解
08-25
本资源主要介绍了如何使用Flutter开发一款电影APP，涵盖了Flutter的基本概念、路由管理、MaterialApp的使用、TabBar的应用等关键技术点。通过示例代码，读者可以了解到如何使用Flutter开发一个完整的电影APP。 一、...
如何开发一个app(Android)-简书.pdf
最新发布
11-17
如何开发一个app(Android)-简书.pdf
开发一个手机App系统软件需要多少钱呢.pdf
11-16
开发一个手机App系统软件需要多少钱呢.pdf
开发定制一个app系统软件需要投资多少钱.pdf
11-16
开发定制一个app系统软件需要投资多少钱.pdf
安卓神器合集
09-15
安卓手机软件的必备神器，你值得拥有，破解软件合集，快来下载吧！
干货集中营App
09-17
干货集中营App，详见博客：http://blog.csdn.net/u012702547/article/details/52566120
一天撸一个安卓App:记事本
蓝不蓝编程
07-15 4622
效果图 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-G0yqVChN-1594779985855)(https://upload-images.jianshu.io/upload_images/6169789-50ac6baa4fe3990a.gif?imageMogr2/auto-orient/strip)] 使用到的技术 room(谷歌官方sqlite数据库操作库) recyclerview coroutines(协程) 实现功能 新增/修改/删除/查看笔记 本地
记录一次APP弹窗排队的实践
luoye的搬砖生活
11-11 563
依次弹起，我们可以分析下，可以使用一个队列存储。因为队列是先进先出的嘛。在首页弹起的功能，我们可以获取到首页的生命周期对象 lifecycleOwner，有些弹窗是dialogFragment 实现的，所以需要一个fragmentManger,然后就是上下文了,同时我们期望外部可以接受到我们队列处理完成的监听。而这些都可以通过一个队列管理器去存储他。
博客被封
风之恋
10-08 369
一不小心 擦边了
就这样，我只用一天就开发出了一款APP
热门推荐
XiLingWang的博客
02-12 1万+
一个人花一天时间就能开发出一个Android、iOS双平台的APP，一起来看看是怎么实现的
从一个网页到一个APP-前言(一)
whming
04-23 853
对校园网正方系统进行抓包封装数据返回给移动端作数据的展示
推荐几个我珍藏的公众号~超级无敌！
emprere的博客
08-04 1854
我关注了很多优质大佬的技术公众号，每天我从每个公众号吸取一段话或一个知识点，那么我就会每天进步一点点，这是我目前学习知识与构建自己知识体系的方法，或许对在看的你也能适能。...
第一天我来了
请大家访问新博客地址如下：
10-08 457
我老想有所建树，却不知道从何搞起。原来是不断学使用一些如photoshop,office的东西，现在感觉太肤浅，学的再好有什么用呢？不如学编程吧，希望和所有爱好编程的朋友共同交流学习！HillyCT
使用APICloud快速开发教育App教程
"APICloud移动开发实战课程主要讲解如何使用APICloud平台快速开发教育类App，涵盖教育App的功能分类、技术架构、常用API以及开发步骤。" 在当前的数字化时代，教育行业借助移动互联网的力量，纷纷推出了各类教育...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值