小程序开发记录-02

1.用户输入内容 插入数据库 再通过记录ID 查询数据显示给用户

2.新建main 文件夹 在根目录JSON 配置为首页

3.调用云API 必须获取小程序openid 相当于当前小程序用户ID 小程序无需单独登录,因为与微信一体,openid判断用户是否登录的唯一标识

4.调用云函数login 获取openid的代码 存在模板中 index.js onGetOpenid();

5.发送数据:先从data中获取对应数据值(页面和data一一对应)在元素上绑定对应事件 input:bindinput=‘‘ button:bindtap=‘‘ 在JS中设置对应事件响应函数 用户每执行一次 对应事件便同步JS一次

6.拿到数据后给服务器(云端)发送 add() 方法

7.从服务器获取数据 通过 this.db.collection(‘表名‘).doc(‘参数‘).get({})

原文地址:https://www.cnblogs.com/wow-jerry/p/10495881.html

时间: 2024-10-25 12:24:28

小程序开发记录-02的相关文章

微信小程序开发 记录

采坑了 微信小程序--TabBar不出现的一种原因 学习微信小程序中,遇到底部的TabBar不出现的问题.经过多番尝试,终于解决问题.在此记录问题产生的原因和对策.下面先描述错误现象,接着指出错误原因,最后提供正确的实例.  错误现象是,项目的app.json使用以下代码,却没有如期望那样在屏幕底部出现TabBar. { "pages":[ "pages/clickDemo/clickDemo", "pages/logs/logs", "

小程序开发记录-01

1.账号创建什么的就不需要多说了 2.进入开发后 顶部会有云开发按钮(个人云开发版)点击进入云开发设置页面 开通云开发 3.之后 在微信开发工具项目目录cloudfunctions 右键 同步云函数列表 再次右键login文件夹 上传并部署 4.点击左侧获取openid 5.云开发系统目前包含云数据库 云存储 云函数 6.数据库中插入一条JSON(类似表)信息 进入userConsole文件的JS文件 onLoad 函数下执行如下: wx.cloud.init({env:"环境名"})

wx 小程序开发 [记录]

pages > html文件夹 > js + json +wxml + wxss wxml: view ≈ div text ≈ span <view class='inputs {{addressChange?"":"noData"}}' catchtap='getAddress'> {{addressChange?"":"noData"}} catchtap 方法绑定 无冒泡 <view cl

微信小程序开发记录

顶栏banner代码 /**app.wxss**/ .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box; } page{ /**background-color:rgb(255,204,204);**/ height:100%;

微信小程序开发 --02

微信小程序在开发中,难度系数不是很大,其中应用的技术也是web开发中常用的技术,虽然在微信开发者工具中的叫法与常见的web开发的叫法不太一样. 首先,在微信小程序开发中,代码文件格式大体有以下四中: .wxml .wxss .js .json 首先,wxml后缀的文件类似于html和xml的结合,例如在html中常用的div在微信小程序开发中被替换成了view,而在html中输出文本用的p标签被替换成了text标签,引入图像由html中的img 标签变成了image标签,等等.如果你之前开发的w

微信小程序开发视频教程

课程:拜师学艺,微信小程序从入门到大神必经之路(第一季,共四季) 课程观看地址:http://www.xuetuwuyou.com/course/172/lesson/list 课程出自学途无忧网:http://www.xuetuwuyou.com 讲师:风舞烟 课时列表: 第一部_诞生 - 天降大任:名门贵族,互联网开发新宠--小程序横空出世 第1章 : 忽如一夜春风来--小程序的前世今生 课时1:课程开场 课时2:本章目标及任务 课时3:第一回合_小王子出世-微信小程序_小程序为什么这么火

[转]灯灯小程序开发手记:仿今日头条(上)

本文转自:http://www.jianshu.com/p/a1e0b8abb12d 写在前面 新的一年,祝大家新年快乐!当然对于程序员来说,新的一年,也要有新的改变.因此灯灯决定凑热闹编写微信小程序啦! 上一篇文章<记一次小程序开发过程>中,灯灯大致写了下自己第一次开发小程序的感受和流程.这一次灯灯会详细记录下自己制作一个小程序的思路.遇到的问题.涉及到的代码等和大家分享.    视频教程地址:http://study.163.com/course/introduction.htm?cour

小记一笔 -微信小程序开发随笔

序言: 今年的01月09号备受关注的微信小程序正式上线了, 众多的互联网企业也相继发布了自家的小程序.趁着最近上班不是特别忙,自己闲来无事也跟着捣鼓捣鼓了一个个人记帐用的小程序:小记一笔.用户可以方便.快捷的将自己平时的开销与收入记录下来,还有各种类型的统计,以便实时的准确掌握自己的财务状况.目前此程序已正式上线,大家可以在微信中搜索"小记一笔"点击使用,下面是其中几张效果截图:      准备工作: 1.要开发微信小程序,首先得有工具,可以先去微信公众平台官网(https://mp.

微信小程序开发日记——高仿知乎日报(上)

本人对知乎日报是情有独钟,看我的博客和github就知道了,写了几个不同技术类型的知乎日报APP 要做微信小程序首先要对html,css,js有一定的基础,还有对微信小程序的API也要非常熟悉 我将该教程分为以下三篇 微信小程序开发日记--高仿知乎日报(上) 微信小程序开发日记--高仿知乎日报(中) 微信小程序开发日记--高仿知乎日报(下) 三篇分别讲不同的组件和功能块 这篇要讲 API分析 启动页 轮播图 日报列表 浮动按钮 侧滑菜单 API分析 以下是使用到的具体API,更加详细参数和返回结