百度智能小程序开发实例 第1篇
智能小程序中提供了丰富多样的组件,开发者可以在 .swan 文件中,使用组件开始完成自己的智能小程序页面。
组件示例:
1、view:视图容器(相当于html中的div,用来当作包裹容器,每个view独占一行)
text:放文本的元素(相当于html中的span,用来放置文本,在同一行显示)
2、rich-text:富文本(可用于解析包含html标签的文本)
输出结果为:这是一个span标签高亮
3、input输入框
以上例子为最常用的布局组件,其他根据开发所需自行看开发文档,文档中均会提供使用例子,基本使用方法与如上例子无异。
百度智能小程序开发实例 第2篇
API示例:
1.、request:发起网络请求(请求接口数据)
(this)打印结果
2.、navigateTo:跳转到某个页面(相当于路由)
3、showToast:显示消息提示框(提示消息)
以上例子为最常用的API方法,其他根据开发所需自行看开发文档,文档中均会提供使用例子,基本使用方法与如上例子无异。
看完之后应该能够实现一个简单的布局效果。
百度智能小程序开发实例 第3篇
1、目录结构
2、配置界面、路径
可以通过配置 文件,设置 SWAN 的界面、路径、多 TAB 等。
3、了解生命周期,常用的一般是onLoad,页面加载完成的时候触发,相当于vue中的mounted,比如请求数据的方法在vue中mounted里调用,而小程序中则在onLoad中调用
4、事件处理函数
然而带值给方法 :@click=_tapAction (index, item) _ 小程序:bind:tap=_tapAction_ data-index=_{{index}}_ data-item=_{{item}}_ (格式为:data-自定义命名=_{{所需要带给方法的值}}_)
附上图: