「小程序JAVA实战」运行微信官方demo(四)-创新互联

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

创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的嘉黎网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
微信官方小程序的demo
  1. 介绍

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

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

  1. pc端下载源码

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

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

  1. 微信端的二维码

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

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

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

PC端项目源码导入
  1. 新建项目
    「小程序JAVA实战」运行微信官方demo(四)

2.导入项目

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

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

  1. 项目名称填写

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

  1. 启动完毕

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

######代码业务关系

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

主要分为组件和接口两个部分,
1. 组件就类似咱们在html里面的form,button,input等等吧用于视图2. 接口就类似在做app开发的时候调用gis,相册权限,手机信息等等

  • 查看demo 对应的代码,基本在实际的开发过程中,这都是相互对应的。

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

  • 单独看下button的目录结构

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

  1. .js后缀的文件是脚本文件,页面的交互等代码在这里实现。

  2. .json后缀的文件是配置文件,主要是json数据格式存放,用于设置程序的配置效果。

  3. .wxss后缀的是样式表文件,类似于前端中的css,用于对界面进行美化。

  4. .wxml后缀的文件是页面结构文件,用于构建页面,在页面上增加控件。

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

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章标题:「小程序JAVA实战」运行微信官方demo(四)-创新互联
标题网址:http://csdahua.cn/article/ddgpod.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流