美文网首页微信小程序
微信小程序入门总结

微信小程序入门总结

作者: 工程师54 | 来源:发表于2020-03-04 14:10 被阅读0次

一、前提

    微信小程序是一个简洁的前端程序, 基于数据驱动的前后端分离设计思想,开发之前有三个如下基本要求:

   1、技术背景,熟悉es6的javascript开发,最好具有vue.js等类似前端的开发经验

   2、环境要求,有一个后端服务器,必须有独立域名、HTTPS、在后台登记

   3、后端服务,通过Node.js、java、.net、python等开发后端服务

二、开发

       微信小程序通过“微信开发者工具”进行开发、调试、上传,该开发工具在微信公众平台(https://mp.weixin.qq.com)的“小程序小程序开发文档工具下载”中下载。

三、结构

    微信小程序由一个引导app和多个描述page构成,引导app由三个文件构成:

   1、app.js,小程序的初始化逻辑,可以为空

   2、app.wxss,小程序的公用样式表,可以为空

   3、app.json,小程序的公共配置信息,其中配置项pages下罗列出所有page清单,其中第一个page就是小程序的首页。

      一个page就是一个功能页面,由一个目录和该目录下的四个文件构成,其中目录名和四个文件的文件名相同,皆为该page的名称:

   1、.wxml文件,页面的结构文件(类似html文件的作用)

   2、.wxss文件,页面的样式文件(类似css文件的作用)

   3、.js文件,页面的业务逻辑(类似js文件的作用)

   4、.json文件,页面的配置信息,如引入组件、设置页面标题等

四、交互

    微信小程序作为前端,一般都需要配套的后端,并采用如下两种交互方式:

   1、wx.request,前后端的数据交互。

   2、wx.uploadFile,主要实现文件的上传,同步还可以交互数据。

五、组件

    1、UI组件库,同微信原生视觉体验一致的UI组件库。微信小程序自带的WeUI组件库,例如其中的Cell、Cells、Slideview就非常好用,可以不同编写复杂的wxss文件,几行简单的代码就可以实现很专业表格行、右滑删除等复杂操作功能

    2、ECharts可视化组件库,通过熟悉的 ECharts 配置方式,快速开发图表,满足各种可视化需求。

    3、微信同声传译语音组件,微信同声传译插件是微信自研的语音输入、文本翻译等功能的插件封装,用于提供给第三方小程序调用。【不同于“腾讯云智能语音QCloudAIVoice”】

相关文章

网友评论

    本文标题:微信小程序入门总结

    本文链接:https://www.haomeiwen.com/subject/bosvlhtx.html