位置: 编程技术 - 正文

微信小程序开发之入门实例教程篇(微信小程序开发用什么语言)

编辑:rootadmin

推荐整理分享微信小程序开发之入门实例教程篇(微信小程序开发用什么语言),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:微信小程序开发者工具,微信小程序开发教程,微信小程序开发平台官网,微信小程序开发平台,微信小程序开发者工具,微信小程序开发公司,微信小程序开发平台,微信小程序开发平台,内容如对您有帮助,希望把文章链接给更多的朋友!

前言

近日,在工作闲暇之余,阅读了一些关于微信小程序的文章,忍不住,想动手试他一试。本文就以“我的第一个微信小程序”为例,简单的介绍下,微信小程序的入门级用法。

一、注册小程序账号

1、进入微信公众平台( 小程序发布流程->小程序开发与管理->配置服务器中,点击“开发者设置”。

3、会获得一个AppID,记录AppID,后面创建项目时会用到。

注意:如果要以非管理员微信号在手机上体验该小程序,那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块,绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号

二、下载微信web开发者工具

为了帮助开发者简单和高效地开发,微信小程序推出了全新的开发者工具 ,集成了开发调试、代码编辑及程序发布等功能。

1、下载页面: 根据系统,选择对应的工具版本下载

2、工具包含编辑、调试和项目三个页卡:

(1)编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作

(2)程序调试主要有三大功能区:模拟器、调试工具和小程序操作区

(3)项目页卡主要有三大功能:显示当前项目细节、提交预览和提交上传和项目配置

注意:启动工具时,开发者需要使用已在后台绑定成功的微信号扫描二维码登录,后续所有的操作都会基于这个微信帐号

微信小程序开发之入门实例教程篇(微信小程序开发用什么语言)

三、编写小程序实例

1、实例目录结构

2、实例文件说明及源码

一个小程序包含一个app(主体部分)和多个page(页面)

(1)app是用来描述整体程序的,由三个文件组成,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件,必须放在项目的根目录。

app.js是小程序的脚本代码(必须),可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量,调用框架提供的丰富的 API。

app.json是对整个小程序的全局配置(必须),用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中,且pages中的第一个页面是小程序的首页。

app.wxss是整个小程序的公共样式表(非必须)。

(2)page是用来描述页面,一个页面由四个文件组成,这里以首页index为例,每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件,.wxml后缀的文件是页面结构文件。

index.js 是页面的脚本文件(必须),在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。

index.wxml是页面结构文件(必须)。

index.wxss是页面样式表文件(非必须),当有页面样式表时,页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。

index.json是页面配置文件(非必须),当有页面的配置文件时,配置项在该页面会覆盖app.json的window中相同的配置项。如果没有指定的页面配置文件,则在该页面直接使用app.json中的默认配置。这里无需指定。

Tips:

a.为了方便开发者减少配置项,小程序规定描述页面的这四个文件必须具有相同的路径与文件名

b.小程序提供了丰富的API,可以根据自己需求选择(

javascript 秒表计时器实现代码 javascript秒表计时器实例代码:htmllang="en"headmetacharset="UTF-8"titlejs计时器/title/headbodyinputtype="text"value=":"inputtype="button"value="开始"inputtype="button"value="结束"

ECMAScript6 新特性范例大全 ECMAScript6(ECMAScript,ES5,ES)技术已经在前端圈子很流行了,他给前端开发人员带来了很多惊喜,提供的语法糖使复杂的操作变得简单。本文没有

js oncontextmenu事件使用详解 定义和使用oncontextmenu事件在元素中用户右击鼠标时触发并打开上下文菜单。注意:所有浏览器都支持oncontextmenu事件,contextmenu元素只有Firefox浏览器支持

标签: 微信小程序开发用什么语言

本文链接地址:https://www.jiuchutong.com/biancheng/376056.html 转载请保留说明!

上一篇:浅谈JavaScript中的apply/call/bind和this的使用(javascript总结)

下一篇:javascript 秒表计时器实现代码(js秒数转时间)

  • 一次性医用外科口罩哪个牌子好
  • 简易征收怎样计提增值税
  • 小规模纳税人缴纳增值税怎么算
  • 公司年末报表
  • 不能收回的应收票据
  • 租房违约金怎么计算,怎么写
  • 交易性金融资产的账务处理
  • 现金比率计算公式含义
  • 周年庆典布置现场
  • 营改增后工程税收怎么计算
  • 信托公司如何投资
  • 交税四舍五入差额怎么处理
  • 企业购车可以一次性扣除吗
  • 本月已认证发票还能撤销吗
  • 企业支付短期借款利息1000元
  • 小企业财务报表模板免费下载
  • 电子发票记账联怎么入账
  • 视同销售收入计入会计利润中吗
  • 资产负债表里面的应收账款包括哪些
  • 计提坏账为什么无法收回呢
  • 没有证书可以报特长生吗
  • 增值税小规模纳税人优惠政策
  • 小规模纳税人如何交增值税
  • 收到税务局信息
  • 安装固定资产的费用
  • windows10闹钟不响
  • mac系统安装出错
  • 个人应纳税所得额是要交钱吗
  • typora如何设置字体颜色
  • php 提交表单
  • 企业接受外单位投入的材料一批,应编制()
  • vue实现鼠标悬浮 显示全部内容
  • 非正常损失可以税前扣除吗
  • thinkphp3.0
  • 企业利润总额为负
  • php查询sqlserver数据库
  • 全网最新的暗号
  • 【深度学习】详解 MAE
  • 计算机视觉中的数学方法
  • lsattr命令不存在
  • 增值税折扣发票有折扣字样
  • 中国石化电子发票平台官网
  • 建筑保温材料出台了哪些限制政策
  • 房屋租赁可以开具住宿费发票吗
  • 怎样在网上领取
  • 进项税转出能转回吗
  • 个体工商户城市维护建设税
  • 工商登记备案在哪查
  • 社保费用如何入现金流量表
  • 小规模纳税人1%税率优惠政策
  • 税前利润弥补是什么意思
  • 员工领了备用金怎么办
  • 注销时,其他应付款有余额,怎么冲减
  • 应付账款入账金额可以包括哪些内容?
  • 代销商品怎么开票
  • 单位社保缴费收费标准
  • 固定资产领用原因
  • 企业收到待清算商户款项做什么分录
  • 通过sql存储过程发送邮件的方法
  • sqlserver2000企业管理器自动关闭
  • windows个性化定制包含
  • windows2.0下载
  • win7如何创建文件夹
  • 激活窗口的菜单的快捷键
  • mac打开safari快捷键
  • xp系统如何更改开机启动项
  • 电脑出现win 7 界面 然后就不动了
  • win7系统的wlan在哪里?
  • 安卓获取设备信息
  • javascript数组操作方法
  • 什么是碰撞检测
  • js设计模式书
  • shell脚本识别十六进制数
  • jQuery ajax MD5实现用户注册即时验证功能
  • javascript含义
  • android shareuid
  • jquery attribute
  • android 自定义actionbar
  • 地税局属于省直单位吗
  • 社会救助档案管理规范化的好处
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设