Demo了解Meteor原则


我们现在要打开一个软件来真真切切的看看meteor这个软件是怎么跑起来的,我们不用自己写程序,meteor自己带的程序已经够我们研究的了。



meteor自带哪些例子程序


我们在控制台中敲一个这个命令。


0.png


它告诉我们meteor自己带的一些例子程序。有clock、leaderboard、localmarket、todos。


1.png


这里面的程序都是各干各的。clock就是在浏览器上显示一个能走的钟表。leaderboard是在界面上把你的喜欢的运动员列出来,然后你可以给它加分。localmarket是一个比较典型的mobile web,是手机上的一个应用程序。todos是我们今天要用到的一个列子。



以todos为例


我们就用它来给大家介绍一下,我们到底meteor是怎么运作的。
我们就选择这个todos,在命令行中敲击如下命令。


2.png


然后就产生了这个todos的一些文件,我们进入到这个todos的文件夹里。


3.png


然后说,想要运行它的话,就打一个meteor就可以了。我们在运行它之前,首先把这些文件都打卡看看。这个文件很简单,一共就没几个。


4.png


我们先运行meteor,看看这个程序是什么样子的。运行成功。


5.png


那么,我们在浏览器里面看一下这个程序运行成什么样了。


6.png


这个程序就是这个样子的,这个todos就相当于一个任务管理器一样。你有些什么事要做,怕自己忘了,就可以写到里面去。这里默认好的,就有三类。


7.png


左边的每一个在切换,对应的右边的栏目就会切换。


8.png


比如说,我们还可以在右边的栏目里面新增内容。


9.png


你还可以在里面,把每一个人选中。


90.png


这里会告诉你有几个人没有被勾选。


91.png


你可以给它上锁,锁了以后就只有自己能用了别人用不了。你还可以把整个list都删掉。当然,你也可以增加一个新的list。


92.png


比如说这个list a,我们还可以在这里修改名字。


93.png


这样就修改好了,然后你还可以往里面添加内容。


94.png


95.png


为了方便起见,我们把它变成移动版本的,现在就是移动手机上看的样子。


96.png


需要说的是,右边这部分是谷歌浏览器自带的debug调试工具。


97.png



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
? 2012-2016 葡京国际首页 www.ybxiongdi.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

秋招大聚惠,豪华礼包你领了吗?

客服热线 400-862-8862

回到顶部