菜鸟（老尹）教你如何在后台“有一天”做一个微信小程序

前言万事开头难，小程序也不例外。说实话，MOOC.com的小程序课程刚出来的时候我就买了，但一直没兴趣当后台看。自从微信公开课上说可以在真机上调试，我就苦思冥想，看了文档，画了葫芦，最后做了个小程序上传，审核成功。那么如何一天教大家做小程序呢？一一听我说。首先贴上我的小程序，为了给伪证小程序准备环境开发工具，去官网下载开发工具，这个是必须的！既然是小程序，其实就是前端的东西，我需要你能做后端接口。准备后台接口，毕竟小程序只负责连接和传输数据。想要发布就必须搞定https，现在https也很简单，去阿里云的CA证书制作一个免费的微信小程序接口第一步，那就是接口。对于任何一个后端（大部分），你对javascript、Html、CSS有一个大致的了解，可以理解，可以使用一点，知道一点基本语法的使用方法，但是你需要做一个完整的前端——结束完整页毛呢布？从0开始写？诺诺诺，一个善良的我们，不会那样做，我们也不会。对于Web应用，我们可以应用模板、框架、layui、拼图CSS等做出像样的网页，甚至可以复制别人的页面做自己的页面（无耻哈哈哈哈）没错！我只想教你做这个哇哈哈哈哈，太他妈酷了。敲一点代码是不可能的，这辈子也不可能敲一点代码。只有复制和参考才能维持这种生活。首先，我们要下载一个CSS库(WXSS)，然后导入我们的样式。注：wxss是web的cssjs还是jsweb是html，不知道小程序是不是wxml*json后缀的，暂时还不用。但是看官方的例子，好像是一个配置。如果不需要，我们通常将{}留在那里。微信为了方便前端，专门设计了一个框架，增加微信用户的使用体验。相信大家都知道是weui------>weui的Github。我们最好使用官方的Demo来修改参考新的项目，可以省去很多麻烦。最好参考文档了解详细信息。如果你告诉我文档很难。拜托，这样我们后台看Spring源码和Struts2源码就简单多了！（意思是看不懂，只能用）weui的使用和我们使用css库是一样的，但是我们要知道我们的盒子容器div是小程序中的view，而我们可以通过给它一个类来展示我们的风格，比如一个九宫格：身份证识别更多的使用，可以查看github上的官方案例，一点一点拼凑起来非常简单。还有一点就是介绍库，怎么介绍库呢？我们要去github下载我们需要的CSS，我们会不会去找呢？我发给你，先生！来来来，先生，点进去复制CSS样式。既然大家都要引用这个库，那么应该放在根目录下，供大家参考。所以我们必须在根目录中引用它。@import'../../weiui.wxss';这样我们的样式就基本搞定了。如何让小程序动态化？如果我们在网络上，我们可以使用文档。当然，applet做不到这一点。因为小程序没有DOM节点，不知道这是优势还是劣势。当然，我们还有别的办法。就是微信给我们提供的setData。这件事很烦人。在网上查了一下，好像看到这个东西一直在更新。更新后不能用了，需要换个方式写。胡乱试改，终于写出来了。可能不是很规范。之前之所以不学小程序也是因为这个，一直在变unstable。等它稳定了再学习。varapp=getApp()Page({data:{},});里面的数据应该怎么写？让我举个例子。比如我想获取一个对象就是Page({data:{result:"IamNannima",},});然后在wxml中写{{result}}，就会出现我是Nannima的页面。要问我为什么，葫芦瓢我不会画！但是听说微信的语法是ES6什么的，虽然不懂。那我们如何修改这个数据中的数据呢？如果里面的数据很多怎么修改呢？varthat=this//必须是that.setData({result:"这么巧，我也是"})如果我没记错，直接用这个就可以了。setData，但必须是对象，有时需要点击两次才响应。至于上传文件和点击事件，文档说的很清楚。我不会详细介绍。基本上复制修改文档后就可以使用这个功能了。然后直接连接自己的接口，返回数据即可。还有一些用心良苦的源码，风格和web基本一致，可以扣下来直接用。只要你能看懂就行。而且好像有一些网页可以在线创建然后下载下来直接当样式使用。