前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >「小程序JAVA实战」运行微信官方demo(四)

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

作者头像
IT架构圈
发布2018-12-10 15:09:25
9660
发布2018-12-10 15:09:25
举报
文章被收录于专栏:IT架构圈

在学习前端各种框架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,编程不是你打字有多块,而是需要你的思路有多清晰。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-11-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 编程坑太多 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 微信官方小程序的demo
  • PC端项目源码导入
  • 代码业务关系
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档