柚媚网络营销培训

柚媚网络营销培训



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


作者:本站 日期:2018-09-22 09:36:08

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

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

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

|____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文件夹。而我们做网页开发是也是由交互、样式、展示这三类文件组成的,所以只要会其中一种开发,学习另外一种开发都不会太困难,一通百通嘛!

下一篇就开始正式实战百度智能小程序开发了,请到这里下载开发工具:https://smartprogram.baidu.com/docs/develop/devtools/show_sur/



评论列表:
发表评论:

昵 称:

内 容: