小程序开发用什么框架

小程序开发用什么框架,第1张

程序开发可以使用以下框架

1. 微信官方框架:使用微信官方提供的框架进行开发,可以快速上手,但功能相对较少。

2. uni-app框架:uni-app是一个基于Vue.js的开发框架,可以同时开发多个平台的小程序,如微信、支付宝、百度等。

3. Taro框架:Taro是一个多端开发框架,支持小程序、H5、React Native等多个平台,可以实现一次编写,多端运行。

4. mpvue框架:mpvue是一个基于Vue.js的小程序开发框架,可以使用Vue.js的语法进行开发,同时支持小程序原生API。

如果没有编程代码经验,可以寻求第三方小程序平台进行鼠标拖拽式搭建小程序。

一、小程序架构

每个小程序的结构都有两个主要部分构成:主体部分+各个页面。类似于许多框架,主体部分主要用于核心的配置,各个页面主要用于不同业务场景。

1.1、主体部分主要由3个文件构成

1)app.js:小程序逻辑,初始化APP

2)app.json:小程序配置,比如导航、窗口、页面http请求跳转等

3)app.wxss:公共样式配置

主体配置完成之后,就是对应业务开发了,也就是开发者最常 *** 作的页面。小程序页面设计基本上也是遵循MVC结构进行构建。

1.2、页面由4个文件构成

1)js:页面逻辑,相当于控制层(C);也包括部分的数据(M)

2)wxml:页面结构展示,相当于视图层(V)

3)wxss:页面样式表,纯前端,用于辅助wxml展示

4)json:页面配置,配置一些页面展示的数据,充当部分的模型(M)

二、配置app.json

app.json

全局配置页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。

pages

接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成

window

用于设置小程序的状态栏、导航条、标题、窗口背景色。

tabBar

通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页面。tabBar配置数组,只能配置最少2个、最多5个tab,tab按数组的顺序排序。

networkTimeout

可以设置各种网络请求的超时时间。

debug:true/false

可以在开发者工具中开启debug模式,在开发者工具的控制台面板,调试信息以info的形式给出,其信息有Page的注册,页面路由,数据更新,事件触发。可以帮助开发者快速定位一些常见的问题

page.json

每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面的哦诶址比app.json全局配置简单的多,只是设置app.json中的window配置项的内容,页面中配置项会覆盖app.json的window中相同的配置项。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11015775.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存