meteor培训二

来源：互联网发布：制作vr的软件编辑：程序博客网时间：2024/05/16 14:06

今天说的主要是,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">  <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 >

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

0 0