开发微信小程序其实很简单,对于初学者建议要首先了解一些前端开发的相关的知识(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

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

 

 

 

 

 

 

 

 

Logo

前往低代码交流专区

更多推荐