学习微信小程序的第一天——认识开发工具的各个组件

已于 2022-08-12 17:53:35 修改
阅读量1.4k 收藏
点赞数
文章标签： 微信小程序 学习 小程序
于 2022-08-12 17:42:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41311528/article/details/126305262
版权

学习致谢：https://www.bilibili.com/video/BV1834y1676P?p=8&vd_source=eea46c4b2d8e22202f61369ffd3e079d

写在前面

微信小程序主要由四部分组成，即js,json,wxml,wxss

app.js的作用

在这里插入图片描述

project.config.json

用来记录我们对小程序开发工具所做的个性化配置
在这里插入图片描述

sitemap.json文件

在这里插入图片描述
**

小程序代码的构成-WXML模板

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

小程序代码的构成-WXSS模板

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

小程序代码的构成-JS逻辑交互

在这里插入图片描述

小程序的宿主环境-宿主环境简介

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

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

斯特凡今天也很帅
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【delphi】开发微信小程序后台控件（三）（含源代码、演示程序、控件使用帮助）
sensor_WU 博客
12-13 1559
7. 微信小程序控件测试 7.1 设置参数 选择【公共功能】-【编辑控件属性】菜单，设置相关参数并保存 7.2 双击绿色运行按键或者 启动小程序功能 菜单 至此，小程序后台服务已经成功启动，可以在前端进行任何请求了。 8. 启动服务失败解决方法 如果启动小程序失败，出现如下提示： Could not add the following Url to the server. Be sure that you have reserved the Url in Http.Sys with proper
手把手教你开发微信小程序中的插件
热门推荐
Dreawer微信小程序联盟
04-17 1万+
继上次 手把手教你实现微信小程序中的自定义组件 已经有一段时间了（不了解的小伙伴建议去看看，因为插件很多内容跟组件相似），今年3月13日，小程序新增了 小程序**「插件」 功能，以及开发者工具新增 「代码片段」**功能，即在小程序基础库 1.9.6 版本上，允许开发者开发插件，同时将插件提供给其它小程序使用，这无疑给开发者带来了福音，因为不同的小程序之间可以共享代码啊，这将省去不少的开发成本了~小...
微信小程序开发的的基本组件
m0_61799631的博客
07-17 2417
微信小程序开发工具中的基本组件：view和scrool-view组件、swiper 和 swiper-item组件、text 和 rich-text 组件、button按钮组件、image图片组件以及navigator页面导航组件
微信小程序开发-组件的学习1
qq_45725487的博客
05-10 201
view： 视图容器 类似与在html中的div属性 特别的四个属性值： wxml 文件中的<view>组件类似于网页开发中的<div>，而<text>组件是用来写文本的，需要注意的是<text/>组件内只支持<text/>嵌套。当然，可用用<image>插入图片，图片要保存到 image 目录，否则在测试的时候是无法上传的。 hover-class string none 否 指...
微信小程序开发 组件认识
SunNang的博客
11-15 1095
能够给view组件绑定tap事件 能够给事件传递参数 data- 能会使用scroll-view和view容器组件 能够自定义组件并且使用自定义组件 一、事件 1.1 事件绑定 事件 | 微信开放文档 小程序事件绑定是在组件中以属性的形式来完成的，例【bind/catch事件名="方法名"】 注：小程序中绑定方法名不能用括号，直接写方法名即可 事件名bind【冒泡】或catch【非冒泡】开头，然后跟上事件的类型，如bindtap、catchtap tap 手..
微信小程序开发之三 —— wxml与wxss
@不胜寒
07-21 1593
快来学习微信小程序开发呀--wxml与wxss
微信小程序开发文档——表单组件
Qjy_985211的博客
03-02 1676
表单组件 button 按钮 checkbox 多项选择器，内部由多个checkbox组成。 form 表单，将组件内的用户输入的&lt;switch&gt; &lt;input&gt; &lt;checkbox&gt; &lt;slider&gt; &lt;radio&gt; &lt;picker&gt; 提交。 input 输入框 label 绑定的控件 picker 从底部弹起...
基于微信小程序的股票分时图K线图小程序（毕业设计，包括数据库，源码，教程）.zip
10-11
《基于微信小程序的股票分时图K线图小程序——毕业设计深度解析》 在当今数字化时代，微信小程序作为轻量级的应用平台，以其无需下载、即扫即用的特性深受用户喜爱。本项目以“基于微信小程序的股票分时图K线图小...
七天学习微信小程序开发（二）——学习笔记（三）
JCManZZ的博客
06-10 907
文章目录微信小程序云开发——云函数云函数介绍云函数的使用步骤云函数的具体使用通过云函数操作数据库微信小程序云开发——云存储操作步骤微信小程序云开发——第三方组件vant使用第三方组件库的步骤微信小程序云开发——实例：豆瓣电影列表安装依赖与第三方库 微信小程序云开发——云函数 云函数介绍 云函数定义：运行在（腾讯云）上的程序，将需要的函数部署在云开发平台上，即可实现随处使用的特点 云函数特性： 操作权限高（一次可删除多条记录） 突破网络限制（icp/http） 云函数的使用步骤 第一步：使用小程
微信小程序实例练习——《排班查询》
m0_z的博客
01-15 3504
文章目录一、三、获取数据&传输数据 一、 三、获取数据&传输数据 1、 var x=(new Date()).getMonth() + 1; var y=(new Date()).getDate(); 作用是读取本日日期（x月y日）。 2、 <input bindinput="data1" type="number" class="nput" placeholder="月：" placeholder-style="text-align:left"></input>
【小程序 - 大智慧】深入微信小程序的核心原理
知心宝贝的博客
09-05 2353
本文深入剖析了小程序的高级语法和核心原理，涵盖了前端编码与设计规范、页面交互、数据流转等基础，以及双线程架构、webview渲染、PageFrame模板、通讯机制、生命周期管理、跨端开发框架等关键技术，旨在提升开发者对小程序全流程的理解和应用能力。
ssm微信小程序的英语学习激励系统论文源码调试讲解
u014445459的博客
09-06 1732
开发信息管理系统的主流框架是SSM（Spring + Spring MVC + MyBatis），SSM框架web层使用Spring MVC框架，使传输前后端数据变得简单；对于业务层使用Spring作为轻量级控制反转和面向切面的容器框架；对于相关SQL操作，采用Mybatis作为持久层框架，对JDBC进行封装，使得数据库的底层面向开发者操作处于一种透明状态。Java以Linux为基础并且使用Java语言进行开发的操作平台。
基于云函数的自习室预约微信小程序+LW示例参考
09-05 562
技术栈+工具：云数据库 + 云函数 + JS + 原生微信小程序 + 微信开发工具系统角色：普通用户（学生）、管理员系统功能：管理员（自习室预约管理、学生用户管理、储物柜预约管理、储物柜管理、自习室管理、预约核销）、学生（登录注册、自习室预约、储物柜预约、预约规则查看等）
SprinBoot+Vue二手回收微信小程序的设计与实现
赵广陆
09-04 2948
目录1 项目介绍2 项目截图3 核心代码3.1 Controller3.2 Service3.3 Dao3.4 application.yml3.5 SpringbootApplication3.5 Vue3.6 uniapp代码4 数据库表设计5 文档参考6 计算机毕设选题推荐7 源码获取 1 项目介绍 博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实战开发、讲解和答疑辅导，对于专业性数据证明一切！ 主要项目：javawe
SprinBoot+Vue新生报到微信小程序的设计与实现
赵广陆
09-04 3336
目录1 项目介绍2 项目截图3 核心代码3.1 Controller3.2 Service3.3 Dao3.4 application.yml3.5 SpringbootApplication3.5 Vue3.6 uniapp代码4 数据库表设计5 文档参考6 计算机毕设选题推荐7 源码获取 1 项目介绍 博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实战开发、讲解和答疑辅导，对于专业性数据证明一切！ 主要项目：javawe
微信小程序实践案例
最新发布
qq_54015925的博客
09-06 1623
参考视频：https://www.bilibili.com/video/BV1834y1676P/?p=36&spm_id_from=pageDriver&vd_source=b604c19516c17da30b6b1abb6c4e7ec0 阿里巴巴图标库：https://www.iconfinder.com/大部分不用登录，免费获取。 https://applet-base-api-t.itheima.net/slides https://applet-base-api
基于STM32设计的智能安防系统(微信小程序)(218)
09-04 6018
本项目选择了高性能、低功耗且易于开发的STM32F103RCT6作为主控芯片，设计了一套全面的智能安防解决方案。这套系统集成了指纹识别门禁、环境监测、远程数据传输与控制等多项功能，实现了对室内安全状况的全方位立体保护。 系统不仅支持指纹识别解锁，采用电磁锁保证物理门禁的安全可靠；还通过火焰检测模块、MQ2烟雾传感器以及震动传感器来实时监控室内的火灾隐患和非法闯入行为。同时，系统配置了SPI接口的OLED显示屏，方便本地用户直观获取系统运行状态和告警信息；而通过独立按键输入管理员密码，进一步增强了系统的权限
uniapp个人健康预警管理系统 微信小程序的设计与实现 38vk1
qq2295116502的博客
09-04 1708
👇🏻 博主介绍：👇🏻 专注于Vue Java、python nodejs php小程序技术领域和毕业项目实战✌全网粉丝50W+,博客专家、CSDN特邀作者、CSDN新星计划导师、全栈领域优质创作者，csdn博客之星 等平台优质作者,招代理,同行供货,量大从优。
SprinBoot+Vue高校实验室管理微信小程序的设计与实现
赵广陆
09-03 1921
目录1 项目介绍2 项目截图3 核心代码3.1 Controller3.2 Service3.3 Dao3.4 application.yml3.5 SpringbootApplication3.5 Vue3.6 uniapp代码4 数据库表设计5 文档参考6 计算机毕设选题推荐7 源码获取 1 项目介绍 博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实战开发、讲解和答疑辅导，对于专业性数据证明一切！ 主要项目：javawe
微信小程序：实战教程——日期别医生排班表实现
在微信小程序开发中，实现一个日期特定时间段内医生排班表功能是一项实用且常见的需求。本文将详细介绍如何通过JavaScript代码来构建这样的功能，具体使用了`util.js`文件中的关键函数。 首先，我们来看`dateCount`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值