微信小程序开发

随着互联网的迅速发展，小程序公布上线后就有很多企业通过各种渠道咨询相关业务，为什么小程序能够受到企业的青睐呢？首先开放了微信入口，有效吸引到了大量的微信用户群体，小程序是一种不需要安装即可使用，用户扫一扫或搜一下即可打开应用，小程序可以在微信内简单的获取和传播，轻松的将线下用户引导到线上，老用户可以直接将应用推荐给朋友，这样就拓宽了推广渠道，实现了0成本的推广方式，实现盈利。 现在每个城市都会有小程序开发公司，对于商家运营确实有很大的帮助，现在市场上小程序的价格在几百到上万不等，怎样才能找到合适的呢？第三方平台开发，这种开发价格较低，根据功能几千元就可以实现，主要的是开发周期短，一个星期左右就可以上线运营；如果根据企业需求专门研发定制的话，这种开发价格较高，几万到十几万都有，需要边开发边调试，开发周期较长，几个月甚至更长时间。 商机集市是一个专注于微信小程序定制开发的平台，始终以客户体验为第一需求，以雄厚的技术团队和专业的设计团队帮助企业快速搭建移动互联网平台，提供全方位后台系统培训指导和售后系统操作服务。 来源： 51CTO 作者： 瑾123 链接： https://blog.51cto.com/14770273/2483141

1.小程序代码构成 　　通过开发者工具快速创建了一个 wechatdemo 项目。项目里边生成了不同类型的文件: 　　.json为配置文件 　　.wxml 为模板文件，相当于HTML模板 　　.wxss 为样式文件，相当于HTML的CSS样式表 　　.js 为JS 脚本逻辑文件，相当于HTML的js脚本 　　一个描述整体程序的 app 　　多个描述各自页面的 pages 　　一个项目IDE配置文件 project.config.json 　　一个共用程序逻辑库 utils 2.一个小程序主体部分(名称为app)由三个文件组成，必须放在项目的根目录 　　文件　　　　 　　作用　　　　　　必填 　　app.js　　　　　　 小程序逻辑　　　　是 　　app.json 　　　　 小程序公共配置　　是 　　app.wxss 　　　　 小程序公共样式表　否 　　2.1 一个描述整体程序的 app 之app.js文件(注册小程序项目) 　　1.App() 必须在 app.js 中注册，且不能注册多个。 2.不要在定义于 App() 内的函数中调用 getApp() ，使用 this 就可以拿到 app 实例。 3.不要在 onLaunch 的时候调用 getCurrentPages()，此时 page 还没有生成。 4.通过 getApp() 获取实例之后，不要私自调用生命周期函数。 　　其他

如今许多商家都加入了社区团购，需要开发社区团购小程序才能让业务更好地开展。现在市面上的团购小程序种类很多，开发小程序的公司也越来越多，那么商家应该怎么选择合适的社区团购小程序开发公司呢？选择拥有知名合作案例、研发技术专业、有实力、能够提供优质售后的开发公司。 很多企业都会问到做个社区团购小程序需要多久呢？其实小程序的开发制作时间并没有一个固定的时间，根据企业不同的需求，开发的时间也不同，具体时间还是需要结合实际情况来定。对于企业直接购买现成的小程序模版来说，做个小程序甚至可能在几天内就完成了，因为已经拥有现成的系统，企业只需要根据开发公司给出的操作步骤就可以完成小程序平台的快速搭建。而对于定制开发来说，做个小程序系统一般都是在1~2个月左右，因为需要根据企业的需求开发，并且各个功能代码都是要程序员慢慢编写完善的，所以需要比较长的时间才能完成。 商机集市是一个专注于微信小程序定制开发的平台，始终以客户体验为第一需求，以雄厚的技术团队和专业的设计团队帮助企业快速搭建移动互联网平台，提供全方位后台系统培训指导和售后系统操作服务。 来源： 51CTO 作者： 瑾123 链接： https://blog.51cto.com/14770273/2482705

Index.wxml 是页面文件，里面的内容参考 https://developers.weixin.qq.com/miniprogram/dev/component/ 可以在 page 文件夹下创建自己的页面文件， bindtap 是点击事件 as 是点击事件的名字 事件在 index.js 进行配置，我这里配置的是一个点击后弹框的事件 关于跳转页面，在创建的点击事件中使用 wx.redirectTo 方法跳转 wx.navigateTo ： 保留当前页面，跳转到应用内的某个页面 wx.redirectTo ： 关闭当前页面，跳转到应用内的某个页面 wx.switchTab: 跳转到 tabBar 页面（在 app.json 中注册过的 tabBar 页面） wx.reLanch: 关闭所有页面，打开到应用内的某个页面。 关于连接服务器 选择详情 勾选下面的不校验合法域名 在 js 方法中调用外部服务接口 zuye: function (event){ console.log(event) var id = event.currentTarget.id; if(id == "zl"){ 调用接口 wx.request({ url:'http://172.20.10.5:8080/do', header: { 'content-type': 'application/json' /

3 月，跳不动了？>>> 上周花了 3 天的时间和老大一起重构了一下小程序的样式开发，虽然说在开发的过程中遇到了一些问题，但是最终减少了不少样式代码，同时功能上也更加强大。进一步来说，如果在后面我们的小程序用户想要自己定制化主题，也可以很快的实现。 全局样式开发 之前的小程序开发中，我们全方面使用了 Component 构造小程序组件以及页面(页面也可以使用 Component 构造器来编写)。当然一方面是因为小程序 Component 的开发体验非常好，拥有类似于 Vue mixin, watch 的 behaviors 和 observers ，比 Page 构造器强大了很多。另一方面，对于业务较重的小程序来说, Component 也有性能优势。可以参照 滴滴开源小程序框架Mpx 中的 Page与Component setData性能对照 。 在开发过程中，有很多样式是可以复用的。如果在之前开发中经常使用 Bootstrap 之类的 ui 库，那么你就会习惯使用这种库的 utilities 类。但是默认情况下，自定义组件的样式只受到自定义组件 wxss 的影响。不会受到全局样式 app.wxss 的影响。所以我们只能通过增加 @import 语法来辅助各个组件进行开发。 @import "xxx.css"; 如果你使用 CSS 预处理器来辅助小程序开发的话，可能就需要通过

智能手机已经从各个方面改变了大家的生活，通过手机打车、玩游戏、工作、定外卖、刷新闻、聊天交友等等，已经成为日常现象。传统网站、论坛的访问量大幅度下滑，转型移动互联网已经是时代趋势。 对于企业来说，要想拥有自己的移动互联网阵地，主要分为三种：原生App、web版H5和微信小程序，特别是后两者现在特别火 。推荐一款可同时实现APP/h5/小程序的 快速开发平台 。这款开发框架的手机端可视化开发----使用简单，会数据库就可以用。演示一下移动开发的快速配置。移动开发向导包含了移动开发的核心功能。 点击移动应用设计，我们先做首页登录页面设计。可视化操作按向导开发，轻松就可以完成。 2.首页界面设置 这里主要配置移动端需要展示的内容，通常会有一些数据交互，选好数据表，到时需要用到时直接读取。只要会SQL语句就会做手机端开发，各种控件拖拽式设计，很轻松的就可以把炫丽的页面做完。这个功能适合做展示的页面。 3、移动端功能页面设置 比如手机端做录入订单、商机、考勤等功能性页面，跟PC端开发差不多，做好后会生成代码。XJR会将这些解决方案生成好。可以打开它调试，生成APP、百度小程序、微信小程序、网站H5等。 这个开发框架直接通过操作界面元素诸如文本框、按钮、编辑框、单选框、下拉框、附件框和图片框等拖拽拉方式实现，简单高效。 来源： 51CTO 作者： qq5e12e5f32358d 链接：

某厂面试归来，发现自己落伍了！>>> 智能手机已经从各个方面改变了大家的生活，通过手机打车、玩游戏、工作、定外卖、刷新闻、聊天交友等等，已经成为日常现象。传统网站、论坛的访问量大幅度下滑，转型移动互联网已经是时代趋势 。 对于企业来说，要想拥有自己的移动互联网阵地，主要分为三种：原生App、web版H5和微信小程序，特备是后两者现在特别火 。推荐一款可同时实现APP/h5/小程序的快速配置框架。这款开发框架的手机端可视化开发----使用简单，会数据库就可以用。演示一下移动开发的快速配置。移动开发向导包含了移动开发的核心功能。 1. 点击移动应用设计，我们先做首页登录页面设计。可视化操作按向导开发，轻松就可以完成。 2.首页界面设置 这里主要配置移动端需要展示的内容，通常会有一些数据交互，选好数据表，到时需要用到时直接读取。只要会SQL语句就会做手机端开发，各种控件拖拽式设计，很轻松的就可以把炫丽的页面做完。这个功能适合做展示性的页面。 3、移动端功能页面设置 比如手机端做录入订单、商机、考勤等功能性页面，跟PC端开发差不多，做好后会生成代码。XJR会将这些解决方案生成好。可以打开它调试，生成APP、百度小程序、微信小程序、网站H5等。 这个 开发框架直接通过操作界面元素诸如文本框、按钮、编辑框、单选框、下拉框、附件框和图片框等拖拽拉方式实现，简单高效。 来源： oschina 链接

某厂面试归来，发现自己落伍了！>>> 之前遇到并且解决的坑，这边也渐渐忘记了，在这里就不列出来了…… 1、wx.redirectTo和wx.navigateTo 以及系统自带的tab：重定向和跳转都能实现到某个界面，a、不过如果从tab的一个界面跳到另一个tab的界面，就要用重定向，否则tab高亮位置会出错；b、通过tab切换时，开发工具会打开新栈，这样老的界面就无法关掉了，超出8个时，跳转和重定向都不能用了，真机上无该问题。 2、安卓手机上传图片，使用微信小程序提供的接口，提示找不到文件。上传不成功！（苹果手机可以） 3、安卓手机预览图片，使用微信小程序提供的接口，没有识别图中二维码功能，这样就不能识别二维码加好友。（苹果手机可以） 4、如果当前页面是wx.navigateTo，然后wx.redirectTo出来的页面，那么当前页面在开发工具上可以wx.navigateTo或wx.redirectTo，但是在真机上，必须wx.navigateBack后在其回调中进行重定向或跳转（注意，如果getCurrentPages()的length为1，则不能back，否则真机上会退出微信小程序）。具体原因不清楚，反正坑了我好久，最终测试出这种解决方案。 近日更新： 5、在开发者工具中，wx.redirectTo()的表现形式不是当前页面出栈，新页面入栈；而是用新页面的内容替换除底部导航部分

一个小程序项目，在根目录下会有3个应用文件，一个是全局业务逻辑文件app.js，一个是公共配置文件app.json，还有一个是公共样式表文件app.wxss。在这3个文件中，app.js和app.json是不可删除，是必须有的文件。 3.1 app.js 打开文件的那一瞬间，我才知道：人生遇到的人很多，但真正懂你的人却寥寥无几。懂你的人，即使你不说话，他也知道你的喜怒哀乐。不懂你的人呢，就给你一大堆代码，也不管你是否有了基础。如果有基础，我看这个干啥，如果没有，我看这个干啥？ 清空onLaunch里面的代码，只留一个空方法就好。好看的皮囊千篇一律，有趣的 灵魂万里挑一。App()必须且只能在app.js中调用一次，否则会出现无法预期的后果。 在onLaunch或其他函数中，可通过this(App实例)调用globalData全局变量。 //app.js App({ onLaunch: function () { let user = this.globalData.userInfo; }, globalData: { userInfo: null } }) 在App()里，除了onLaunch，还有onShow、onError等函数。 备注：当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁而是进入了后台；当再次进入微信或再次打开小程序

丰富的组件：https://developers.weixin.qq.com/miniprogram/dev/component/ 全局样式：app.wxss 页面+页面样式：page.wxml +page.wxss 视图层将逻辑层的数据反映成视图，同时将视图层的事件发送给逻辑层。 　　框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。 　　 什么是组件 ：（所有组件与属性都是小写，以连字符 - 连接） 组件是视图层的基本组成单元。 组件自带一些功能与微信风格的样式。 一个组件通常包括 开始标签 和 结束标签 ， 属性 用来修饰这个组件， 内容 在两个标签之内。 　　 属性类型： Boolean、Number、String、Array、Object、EventHandler 　　 共同属性类型： id、class、style、hidden、data-*、bind* / catch* 　　 组件分类： 视图容器、基础内容、表单组件、导航、媒体组件、地图、画布等。 　　　　 视图容器： 　　　　　　 view：视图容器 　　　　　　scroll-view：可滚动视图容器 　　　　　　swiper：滑块视图容器 　　　　基础内容： 　　　　　　 icon： 图标 　　　　　　text：文字 　　　　　　progress：进度条 　　　　表单组件：