专栏首页编程坑太多「小程序JAVA实战」运行微信官方demo(四)

「小程序JAVA实战」运行微信官方demo(四)

在学习前端各种框架easyui,vue,ext等等框架的时候,官方都会提供一套对应的demo,通过详读微信官方小程序的demo可以很好了解使用api,微信小程序不可缺少有一套自己的demo程序,来跟我一起看看吧

微信官方小程序的demo
  1. 介绍

https://mp.weixin.qq.com/cgi-bin/wx

  1. pc端下载源码

https://developers.weixin.qq.com/miniprogram/dev/demo.html?t=1477656485442

  1. 微信端的二维码

手机微信打开-右上角扫一扫--扫下面的官网二维码实例

PC端项目源码导入
  1. 新建项目

2.导入项目

  1. 项目名称填写
  1. 启动完毕
代码业务关系

主要分为组件和接口两个部分,

  1. 组件就类似咱们在html里面的form,button,input等等吧用于视图2. 接口就类似在做app开发的时候调用gis,相册权限,手机信息等等
  • 查看demo 对应的代码,基本在实际的开发过程中,这都是相互对应的。
  • 单独看下button的目录结构
  1. .js后缀的文件是脚本文件,页面的交互等代码在这里实现。
  2. .json后缀的文件是配置文件,主要是json数据格式存放,用于设置程序的配置效果。
  3. .wxss后缀的是样式表文件,类似于前端中的css,用于对界面进行美化。
  4. .wxml后缀的文件是页面结构文件,用于构建页面,在页面上增加控件。

PS:本来都是搬砖的,我学习新技术的思路就是多看他的demo,有的放矢,先看demo哪里不理解查看官方的api介绍,想完成某个功能看看demo里面有没有对应的,有了就直接拿来复制,没有就看api,编程不是你打字有多块,而是需要你的思路有多清晰。

本文分享自微信公众号 - 编程坑太多(idig88)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-11-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 什么样的程序员才是牛逼的程序员?

    PS:很多人都为了生活打拼,放弃自己的梦想、兴趣、爱好,像机器一样工作。如果一个人有追求,能够享受生活,活的有趣,对我来说他就是牛逼的。除了技术,日常爱好摄影、...

    IT故事会
  • 『高级篇』docker之微服务间如何通讯(六)

    在 Web 应用中处理来自客户端的请求时,通常只考虑 GET 和 POST 这两种 HTTP 请求方法。实际上,HTTP 还有 HEAD、PUT、DELETE ...

    IT故事会
  • 『中级篇』docker之CI/CD持续集成-CD演示(74)

    PS:基本的流程就是开发人员提交代码,自动构建,然后可以在ci服务器上访问,整个流程基本就是这样。

    IT故事会
  • shell技巧分享(一)

    songleo
  • 【crud】全栈-在线备忘录-node-express-MongoDB

    这个VueJs的demo,这是一个在线的备忘录,算是全栈的一个应用吧,第一版的很简陋的demo贴上来,以后再美化UI,先把crud流程跑通再说, ? <!-- ...

    web前端教室
  • Barchart实现滚动标签跟随滚动

    目前有功能比较强大的柱形图Charts,写这个demo的目的主要是产品要实现 滚动柱形图,标签要跟随滚动。所以重新写了一个简单的demo实现了功能, 具体使...

    赵哥窟
  • 【毕设】学前端的,毕业设计可以做些什么?

    如标题,这个问题是群里的一个小伙伴问的,当时我在逛街,不能仔细的回答它。就只好等回到家之后,静下心来,认真的写篇文章来回答这个问题,一篇文章写下来,可以很全面的...

    web前端教室
  • 『Demo』音乐类Demo大全

    好东西要乐于分享 好的Demo资源可遇而不可求,在这个小程序Demo资源越来越少的时局下,极乐蜀黍给大家雪中送炭,拿出自己的收藏多年的Demo资源,可不要太感动...

    极乐君
  • 【图片简历】Vue.js在线简历编辑器;生成图片简历(二)

    今天是春节之后上班第一天,许多同学们都会觉得有些不习惯吧?没关系,明天就是第二天,后天就是第三天了,慢慢的你就习惯了...跟大家开个玩笑哈,春节已过,让我们继续...

    web前端教室
  • 目标检测算法中检测框合并策略技术综述

    物体检测(Object Detection)的任务是找出图像或视频中的感兴趣目标,同时实现输出检测目标的位置和类别,是机器视觉领域的核心问题之一,学术界已有将近...

    SIGAI学习与实践平台

扫码关注云+社区

领取腾讯云代金券