您的位置：首页 > 其它

meteor培训二

2016-04-28 00:13 309 查看

今天说的主要是,meteor。

明天写，详细些，关于，docker和jenkins的东西，今天先写meteor的。

昨天创建了一个简单的meteor的demo。

今天就拆开这个demo，来解释一下里面都是什么东西。

先从文件夹结构来说起。

一个一个说。

1、 .meteor，这个是，自动生成的一些文件，也会包含，需要运行的一些类似jar包的类库。

2、both，从英语上来说，是，两者都，没错，在这下面的代码，均会出现在client客户端，和server服务器端。

3、client，客户端，就是项目部署后，会出现在客户浏览器上的东西。

4、node_modules ，这个，是用meteor npm install pinyin-string 等等，命令，下载的类库。

5、server，服务器端，服务器端的代码。

以后还可能会出现一个package。

里面的文件，可以用功能来分文件夹区分。但是，每个功能都有客户端和服务器端的代码，再用配置文件，设置，这些文件，是属于服务器，还是浏览器。

因为项目比较简单，所以也比较容易理解。

×××××××××××××××××××××××××××××××××××

分割线

×××××××××××××××××××××××××××××××××××

然后，说一下目录里面的结构。文件的具体结构。

需要说的有三个地方，

both,client,server。

其他的，都是自动生成或下载的，没有比较做详细介绍。

先说client.

说客户端之前，说一件很好玩也很诡异的事情。

就是你的项目启动之后，浏览器中，右键，查看源代码，发现，除了<head></head><body></body>然后，导入了一堆乱七八糟不知道什么鬼的文件，其他的，什么玩意都没有。

但是，如果你选择查看元素，所有的元素就会很清楚的展示出来。

这个问题的原因，是因为，meteor在渲染客户端的时候，是把所有的html+JS，都是通过JS的形式来传到浏览器，在浏览器中进行解析和拼装的。

到控制台，选择,sources,app,app.js，可以看见，你写的所有代码，都已经封装好成一个JS文件给你发过来了。

以上是前言，现在说client.

client文件夹下有三个文件，css,html ,js

咱们说html和js.

html代码如下：

<head>
<title>simple</title>
</head>

<body>
<h1>Welcome to Meteor!</h1>

{{> hello}} 模板名称
{{> info}}
{{> items}} template 模板
</body>

<template name="hello">
&
4000
lt;button>Click Me again</button>
<p>You've pressed the button {{counter}} times.</p>
</template>

<template name = "info">
<h2>Learn Meteor!</h2>
<ul>
<li><a href="https://www.meteor.com/try">Do the Tutorial</a></li>
<li><a href="http://guide.meteor.com">Follow the Guide</a></li>
<li><a href="https://docs.meteor.com">Read the Docs</a></li>
<li><a href="https://forums.meteor.com">Discussions</a></li>
</ul>
</template>

<template name="items">
<button>Click Me again</button>
<p>You've pressed the button {{counter}} times.</p>
</template>

在html中，出现了一些{{> hello}} 模板名称
{{> info}}
{{> items}} template 模板
在，<body></body>中。
然后，在body的外面，定义了一些<template >

好累，明天写。晚安，好梦。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航