微信小程序开发学习笔记（1）项目基本结构、页面组成部分、JSON配置文件、组件

最新推荐文章于 2024-04-23 12:32:15 发布
最新推荐文章于 2024-04-23 12:32:15 发布
阅读量169 收藏
点赞数
分类专栏： 微信小程序 文章标签： 微信小程序 学习 json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq3559727/article/details/122956042
版权

项目基本结构

在这里插入图片描述

页面组成部分

在这里插入图片描述

JSON配置文件

在这里插入图片描述

app.json

在这里插入图片描述

project.config.json

在这里插入图片描述

sitemap.json

在这里插入图片描述

页面的.json

在这里插入图片描述

新增页面

在这里插入图片描述

修改项目首页

在这里插入图片描述

WXML

在这里插入图片描述

WXSS

在这里插入图片描述

.JS文件

在这里插入图片描述

小程序宿主环境-通信模型

在这里插入图片描述
在这里插入图片描述

小程序宿主环境-运行机制

在这里插入图片描述
在这里插入图片描述

组件

在这里插入图片描述

view

在这里插入图片描述

scroll-view

在这里插入图片描述

swiper

在这里插入图片描述

swiper常用属性

在这里插入图片描述

text

在这里插入图片描述

rich-text

在这里插入图片描述

button

在这里插入图片描述

image

在这里插入图片描述
在这里插入图片描述

明日之星3559727
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序学习笔记
weixin_52862941的博客
11-14 764
黑马微信小程序学习笔记。
微信小程序学习笔记（一）——三类配置文件（app.json、页面名.json、sitemap.json）
惟愿此间无白头的博客
04-21 1243
文章目录1. 全局配置文件（app.json）1.1 page1.2 window1.2.1 backgroundTextStyle1.2.2 navigationBarBackgroundColor1.2.3 navigationBarTitleText1.2.4 navigationBarTextStyle1.2.5 enablePullDownRefresh1.2.6 backgroundC...
微信小程序省市区json
05-09
微信小程序省市区json
小程序 学习笔记1
01-03
编写Hello 大成！ 1.微信小程序 注册一个微信公众号， 2.下载微信开发工具 3.编写hello代码 目录定义为hello 分别贴入代码： helloworld.js Page({}) helloworld.json    {“name”:”keny123″} helloworld.wxss 定义字体 view { width: 100%; height: 100rpx; text-align: center; } helloworld.wxml Hello 大成！ app.js App({}) app.json { “pages”:[ “pages/hello/helloworld”
前后端分离项目—微信小程序的创建及app.json的配置(二)
吉屋安的博客
11-14 2336
登录微信公众平台获取自己对应的appid并创建项目，不选择云服务，使用js模板。下载后放在pages同级文件的icons中，通过路径进行引入。创建完成微信小程序项目后，在app.json中添加页面代码。图标的需要自己阿里巴巴矢量图标库进行下载。
微信小程序开发个人笔记
03-29
小程序的全局配置app.json和页面配置page.json 每单页页面也有相应的.json文件，设置每个页面中.json配置，会覆盖与app.json相同的配置项。 如下：是一个包含了所有配置选项的简单配置app.json "pages": [//设置...
微信小程序学习笔记之目录结构、基本配置图文详解
12-08
本文实例讲述了微信小程序学习笔记之目录结构、基本配置。分享给大家供大家参考，具体如下： 结束了一段时间的学习，开始一段新的学习旅程 —— 微信小程序。现在出去找工作只会PHP、HTML+CSS、JS什么的不够了，...
微信小程序：开发入门之配置文件（app.json）（二）
01-03
继《微信小程序：开发入门之配置文件（app.json）（一）》讲了配置文件（app.json）中的pages和windows配置，今天来为大家接着整理一下abBar、networkTimeout、debug配置 tabBar配置 当程序顶部或底部需要菜单栏时，...
微信小程序开发教程第三章：项目结构以及配置
03-29
这个时候需要根据自己的项目需求结构进行更改了，项目根目录下面是首页渲染的几个 tabBar 页面，以及 app 的一些配置文件，如名 ...       找到创建的 demo 文件夹，把项目导入到你的编辑器，这里使用的是Sublime...
微信小程序学习笔记——小程序配置文件 页面配置 page.json
qq_37899792的博客
04-09 1113
https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html 页面配置 每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖app.json的window中相同的配置项。文件内容为一个 JSON 对象。 页面配置文件：如下图...
微信小程序实现蓝牙连接通讯
qq_41687299的博客
04-23 244
微信小程序连接蓝牙
基于微信小程序的图书馆座位预约系统的设计与实现
No_Name_Cao_Ni_Mei的博客
04-22 558
本文主要介绍了基于微信小程序的图书馆座位预约系统的设计与实现。随着图书馆座位需求的增加，传统的人工管理方式已经无法满足用户的需求。因此，设计并实现一个高效的座位预约系统具有重要意义。首先，本文对图书馆座位预约系统的需求进行了分析。通过调研用户的座位预约习惯、座位类型和预约规则等，确定了系统的功能模块和实现目标。系统的主要模块包括用户登录模块、座位浏览模块、座位预约模块以及管理模块。接着，本文详细介绍了微信小程序的设计与实现过程。借助微信小程序的便利性和开发工具的支持，开发者能够快速搭建座位预约系统。
【微信小程序从入门到精通（项目实战）】——微电影小程序
php优质创造者
04-18 3195
如果还要不懂运行不出效果可以私信博主
如何用微信小程序实现远程控制无人售货柜
tyanzhiqi的专栏
04-22 851
如何用微信小程序实现远程控制无人售货柜呢？本文描述了使用微信小程序调用HTTP接口，实现控制无人售货柜，独立控制售货柜、格子柜的柜门。
怎么通过微信小程序实现远程控制包间内的电器
tyanzhiqi的专栏
04-21 768
怎么通过微信小程序实现远程控制包间内的电器呢？本文描述了使用微信小程序调用HTTP接口，实现控制包间内的电器，专用的包间控制器，可独立控制包间内的全部电器，包括空调。
如何用微信小程序实现远程控制墙壁插座
tyanzhiqi的专栏
04-23 1030
如何用微信小程序实现远程控制墙壁插座呢？本文描述了使用微信小程序调用HTTP接口，实现控制墙壁插座，替换原有插座，安装智能插座后，即可实现远程控制。
Java基于微信小程序的讲座预约系统的研究与实现，附源码
徐师兄的博客
04-21 969
讲座预约管理系统的用户是系统最根本使用者，按需要分析系统包括用户：学生、管理员。管理员通过后台的登录页面，选择管理员权限后进行登录，管理员的权限包括学生信息管理和文章公告管理。讲座公告管理，添加讲座公告信息，给学生发布一些学校的公告内容，为学习提前做准备，管理员管理后点击退出，注销登录信息。学生用户只要实现了前台信息的查看，打开首页，查看网站介绍、在线交流、信息公告等，学生用户通过账户账号登录，登录后查看讲座、预约讲座。
微信小程序实时日志使用，setFilterMsg用法
最新发布
weixin_47124112的博客
04-23 437
为帮助小程序开发者快捷地排查小程序漏洞、定位问题，我们推出了实时日志功能。开发者可通过提供的接口打印日志，日志汇聚并实时上报到小程序后台。开发者可从We分析“性能质量->实时日志->小程序日志”进入小程序端日志查询页面，或从“性能质量->实时日志->插件日志”进入插件端日志查询页面，进而查看开发者打印的日志信息。设置后在小程序管理后台可随机组合三个关键字进行检索，如：“scene1 scene2 scene3”、“scene1 scene2”或 “scene2”等（以空格分隔，故。
微信小程序开发学习路线
03-29
你可以通过官方文档学习小程序框架的基本使用方法和开发规范。 3. 学习小程序组件：小程序提供了丰富的组件库，包括按钮、列表、表单等常用组件。学习如何使用这些组件可以帮助你快速构建小程序界面。 4. 学习小...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值