小程序——软件技术框架

仙女啃猪蹄_

已于 2022-12-02 16:56:05 修改

阅读量1.6k

点赞数 1

文章标签：小程序 javascript 前端

于 2022-11-15 19:30:59 首次发布

本文链接：https://blog.csdn.net/m0_51666003/article/details/127666120

版权

1.Uniapp

（1）学习认识

简介： uni-app 是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台，几乎覆盖所有流量端。
在这里插入图片描述

开发工具： 首选使用官方推出的HBuilderX 编辑器
框架目录： 主要分为两层，逻辑层和视图层。

┌─components                   uni-app组件目录

│  └─comp-a.vue                可复用的a组件

├─hybrid                             存放本地网页的目录，详见

├─platforms                        存放各平台专用页面的目录，详见

├─pages                              业务页面文件存放的目录

│  ├─index

│  │  └─index.vue                index页面

│  └─list

│    └─list.vue                       list页面

├─static                                存放应用引用静态资源（如图片、视频等）的地方，注意：静态资源只能存放于此

├─main.js                              Vue初始化入口文件

├─App.vue                            应用配置，用来配置App全局样式以及监听

├─manifest.json                    配置应用名称、appid、logo、版本等打包信息

└─pages.json                        配置页面路由、导航条、选项卡等页面类信息

（2）心得体会

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台。

项目应用： 本项目为微信小程序开发，则可使用
HBuilderX======>开发者工具(微信开发者工具)
uniapp======>前端开发框架（微信小程序原生框架）
通过两者结合实现页面框架的编写。

2.微信小程序官方框架

（1）学习认识

简介： 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。
结构： 整个小程序框架系统分为两部分：逻辑层（App Service）和视图层（View）。
便利： 小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。