微信小程序 - 详细版

简介:

微信小程序的发展背景


2017年1月,微信宣布推出小程序,凭借着微信的巨大用户群体,小程序迅速走红,成为了一种新型的应用形态。与传统的APP相比,小程序无需下载安装,可以直接在微信中使用,更加便捷和高效。此外,小程序也具有更加轻量级的特点,可以更好地满足用户的即时需求。因此,小程序一经推出就受到了广大用户的青睐

介绍:

小程序是一种无需下载安装即可使用的轻量级应用,主要依托于微信、支付宝等移动支付平台。 它具有即用即走、便捷高效、跨平台等特点,能够满足用户在购物、餐饮、出行、娱乐等多种场景下的需求。 自2017年微信推出小程序以来,小程序行业迅速发展,已经成为中国数字经济的重要组成部分

注册

首先我们要知道,想要写微信小程序,需要用到什么编辑器,还有怎么才能正确的写出小程序

一.    首先下载需要用到的编辑器     微信开发者工具

微信开发者工具下载地址与更新日志 | 微信开放文档             <--  下载地址

  然后打开微信开发者工具

创建小程序项目,你会发现要用到  AppID

这个的话,需要咱们自己注册

打开    微信公众平台

微信公众平台 (qq.com)

然后开始注册,因为我们这里是开发微信小程序,所以选择小程序

就会跳转到注册页面

分为三步:1.账号信息  2. 邮箱激活   3.信息登记

注册好就打开微信公众平台

扫码登录

登陆完成后,看左侧目录,找到开发管理     

右侧就可以看到自己的AppID,    后面的创建微信小程序就可以使用了

创建微信小程序

开始创建程序了        

(1)就是写一个项目名称  自己自定义

(2)选择创建文件所放的目录

(3)填写上面注册的自己的AppID

(4)咱们开发的是微信下程序,  所以选择小程序就行了

(5)一般咱们自己写项目是不需要用到云开发的,  所以选择不使用云服务开发

最后就是选择模板了,咱们在这里使用js基础版就可以

然后就是创建项目了

创建好项目进入项目里

(1)就是模拟器模块        可以实时的显示出咱们实现的效果

(2)就是编辑器模块       这里就是传统的写代码的地方

(3)就是调试器模块      这里可以看到数据,接口,报错啥的

接下来讲解一下主要i的代码应该往那写 :

点击pages   新建文件夹    名字自定义

点击新建的文件夹hah   新建Page    名字自定义,就建好了

然后你就发现多了四个页面

(1)  .js文件    就是写咱们的js代码的

(2) .json文件 

(3) .wxml文件   就相当于H5中的html文件 

(4) .wxss文件     就相当于H5中的css文件 

还有的就是代码的变化

text标签:

 就相当于H5的html文件中的   span标签 

image标签:

 就相当于H5的html文件中的   img标签 

view标签:

 就相当于H5的html文件中的   div标签 

其他的标签大差不差

到了这里大家就可以开始自己的微信小程序的开发了

  • 23
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序是一种基于微信平台的应用的开发模式,可以快速的开发出符合用户需求的小程序。在小程序的开发中,组件是一个非常重要的概念,通过组件可以实现复用性和模块化编程思想。 组件应用是小程序开发的基础。通过组件可以将某一模块化并封装起来,使得组件可以在不同的页面间得到复用,大大提升了开发效率并减少了代码冗余。微信小程序提供了丰富的自带组件,包括文本、图片、按钮、输入框等等,开发者也可以自己开发组件来满足自己的需求。实际开发中,通过组件可以快速搭建页面框架和业务逻辑。 Demo是一个演示小程序的示例程序。在小程序的实际开发过程中,一个好的Demo非常重要。通过Demo,开发人员可以更深入的了解小程序的开发流程、组件的应用和实际的业务开发等等。在Demo中,通常会包括小程序的一些基础操作,如页面跳转、数据绑定、组件的使用等。而在实际开发中,Demo还会包括一些复杂的业务场景,如支付、登录、数据列表展示等等。Demo不仅为开发者提供了学习和实践的机会,也方便了使用者了解该小程序的功能和特点。 总之,微信小程序组件的应用和Demo的开发都是小程序开发过程中非常重要的两个部分。良好的组件应用和精心设计的Demo,可以在极短的时间内实现小程序开发。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值