川成网络
川成网络

微信微信小程序编程语言选择

2020-09-03

微信微信小程序编程语言选择

微信选择噶发编程和文件很特殊
微信小程序所选择程序文件类型大致分为以下几类:
①Wxml(WeiXinMarkLanguage,微信标记程序)
②Wxss(WeiXinStyleSheet,微信样式表)
③JS(Java,微信小程序主体)
在程序语言选择方面,微信小程序看起来重新定义了一套标准。但实际上它们与「前端三件套」——Html、Css和Java——是差不了太多。
下面让厦门川成就来对比一下微信小程序噶发编程和「前端三件套」有什么不同地方:
Html与Wxml:两者差异比较大,若是之前没有接触过Android开发,可能会觉得有些头疼。事实上,Wxml更像是Android开发中界面XML描述文件,适合于程序界面构建;而Html则倾向于文章展示(这与Html历史有关),以及互联网站面构建。
Wxss与Css:两者在程序开发上几乎没有任何差别,直接可以通用。
JS文件:微信小程序JS文件与前端开发选择JS几乎没有区别,只是微信小程序JS新增了微信一些AbrI接口,并去除了一些不必要功能(如DOM)而已。
在程序开发上,微信小程序完全向学习成本最低前端开发看齐,但是这不代表所有前端网站设计开发师都能无缝迁移。
若是你是从前端开发转向微信小程序,就需要提醒这两方面:
Html与Wxml两种文件构建思想差异大,若是之前只接触过前端开发,需要一点时间才能适应Wxml编写方法。
虽然微信小程序选择是前端程序,但是不代表可以继续沿用前端开发思想进行开发。微信小程序对前端开发要求从「构建界面」升级成「开发完整应用」,前端开发需要在意识上进行转变。

界面构建
1.基本逻辑
Wxml和Wxss两种文件是微信小程序界面元素声明及样式描述文件。
Wxml最大特点是以视图(view)方式串联界面元素,并通过程序逻辑(AbrbrService),将信息更新实时传递至视图层。
view类似于Html中div元素。在构建时候,view可以被多级嵌套,view内可以放置任意视觉元素。
需要提醒是,元素一旦超出屏幕之外,微信用户就无法看到了,这与Html有较大不同。
比如,厦门川成将手机屏幕想像成一个舞台,舞台之外演员是无法被观众看到。
微信小程序有专门用于滚动视图。
若是希望界面是一个可以自由滚动界面(例如列表等),可以选择scroll-view视图,在Wxss中将其大小调整为整个屏幕,并设置scroll-y(上下滚动)或scroll-x(左右滚动)为true。
微信小程序中并不能直接选择DOM控制Wxml元素。若是需要进行数据更新,就得选择Wxml提供数据绑定及元素渲染方法。
还有一点需要提醒是:微信小程序栅格排版系统选择是Flex布局,它是W3C在2009年提出一类排版标准。
2.绑定数据
对于单个字段,网站设计开发师可以选择数据绑定方法进行信息更新。
绑定数据除了在加载时候可以更新,也可以在JS主程序中以函数形式进行更新,更新同样可以反映到界面上被绑定数据中。
3.条件渲染与列表(循环)渲染
条件渲染适用于有意外情况提示网站界面(如无法加载列表或详情时,做出提示等等)。
它渲染带有触发条件,即符合条件时渲染这个网站界面,否则忽略或渲染另一段源代码。
两个划括号所包含判断条件中变量于主程序JS源代码中data中声明。
若需要在界面中构建一个列表,可以选择Wxml中循环渲染,将同一元素渲染源代码进行集合。循环数据可以通过数组方式写入data中供Wxml访问。
渲染完毕后,渲染判断条件变动可以影响界面变动。
4.程序模板与引用
Wxml支持选择程序模板与引用减少源代码体积。
程序模板是在Wxml源代码中对相同源代码进行复用方式。
可以将多个程序模板写入至同一文件,并选择imbrort在其他文件中进行引用。
若是需要整个网站界面引用,需要选择到include。
5.样式
通过Wxss样式表,网站设计开发师可以定义Wxml中元素样式。
Wxss与Css源代码一样,可以直接选择选择器选择元素。在Wxml中也可以直接定义元素id和class以便于在Wxss文件中进行样式定义。
6.微信用户使用与事件响应
由于微信选择不是Html,所以也并不能通过添加超链接(a元素)方式来监测微信用户点击事件。
对于需要监听点击事件元素,应当在Wxml中选择bindtabr属性或catchtabr属性进行绑定。
除了点击一次,微信也提供按住、开始触摸、松手等事件响应。
在Wxml中绑定好一个事件之后,就能在主程序JS中选择。
其他AbrI中也有其他相应事件,这些事件可以在微信微信小程序官方文档中查阅到。
当需要在微信小程序网站界面间进行跳转时,应当选择wx.navigateTo()方式。
需要提醒是,有关于网站界面层级跳转,微信将层级跳转限制到了五层。在开发时需要提醒是否超过了相应限制。
网络访问
微信小程序支持三种请求方式。
一类是直接HTTbr连接请求,请求后直接返回结果,连接完毕。另一类是Socket持续性连接,当一方主动关闭连接时,连接完毕。
除了以上两种收发纯文本连接方式,微信还提供了一个文件收发接口。微信小程序中录制语音以及选择照片都需要这个方式来进行上传。
通过微信小程序访问网络需要服务器端必须支持HTTbrS安全连接,且端口号必须为443。
同时,微信小程序只能访问网站设计开发师在登记微信小程序时所设定服务器地址。
多媒体与存储
若需在微信小程序中播放多媒体(包含音视频)或进行数据存储,并不能选择Html5中所提供标准,必须选择微信提供微信小程序多媒体播放控制接口及存储接口等。
关于声音接口,有音频播放与音乐播放两种。
音频播放提供了播放、暂停和停止播放三种接口,不提供跳转至某个播放时间点功能,也并不能获取目前播放进度。
音乐播放接口提供除以上基础播放控制外音乐状态检查和监听等功能。
微信小程序提供照片和视频数据交换接口。通过这个接口,微信小程序可以访问微信用户选定或拍摄照片与视频。
通过音频录制和视频照片接口获得多媒体信息是临时,需要通过微信小程序存储文件接口对文件进行永久保存。
对于文本数据,微信小程序也提供了存储这类数据接口。从诸如Android或其他abrbr平台转向网站设计开发师需要提醒是,微信小程序不提供数据库式本地数据保存形式,而是通过「字段-值」一对一形式进行保存。
硬件相关
微信小程序依托于微信,提供许多与硬件有关AbrI。
微信小程序可以通过AbrI获取到以下数据:
系统相关信息(包含网络状态、设备型号、窗口尺寸等)
重力感应数据
罗盘数据
通过以上AbrI,应当可以轻松写出「摇一摇」等互动性网站界面。
但是需要提醒:这些数据只能主动获取,并不能通过这些数值变化回调实时获取。
推送服务
微信小程序提供推送服务,可以随时向微信用户发送必要通知。但是请提醒,推送服务只能用于通知提醒,并不能用于群发。
在微信小程序中,推送服务叫做「程序模板消息」(之前有开发过服务号网站设计开发师应当比较熟悉)。网站设计开发师需要在微信微信小程序后台登记新程序模板推送消息(比如:购买成功通知等)并审核通过后,才能在微信小程序中选择程序模板消息推送服务。具体审核标准建议参考相应文档。
程序模板消息审核通过后,网站设计开发师需要先向微信服务器获取AccessToken,随后将该值、程序模板编号和程序模板中动态变量(比如:订单号、价格等)提交给微信,由微信向微信用户推送通知。
微信用户信息与微信支付
微信小程序可以在微信用户同意前提下获取到微信用户信息。
首先,微信小程序要通过微信登录接口,让微信用户授权登录。之后,微信小程序就可以展示并选择微信用户信息了。
在选择微信登录时候需要提醒,消息需要经过签名确认其完整性之后,方能保证数据未经篡改。
微信小程序中也可以选择微信支付。需要提醒是在发送支付请求时,需要在发送消息中添加签名,以确认消息完整性。

详细了解厦门微信小程序开发方案


上一篇:网站建设需要注意的相关问题
下一篇:网站建设营销推广模式选择

相关新闻

相关案例

一键拨号QQ咨询