微信小程序基础架构

一个微信小程序界面由一个页面描述文件,一个页面逻辑文件,一个样式表文件来进行描述

在主目录中的三个以app开头的文件就是微信小程序的主描述文件

app.js :主逻辑文件,用来注册小程序

app.json:主配置文件,对微信小程序进行全局配置

app.wxss:主样式表文件

微信小程序由多个页面组成,每个页面由4个文件构成,4个文件通过拓展名区分

js,页面逻辑文件,在里面编写JavaScript代码控制页面逻辑

wxml,页面描述文件用来设计页面的布局,进行数据的绑定

wxss,页面的样式表文件,用来定义本页面使用到地各类样式表

json,页面配置文件,如果页面没有特殊配置,可以省略

原文地址:https://www.cnblogs.com/wtblogwt/p/9896506.html

时间: 2024-10-29 00:09:37

微信小程序基础架构的相关文章

.NET教程:微信小程序基础入门

.NET教程:微信小程序基础入门 准备 Demo 项目地址 (https://github.com/zce/weapp-demo) Clone or Download(需准备GIT环境) $ cd path/to/project/root $ git clone https://github.com/zce/weapp-demo.git project-name --depth 1 $ cd project-name 没有git环境,可以直接下载 (https://github.com/zce/

大牛带您微信小程序基础

前言什么是微信小程序,它是一种轻量级的APP,它与常规App来说,无需下载安装即可使用,它嵌于微信App中,要使用微信小程序你只需要搜索一下微信小程序的名称就好,如近期的"Google的画图"小程序等,小程序不同于APP一点的是,小程序成本低,前期宣传,可以靠扫描二维码,分享群,朋友圈等,来提高微信小程序的使用.无需安装即可下载的特点,也深受广大群众的喜欢.介绍小程序是一种用完即走的那么一种模式,从开始的B2C模式,人与商品,到P2P模式,人与人,在到C2P模式,人与服务.小程序就是那

浅析微信小程序技术架构(原创)

周末万里虎抽空体验了下微信小程序的DEMO,对小程序的开发有了一个基础的了解与认识,今天就来和大家分享一下我对小程序的看法. 从官方DEMO来看,小程序在技术架构上非常清晰易懂.JS负责业务逻辑的实现,而表现层则WXML和WXSS来共同实现,前者其实就是一种微信定义的模板语言,而后者类似CSS.所以对于擅长前端开发,或者WEB开发的广大开发者而已,小程序的开发可谓降低了不少门槛. 从上面的微信小程序架构图上可以清晰的看出,小程序借助的是JSBridge实现了对底层API接口的调用,所以在小程序里

微信小程序基础入门

准备 Demo 项目地址 https://github.com/zce/weapp-demo Clone or Download(需准备GIT环境) $ cd path/to/project/root $ git clone https://github.com/zce/weapp-demo.git project-name --depth 1 $ cd project-name 没有git环境,可以直接下载 安装开发环境 下载地址 Windows 64位 Windows 32位 macOS 安

微信小程序基础之创建使用教程

本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志. 1. 获取微信小程序的 AppID 登录 https://mp.weixin.qq.com ,就可以在网站的"设置"-"开发者设置"中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID .(一般这个AppID需要公司营业许可证,还必须要缴费才可获得

微信小程序基础语法总结

本文介绍微信小程序语法 配置文件 app.json的配置(全局) { // 用来配置页面的路径 "pages":[ "pages/index/index", // 首页 "pages/Test/Test" // 跳转的页面 ], "window":{ "enablePullDownRefresh": true, // 是否支持下拉刷新 "backgroundTextStyle":&quo

微信小程序基础知识

一.文件结构 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page app.js,app.json,app.wxss js,wxml,wxss,json app.json文件用来对微信小程序进行全局配置,决定页面文件的路径,窗口表现,设置网络超时时间,设置多tab等 { "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "

微信小程序 基础知识点整理

1. 页面 每个可显示的页面,都必须在 pages.json 中注册; 首页一般是pages.json中pages数组的第一项; { "pages": [ //pages数组中第一项表示应用启动页 { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app" } }, { "path&

微信小程序 基础操作(边做边学3)

小程序页面之间的参数传递: 假如是navigateTo跳转的页面,可以使用getCurrentPages()方法获取路由数据,然后获取上个页面的引用对象,然后直接设置上个页面的数据. const pages = getCurrentPages(); const prevPage = pages[pages.length - 2]; prevPage.setData({ brand: { name: name, id: bdid } }) wx.navigateBack({ delta: 1, }