位置: 编程技术 - 正文

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

编辑: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秒数转时间)

  • 缴纳增值税账务处理
  • 农机企业所得税税率
  • 资产负债表期末数是本年累计数吗
  • 一般纳税人必须开13个点吗
  • 企业年报修改后,第三方平台多久同步
  • 弱电系统多少钱
  • 利润表中财务费用是负数怎么算营业利润
  • 买金税盘发票能全额抵进项税吗
  • 工资分配率的计算公式
  • 摊销制造费用如何结转做会计分录呢?
  • 境外中资企业转中资企业
  • 半成品转成品会计分录
  • 车辆商业险和交强险可以分开买吗
  • 冲销去年暂估费用
  • 公对公房产转让税费
  • 核销的方式
  • 企业交的房产税在哪打印税单
  • 上市公司现金分红对股价的影响
  • 企业开税票申报个人所得税怎么申报?
  • 特殊建造行业
  • 母子公司划转房产怎么办
  • 物业公司代收电费会计分录
  • 个税返还怎样申请退税
  • 固定资产上的配件经常更换
  • 所得税汇算成本调减会计分录
  • 一个法人可以办几个公司
  • 职工教育经费的扣除限额
  • 贴息费率
  • 预付购买材料款会引起会计等式
  • 贷款的资产减值怎么处理
  • 企业房产税如何计算方法
  • 销售费用的类型
  • react组件如何设置dom
  • 勃朗峰峡谷
  • vscode+cmake
  • 前端 大前端
  • 补收入账是什么意思
  • 报关单份数
  • g郭敬明
  • Windows上PostgreSQL安装配置教程
  • 固定资产年限折旧方法
  • 销售人员的工资属于什么会计科目
  • 企业税务分为哪几类
  • 应税项目和非应税项目分类
  • sqlserver强制转换为字符
  • 住房公积金有什么好处和优势?
  • 资产减值准备是资产的备抵科目吗
  • 纳税人防伪税控设备未抄报怎么办
  • 金税盘锁死341101
  • 售后回租服务费开票
  • 支付的中介费进什么科目
  • 印花税计入相关资产成本吗
  • 其他业务支出借方增加还是减少
  • 坏账准备的计提方法有哪些
  • 单位缴纳的社保计入什么科目
  • 收据和收款收据的法律效力
  • 销售产品产生的运输费计入什么科目
  • 信用证保证金到期怎么处理
  • 营业外收入核算的内容有
  • 首先要知道什么英语
  • 企业负担的差旅费
  • 技术服务费会计处理
  • 老板个人借款要纳税吗
  • 职工体检费如何报销
  • iPhone怎么录制屏幕
  • schedhlp.exe - schedhlp是什么进程 作用是什么
  • dos所有命令的命令格式
  • cocos2dx 3.4 lua加密 setXXTEAKeyAndSign
  • 高级控件动态数据加载过程有哪些
  • learning android
  • eclipse怎么查看项目的位置
  • js折叠展开特效
  • nodejs inspect
  • Android Fragment 体系 源码追踪笔记(4)
  • Tiled GPU perf. warning: RenderTexture color surface (0x0) was not cleared/discarded
  • 异步promise原理
  • mac解析域名
  • 安卓的生命周期方法
  • 河南省地方税务局公告2017年第4号
  • 公共卫生委员会领导小组
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设