当前位置:   article > 正文

最详细的微信小程序制作方法

微信小程序制作

什么是微信小程序?

小程序”是说它首先是程序,然后具备轻便的特征。小程序并不像其他应用那样,它不需要安装,而是通过扫描二维码等打开后直接执行;用完以后也需要卸载。这就是所谓用完即走的原则。也是小程序则是提供了用户通过自己的操作而与服务实现互动的手段。

小程序相关技术介绍

  1. 使用 JSON 技术来表现应用的配置信息。包含应用的基本信息,页面配置和路由,应用全体的信息等。
  2. 使用经过定制 CSS+XML 技术来实现视图层的描述。画面元素,例如列表、按钮、文本框、选择框等都通过 XML 语言来描述,遵从 XML 语法,对于页面的共同风格,使用 CSS 进行定义。
  3. 使用 JavaScript 语言来实现逻辑层结构。包括用户操作的处理,系统 API 的调用等。
  4. 架构在视图层和逻辑层之间提供数据和事件传输功能,从而尽量减少难度。由于类似应有都属于轻应用,所以提供的功能都比较单一。

JSON

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它基于 ECMAScript(W3C 制定的 JavaScript 规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。

XML

XML(Extensible Markup Language),中文名为可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。
在电子计算机中,标记指计算机所能理解的信息符号,通过此种标记,计算机之间可以处理包含各种的信息,比如文章等。它可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。它非常适合万维网传输,提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。是 Internet 环境中跨平台的、依赖于内容的技术,也是当今处理分布式结构信息的有效工具。早在1998年,W3C 就发布了 XML1.0 规范,使用它来简化 Internet 的文档信息传输。

CSS

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

JavaScript

JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。
在1995年时,由 Netscape 公司的 Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为 Netscape 与 Sun 合作,Netscape 管理层希望它外观看起来像 Java,因此取名为 JavaScript。但实际上它的语法风格与 Self 及 Scheme 较为接近。
为了取得技术优势,微软推出了 JScript,CEnvi 推出 ScriptEase,与 JavaScript 同样可在浏览器上运行。为了统一规格,再加上 JavaScript 兼容于 ECMA 标准,因此也称为 ECMAScript。

废话不多说,直接上教程
  • 1

在开发自己的微信小程序之前,首先需要注册小程序账号,接下来我们一步一步做详细说明。
打开浏览器,输入:mp.weixin.qq.com或直接搜微信公众号平台也可以
在这里插入图片描述
打开之后,对我们来说第一次使用,所以我们要选择“立即注册”。
在这里插入图片描述

选择左下角的“小程序”方框

在这里插入图片描述
输入邮箱、密码、确认密码、验证码,之后选择同意协议和条款。当然这里的密码不是邮箱的密码,而是正在申请的小程序账号的密码。最后按下“注册”按钮。

在这里插入图片描述

点击“登录邮箱”按钮。打开相应的软件后,应该可以收到下面的邮件。

在这里插入图片描述

单击下半部一大片绿色的部分,就可以回到注册界面继续剩下去

在这里插入图片描述
选择主题类型为“个人”,然后输入管理员的姓名,身份证号码。
输入手机号码并单击“获取验证码”,将手机接收到的验证码输入到短信验证码栏中。
完成上述步骤,画面下部会出现一个二维码,需要用已经绑定银行卡的微信的扫一扫功能扫描该二维码进行实名认证。

在这里插入图片描述

如果认证成功,画面会变成下面这个样子。

在这里插入图片描述

点击“继续”按钮

在这里插入图片描述

大功告成

在这里插入图片描述

进入首页,选择开发管理

在这里插入图片描述
过程不复杂,一共分为三步:上传代码,提交审核和发布小程序。

在这里插入图片描述

按开发工具,进行开发,所以我们需要下载

在这里插入图片描述

下载完成后打开安装程序,首先是开始画面。

在这里插入图片描述

桌面图标,如下
在这里插入图片描述

接下来就可以开始微信小程序的开发之旅啦!
在这里插入图片描述

给大家分享我收集的一些微信小程序源码:

百度网盘资源

微信二维码,备注要写”领资源“

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/682691
推荐阅读
相关标签
  

闽ICP备14008679号