当前位置:千优问>百科知识>百度智能小程序开发第1课:启动与文档结构

百度智能小程序开发第1课:启动与文档结构

2018-09-27 08:29:17 编辑:leo 浏览量:452

百度智能小程序开发第1课:启动与文档结构

  当微信推出小程序的时候,我没感觉,阿里跟上,我还是觉得没什么新奇的地方,按我的说法就是,一个封闭的玩意没什么意思,技术上的话,就是让你建一个网站,连接到它平台,它平台搞个类似站内搜索的东西,然后用一个小程序的濠头忽悠大家而已!特别可恶的是明明有html5了,他还给你整个其它写模版文件的东西出来!给开发者增加负担!

  不过,百度智能小程序出来之后,其开发性还是令我心动了,毕竟可以在APP、搜索引擎和其它网站上同时获得流量吧!柚媚网络营销培训也相信这个会是下一个获取流量的风口,虽然百度没有腾讯的社交和阿里的支付用户为基础,但是它很好地发挥了自己的搜索引擎和网站资源,而这两个是腾讯和阿里没有的。为了让大家能赶上这个风口,我决定做写一些百度智能小程序开发方面的文章。

  用户点击百度智能小程序入口触发小程序启动后,首先获取app.json,这个文件相当于我们网页开发中的配置文件,它有debug、pages、window、networkTimeout和tabBar四个函数,然后在加载完成代码包后会启动 pages 中的第一项,一般都是我们小程序的首页啦,并渲染为首次看到的页面。智能小程序启动后,开始调用 app.js,这个文件是用JS写的,本身也是一种开发语言,这个文件相当于我们web开发中的PHP、ASP、NET等动态开发语言。

  |____app.css

  |____app.json

  |____project.swan.json

  |____pages

  | |____detail

  | | |____detail.css

  | | |____detail.swan

  | | |____detail.js

  | |____index

  | | |____index.js

  | | |____index.swan

  | | |____index.css

  |____app.js

  接下来就会通过pages文件夹中的index.js工作了,然后通过index.swan文件把内容展现在我们的设备上,这个文件相当于我们网页开发中的HTML页面,展示这个页面的时候会加载样式文件index.css,这个文件是用CSS写的,同网页开发是一样的。

  从上面我们可以看出,一个百度智能小程序在根目录,它包括了一个存放所有小程序页面文档的pages文件夹,一个以js为后缀的处理页、以swan为后缀的模版展示页,一个以css为后缀的样式表,小程序的每一个页面都必须包括这三个文件。另外还有一个相当于我们网页开发中config的文件project.swan.json。

  微信小程序是以.json 后缀的 JSON 为配置文件,以.wxml 后缀的 WXML 为模板文件,以.wxss 后缀的 WXSS 为样式文件,以.js 后缀的 JS 为脚本逻辑文件,存放页面文件的也是pages文件夹。而我们做网页开发是也是由交互、样式、展示这三类文件组成的,所以只要会其中一种开发,学习另外一种开发都不会太困难,一通百通嘛!

标签:百度智能小程序