开发微信小程序其实很简单,对于初学者建议要首先了解一些前端开发的相关的知识(vue),比较熟悉html、css、JavaScript,还有就是要熟悉数据库的操作,基本的增删改查要会。

开发微信小程序快速上手:

微信开发所用到的工具是:微信开发工具,进入weixin.com可以下载:微信,是一个生活方式

第一步:要进入weixin.com注册登录,具体的注册登录的条件会有。进入小程序在微信公众平台官网首页( mp.weixin.qq.com)点击右上角的“立即注册”按钮。安装开发工具

一个很重要的ID需要记住,如下

 第二步:安装好工具后创建项目

第三步:了解微信开发的框架结构

js文件里面就是写你自己操作,也就是相当于后端,json文件初学者可以不做了解,wxml文件里面就是写样式,也就是html,相当于前端,wxss里面就是你的css样式的,值得注意的是,要去看看微信小程序开发的api,官网里面有,很详细

这四个文件是很重要的app.js是项目的入口文件,在项目开发中遇到一个需求,用户登录完成后,需要根据用户信息去发送另一个请求获取数据,当每次进入这个页面的时候都需要再次调用更新接口,所以在生命周期,页面显示的时候再次触发了这个方法,用户进入首页,会调用两次接口,一次是初始化获取用户信息后.then去触发获取数据的接口,一个是页面显示生命周期去调用这个接口,因为.then的缘故页面显示接口先调用,但没有获取到用户信息,所以会报错。解决:页面我们可以通过app.js里面新增状态判断来实现。aap.js可以理解为多页面数据共享工具

app.josn:app.json 用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

路由配置。当你创建一个新的page是,它会自己给你创建一个路由,形如

窗口表现:形如

非常重要的来了,云开发

创建集合,也就是数据库中的表

这里他会自动的给你生成一个_id作为该集合的主键

在集合中添加记录

用json文件导出,添加后然后导入,但是还要注意每条记录的id应该不同

云数据库文件保存

你可以在数据库中创建文件夹用于保存相关文件

你上传的文件它会自动给你生成两个路径,右键查看详细

每个集合的权限要改变

还可以根据自己需求自定义权限

 云数据库的调用

云数据库的初始化

env的值 

云数据库的调用

云数据库相关操作,请查看官网api

大概就是这样咯!很多开发过程中的细节并未做阐述,见谅。嘿嘿嘿......我也是才学小程序开发没几天,希望对一些初学者有所帮助吧。可能在过程中会遇见很多问题,可以多看看博客们的帖子,应该是可以解决的哦

如何快速上手开发微信小程序?相关推荐

  1. 快速上手开发微信小程序(含npm包使用及mobx状态管理)

    文章目录 一.微信小程序的基本知识 #去除索引提示报错 1.wxml和html的区别 2.wxss和css区别 2.1 rpx的实现原理 3.小程序.js 二.小程序的宿主环境 1.运行机制 2.组件 ...

  2. 快速学会开发微信小程序

    From: https://www.cnblogs.com/juaner-hlj/p/6628148.html 1.手机(微信-6.5.4以上) 编辑器(微信web开发+ egret) (editpl ...

  3. 快速学会开发微信小程序教程

    1.手机(微信-6.5.4以上) 编辑器(微信web开发+ egret) (editplus sublime)(webstorm dw)(visio eclipse zend phpstorm) 2. ...

  4. uni-app快速开发微信小程序、h5、和app

    过年在家无聊,尝试使用uni-app开发微信小程序,发现这个框架的跨端功能非常强大,几乎能直接从vue移植过来 下面是项目架构图 应用截图 技术栈: 后端 node +mysql 抓取各大视频网站的数 ...

  5. mpvue 微信小程序_使用Vue.js开发微信小程序:开源框架mpvue解析

    戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全 责编 | 阿秃 转自 | 美团技术团队企业博客 前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...

  6. 用Vue.js开发微信小程序:开源框架mpvue解析

    前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程 ...

  7. 使用Vue开发微信小程序:mpvue框架

    [原文地址]mpvue入门系列教程: 如何在mpvue中正确的引用小程序的原生自定义组件 使用mpvue开发小程序教程(六) 使用mpvue开发小程序教程(五) 使用mpvue开发小程序教程(四) 使 ...

  8. 手把手教你如何结合腾讯云开发微信小程序

    目前,微信小程序越来越流行,而且功能越来越强大,在性能方面也越做越好.因为能够原生调用小程序提供的组件和 API ,小程序的开发快捷,使用方便,越来越多的产品会落地到微信小程序上.但传统的微信小程序开 ...

  9. h5+js调取相机做取景框_使用Vue.js开发微信小程序:开源框架mpvue解析

    戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全 责编 | 阿秃 转自 | 美团技术团队企业博客 前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...

最新文章

  1. PHP学习课程和培训方向学习路线分享
  2. java no cache_java – 在我的部署中设置Cache-Control no-cache,no-store是什么?
  3. linux devm_request_irq 引发BUG sleeping function called from invalid context问题
  4. java处理excel(java使用Apache POI处理Excel)
  5. 为 Nginx 创建 windows 服务自启动
  6. 解决Out of memory error (version 1.2-rc4 ‘Carnac‘ (298900 ... by android-jack-team@google.com)).
  7. LeetCode第14题:最长公共前缀
  8. 百度声明:从未答应屏蔽三鹿负面
  9. c语言编程 排序,C语言编程-9_3 排序
  10. python import _ssl_如何在python 2.7.6中导入_ssl?
  11. 可视化报表Superser
  12. 【SYZOI Round1】滑稽的树
  13. 广联达提示盗版文件修复工具
  14. 三菱FX3UFX2NFX1N PLC 模拟器模拟通信功能,模拟PLC实体,FX3U仿真器,仿真PLC服务器
  15. 多种方式查看电脑是否支持Modern Standby
  16. java审计之XXE
  17. 实现全球同服,保障业务出海——腾讯云跨域加速解决方案
  18. axure 设置背景虚化_axure 设置背景虚化_「PPT素材」 77幅各种墙面砖墙纹理背景...
  19. MySQL的文本导入load data local
  20. 应用程序.f/q(f了个墙)

热门文章

  1. 原创 | 自学编程,我该如何寻找自学资源?
  2. 更好的表现,NTP8835替代AD83586B方案(二)
  3. 成都艾司博讯:拼多多营销账户无法提现是为什么?
  4. JAVA:【基础三】split忽略中英文的符号区别
  5. 【FiddlerTX插件】使用Fiddler抓包腾讯课堂最新版下载
  6. gta5 android版数据包,apk.gta5com数据包
  7. OpenMV入门介绍
  8. Flink Table和SQL的表和视图、Connectors和timestamp数据类型
  9. 微信小程序-模板与配置
  10. C++课件知识点整理