zoukankan      html  css  js  c++  java
  • 微信小程序初探

    做为码农相信大家最近肯定都会听到微信小程序,虽然现阶段还没有正式开放注册,但大家可以还是可以开发测试。

    到微信的WIKI(http://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1474632113_xQVCl&token=&lang=zh_CN)上

    进行获取关于微信小程序的开发说明文档,开发文档还是比较详细和简单的,如果使用过如ReactJs,VueJs等框架的经验会很容易上手的。

    如何开发微信小程序,首先需要下载微信小程序开发工具。

    1、打开开发工具,创建项目。(使用自己的微信进行扫描登录。)

    在添加项目时大家也许会注意到AppID这一项。因为微信还没有开放注册,

    哪里去获取AppID呢,其实微信这一次还是比较人性化的。点击无AppID.

    此处需要勾选(在当前目录中创建quick start项目),当勾选了会在项目中生成

    简单的项目文件。

    添加项目成功后。

    项目目录

    文件说明:wxss(样式文件),wxml(视图文件),app.wxss(全局样式文件),app.json(全局配置文件),

    app.json:

      pages节点包含小程序中的页面,pages节点中的第一项为小程序默认页。

      windows节点可以配置navigationBar等样式。

    现在对默认生成的程序进行添加一个按钮,并注册一个tap事件。打开Index.wxml和index.js。

    修改后要重新启动才可以看到效果。

    其他的操作(如include,import templete,数据绑定,判断,循环等)大家自行探索吧,很简单。

    再添加一个调用API进行上传照片,修改用户图片。

    修改按钮tap事件。

  • 相关阅读:
    电子商务:不只是一个网站那么简单
    sqlserver中使用查询分析器的一点小技巧
    以成败论英雄
    SEO 工具集合
    网页中常用JAVASCRIPT技巧
    调用样式表(基础)
    【转载】fontsize:100%有什么作用
    Div+CSS常见错误
    css简单的总结
    【转载】网页尺寸规范
  • 原文地址:https://www.cnblogs.com/tom-zhu/p/5904189.html
Copyright © 2011-2022 走看看