![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序开发基础知识学习笔记
steventian72
这个作者很懒,什么都没留下…
展开
-
微信小程序结合Flask+SQLAlchemy实现数据库访问 + JSON数据处理方法
以下是在进行微信小程序开发过程中积累的经验,有不足之处请指教。谢谢。基础知识微信小程序是基于微信自己的框架。无法像其它语言一样直接访问数据库,只能通过以https方式提交数据到后台,后台写一个操作本地数据库的服务端web应用程序,提供https接口让小程序调用。基本方法1. 首先看微信小程序端是如何像后台数据库接口应用发起请求的。在微信小程序的js文件中的某个事件中,通常是按钮事件,发起...原创 2019-11-18 20:06:12 · 1101 阅读 · 0 评论 -
微信小程序开发基础之十:Form表单
Form表单组件微信form表单组件的特殊属性:report-submit: 是否返回formId用于发送模板消息;bindsubmit:携带form的数据触发submit事件event.detail = { value:{ 'name':'value', 'forId':"formId" }}bindreset: 表单重...原创 2019-11-18 11:10:13 · 1729 阅读 · 0 评论 -
微信小程序开发基础之九:参数传递
页面间的参数传递1. 定义全局变量在app.js中定义全局变量app({ globalData:{ foo:'bar', }})在页面中,用getApp()方法获取全局变量//page.js//...var app = getApp();var localFoo = app.globalData.foo;app.globalData.foo="...原创 2019-11-18 11:09:34 · 242 阅读 · 0 评论 -
微信小程序开发基础之八:冒泡事件
冒泡事件在微信小程序开发中,子组会把捕获的事件向上传递给父组件,这叫冒泡,例如:<!-- index.wxml--><view id="father" catchtap="fatherViewTap"> <view id="child" bindtap="childViewTap">子组件</view></view>//i...原创 2019-11-17 14:13:10 · 402 阅读 · 0 评论 -
微信小程序开发基础之七:视图事件对象event
事件对象event从视图传入。属性|---type :事件类型|---timeStamp :该页面打开到触发事件经过的毫秒数|---target :触发事件的源组件对象| |---id:源组件id| |---dataset:源组件自定义的由data-开头的属性组成的集合| |---offsetLeft, offsetT...原创 2019-11-17 14:12:04 · 723 阅读 · 0 评论 -
微信小程序开发基础之六:js文件的引用export和import
js文件模块的定义和引用- 定义微信小程序在js文件中通过module.exports或者exports两者方法完成模块的定义和暴露接口```javascript// common.jsfunction sayHello(name){ console.log("hello $(name) !")}function sayGoodbye(name){ console.l...原创 2019-11-17 14:10:10 · 7428 阅读 · 0 评论 -
微信小程序开发基础之五:模板和引用
模板和引用模板定义模板<template name="userTemp"> <view class="user"> <view>姓名: {{item.name}}</view> <view>年龄: {{item.age}}</view> </view>...原创 2019-11-17 14:08:43 · 182 阅读 · 0 评论 -
微信小程序开发基础之四:条件渲染
页面结构文件*.wxml中的条件渲染表达式渲染<view class="content" hidden="{{flag? true:false}}"></view>wx:if<view wx:if="{{length>5}}">1</view><view wx:elif="{{length>2}}">...原创 2019-11-17 14:08:14 · 237 阅读 · 0 评论 -
微信小程序开发基础之二:主目录(app)各页面详解
主目录各页面详解app.json 主配置文件主要内容|---每个页面文件的路径(无需后缀)| |---"pages":[| "pages/index/index",| "pages/logs/logs"| ],|---窗口表现样式表| |---"window": {| ...原创 2019-11-17 14:04:12 · 371 阅读 · 0 评论 -
微信小程序开发基础之三:分支页面详解
分支页面详解index.js分支页面逻辑文件|---page()函数| |---初始化数据| | |---data:{}| | | |---定义页面上下文范围的局部变量| | | |---页面结构文件wxml中使用的变量在此定义| | | |---在onLoad函数中使用s...原创 2019-11-17 14:07:23 · 1323 阅读 · 0 评论 -
微信小程序开发基础之一:微信开发者工具项目的目录结构
微信开发者工具 项目目录结构目录结构|---主目录(项目描述文件)| |---app.js 主逻辑文件| |---app.json 主配置文件| |---app.wxss 主样式表|---子目录(页面描述文件)| |---index.js 分支页面逻辑文件| |---index.json 分支...原创 2019-11-17 14:03:10 · 1479 阅读 · 0 评论