zoukankan      html  css  js  c++  java
  • 微信小程序简述

      最近在公司实习,经理要求做一个微信小程序,晚上闲时来写一下。

      微信小程序问世没多久,但毋庸置疑的是在不久的将来,它可以替代掉很多的APP。个人认为它的优势在于占用资源少,可以做到即用即走,对于一些使用频率不是很高的APP来说,使用相应的小程序会方便很多。

      要进行微信小程序的开发:

      1.首先得注册一个开发者的账号,可以到微信公众平台进行注册,选择注册的账号类型为小程序,进行相应的注册后即可进行以后的操作

      2.下载微信Web开发者工具,进行相应的安装,具体的安装过程在这儿就不详细说了

      打开微信Web开发者工具,可以用手机扫描二维码进行登录

      登录后有以下两种选项,在这儿我选择本地小程序项目

      可以添加项目,也可以打开以前的项目,在这儿我添加一个项目

      AppID的话可以填写,也可以不填写,但不填写部分功能可能会受到限制,项目目录可以选择一个已有的项目,如果没有,可以新建一个空的目录,如果是空的目录,会出现“在当前目录中创建 quick start 项目”这一句话,会默认创建quick start项目,然后添加项目。

      这就是开发工具的整体布局

      下面来讲一讲小程序的结构,每个小程序包含pages、app.js、app.json、app.wxss。

      pages中包含若干个page,一个page代表一个页面,page中包含*.js、*.json、 *.wxml、 *.wxss文件, *.wxml、 *.wxss类似于html和css,分别为页面结构文件和样式表文件,*.js为脚本文件,*.json为配置文件。当然这四个文件中只有*.js文件和*.xml文件是必须的,其它两个可有可无。

      app.js为小程序的入口,是小程序的脚本代码,可以监听并处理小程序的生命周期函数,以及声明全局变量等。

      app.json为小程序的全局配置文件,可以配置小程序是由哪些页面组成,窗口背景色,导航栏样式等等,每个页面都要在app.json的pages中注册,例如在这儿有两个页面,一个是index,另外一个是logs,注册信息如下

      app.wxss是小程序的公共样式表,为小程序定义相应的样式。

      小程序的框架的核心是一个数据绑定系统,分为视图层和逻辑层,即将数据层和逻辑层进行绑定,只在逻辑层修改数据,视图层便会进行相应的更新。

      要学习微信小程序,开发文档必不可少,在简易教程中,我们可以进行相应组件和API的学习,小程序封装了许多API,也为开发带来了许多便利。

       最后补充一下,知乎大神们提供的开发资料:

    如何入门微信小程序开发,有哪些学习资料?

    GitHub上的微信小程序资源汇总:

    微信小程序开发资源汇总

     

  • 相关阅读:
    float对内联元素和块元素的影响
    行内元素的困扰
    Nodejs同步和异步编程
    let、const、var的区别
    作用域
    SpringMVC
    MVC2新闻编译与发布
    JSP显示新闻
    servlet应用
    SWPU邮件登录界面的仿写(第二次作业)
  • 原文地址:https://www.cnblogs.com/cppeterpan/p/7208706.html
Copyright © 2011-2022 走看看