code袁的博客_微信小程序开发

小程序云函数从云数据下载excal

小程序云函数从云数据下载excal文章目录小程序云函数从云数据下载excal1.新建云函数2.部署依赖3.云函数代码4.index5.js6.注意事项看

小程序

javascript

前端

html

微信小程序

原创 2022-05-13 22:52:28 205 阅读

#五一专属|向所有热爱分享的“技术劳动者”致敬# 小程序云开发保姆级教程来了啦

小程序云开发教程来了啦概要一个小程序在开发时，除了考虑界面功能逻辑外，还需要后端的数据支持。而为了获得后端的数据支持，开发者需要提前考虑服务器、存储和数据库等需求，并且会花费时间精力在部署应用、依赖上。因此官方为了实现小程序的快速上线和迭代，为开发者提供了一个云开发的功能，将以服务的方式为开发者提供

小程序

html

css

javascript

json

原创 2022-05-04 17:39:02 88 阅读

小程序如何把时间戳转化成具体的时间

小程序如何把时间戳转化成具体的时间1.time.js我们首先要在utils中放入我们的time.jsfunction toDate(number){ var date = new Date(n

git

github

小程序

数据

时间戳

原创 2022-05-01 19:44:26 1142 阅读

小程序连表查询（lookup）

文章目录小程序连表查询（lookup）1.看效果图2.建立数据库3.建立云函数4.部署云函数5.查询数据6.总结小程序连表查询（lookup）1.看效果图2.建立数据库我是座位表需要和座位对应的区域进行连表查询。所以把关联内容选成了区域，把字段选成了文档id。3.建立云函数 index.js代码// 云函数入口文件const cloud =

微信小程序

json

html

阿里云

百度小程序

原创 2022-04-11 18:15:15 1268 阅读

小程序简介好看的登录页面（附源码）

小程序简介好看的登录页面（附源码）看效果 2.代码 2.1wxml<view class="main"><view class="login"> <view class="kuang shadow"> <view class="hint">后台管理</view> <open-data class="avat

百度小程序

html

css3

ico

登录页面

原创 2022-04-01 16:59:25 1971 阅读

超简单实现微信小程序不同用户权限设置

超简单实现微信小程序不同用户权限设置前言：我们在开发小程序时有时想让不同的用户有不同的权限。这样就会使得小程序的功能性有了很大的提升，同时提高了小程序的运营性能。针对这一问题我们可以通过小面的方法来实现。1.建立云数据库建立云数据库，在数据库中建立字段openid并且在openid中填入管理员的openid2.废话不多说，上代码 2.1：首先我们要配置云函数 2.2：在云函数i

数据库

mysql

小程序

用户权限

原创 2022-04-01 16:58:17 1488 阅读 1点赞

超详细教程一键回到顶部（附源码）

超详细教程一键回到顶部（附源码）1. 话不多说，看效果2.实现 2.1：wxml</view>  <image src='/image/dingbu.png' class='goTop' hidden='{{showTop}}' bindtap='goTop'> </image

java

javascript

js

小程序

微信

原创 2022-04-01 16:58:08 546 阅读

如何避开微信小程序的审核机制(实测有效)

如何避开微信小程序的审核机制(实测有效)1.话不多说，看效果 2.微信小程序的审核机制，是相当严，对于新手来说是一个很不友好的机制。但是办法总比困难多。下面我就教大家如何实现项目的上传和如何避开微信的审核机制。 2.1在app.js中建立一个时间戳//进入小程序时就会执行 // console.log('进入小程序') // console.log(this.globalData.

小程序

sql

mysql

时间戳

微信小程序

原创 2022-04-01 16:57:48 719 阅读

照片全屏覆盖整个页面

照片全屏覆盖整个页面1.看效果 2.vxml页面写入图片的路径<view class="contain"> <image class="big_img" src="写入你想要的图片的路径"></image></view>3.js首先要通过view组件让整页面充满，通过绝对固定position来实现。然后在image组件属性中让其宽和高都充满，op

java

c++

绝对定位

相对定位

xml

原创 2022-04-01 16:57:39 640 阅读

侧边导航栏的实现

侧边导航栏的实现 1.看效果 2.代码实现wxml <view class="shade" bindtap="isShow" style="right:{{clickmulu ? '0' : '100%'}}">  <view class="leftNavigation" style="righ

css

javascript

java

js

导航栏

原创 2022-04-01 16:57:30 1275 阅读

小程序携带参数跳转到页面详情页（附源码）

小程序携带参数跳转到页面详情页（附源码）1.vxml在你需要跳转的按钮或者图片中绑定bindtap的内容，data-是需要跳转的参数的，其中的id为你想要跳转的参数。{}中的为跳转后携带的值。<view class="body_left"> <image src="/image/pause.png" bindtap="goPaly" data-id="{{item.id}

js

java

小程序

数据

跳转页面

原创 2022-04-01 16:57:21 904 阅读 1评论

保姆式教你学会微信小程序的订阅消息的设计

保姆式教你学会微信小程序的订阅消息的设计一. 看效果二、代码实现2.1登录自己的微信小程序开通订阅消息2.2获取用户发送消息用户的openid 2.2.1建立云函数 2.2.2：index.js代码通过云函数入口。以 const wxContext = cloud.getWXContext()接口拿到云函数的openid// 云函数入口文件const cloud = require

微信

小程序

推送

原创 2022-04-01 16:57:04 718 阅读

小程序好看的渐变色按钮

小程序好看的渐变色按钮1.看效果2.上代码background:linear-gradient(to right,rgb(230,27,202),rgb(250,248,109));注：在css中的背景颜色中选择linear-gradient为渐变色的样式。 to right,rgb(230,27,202)表示从开始的颜色——渐变到这个颜色rgb(250,248,109)。其中to r

linux

kali linux

前端

渐变色

css

原创 2022-04-01 16:55:24 1357 阅读

微信小程序页面传参（多条数据的传递）

微信小程序页面传参（多条数据的传递）1.单个数据的传参接受页面传递的参数传递页面//去商品详情页goDetail(e){ let id=e.currentTarget.dataset.item._id console.log("单个参数的传递",id) wx.navigateTo({ url: '/pages/shop_detail/shop_detail?id='+id,

微信小程序

小程序

前端

json

数据

原创 2022-04-01 16:53:05 1015 阅读 1收藏

微信小程序轮播图实现（超简单）

微信小程序轮播图实现（超简单）微信小程序的轮播图可以用官方给的swiper组件。下图是官方给出的swiper属性，我截取了比较常用的一些属性。效果实现如下图 1. 普通开发（不采用云开发）1.1wxml<view class="banner"> <swiper indicator-dots indicator-color="rgba(255,255,255,0.

小程序

js

xml

轮播图

微信小程序

原创 2022-04-01 16:52:54 2364 阅读

一分钟教你学会微信小程序的页面刷新

一分钟教你学会微信小程序的页面刷新微信开放文档下拉刷新 1. 开始刷新wx.startPullDownRefresh() 代码实现（在onLoad中写开始刷新）onLoad: function (options) { //刷新 wx.startPullDownRefresh() } 2.刷新界面的提示在请求数据库的方法中加入这个提示getShop(){ //构造的请求数

小程序

数据库

js

下拉刷新

请求数据

原创 2022-04-01 16:52:44 1636 阅读

一分钟教你学会小程序云开发的数据库的增删改查

一分钟教你学会小程序云开发的数据库的增删改查 1. 数据库的查询onLoad(){ wx.cloud.database().collection('lost') .get() .then(res=>{ console.log('成功',res) this.setData({ list:res.data }) }) .catch(res=>{ c

数据库

小程序

mysql

数据

ico

原创 2022-04-01 16:52:32 123 阅读

超简单实现小程序用户授权登录与退出

超简单实现小程序用户授权登录与退出先看效果，一睹为快 1. 话不多说，上代码1.1 wxml<view class="header"><button class="button" wx:if="{{!userInfo}}" bindtap="login" type="primary">授权登录</button><view wx:else clas

小程序

javascript

缓存

用户授权

原创 2022-04-01 16:52:23 1973 阅读

小程序用户登录权限设置

小程序用户登录权限设置1. 前言当用户第一次进入小程序时，我们有些功能是想让用户在授权登录的情况下才可以查看。其实这个功能的实现是非常简单的。## 看效果，当点击菜单时2.上代码用户登录后，会把信息缓存到本地。user是缓存到本地的key中的值不懂得可以看看这篇onLoad: function (options) { let that = this wx.

小程序

java

html5

javascript

用户登录

原创 2022-04-01 16:52:14 1093 阅读

小程序云开发实现登录与注册（附源码）

小程序云开发实现登录与注册（附源码）1. 看效果2.wxss<view class="v1">  <view class="v2"> <view class="dltext">登录</view>  <

css

javascript

数据库开发

ico

数据

原创 2022-04-01 16:52:02 755 阅读

优美的小程序启动页（附源码）

优美的小程序启动页（附源码）1. 看效果2.注意点实现这一效果其实是很简单的，首先我们要把自己设置的启动页的路径写在app.jon中，注意小程序默认第一个路径是小程序加载的开始页。其次我们的页面有时会出现这种情况，这是应为在x.json文件中未设置其头部导航栏的颜色。程序默认是白色。我们只需要在x.json中加navigationBarBackgroundColor": “你想要的颜

css3

html

平面

3d

ide

原创 2022-04-01 16:51:52 176 阅读

云开发注册页面的实现（附源码）

云开发注册页面的实现（附源码）1. 看效果2.上源码2.1：wxml<view id="total"><form bindsubmit="create_zhuce"><view id="t1"><text>账号</text><input type="

数据库

html

jquery

ico

生命周期

原创 2022-04-01 16:51:39 184 阅读

微信小程序中，使用正则表达式，快速验证是否是数字（附正则表）

微信小程序中，使用正则表达式，快速验证是否是数字（附正则表）1.示例if (this.data.goodsNum == '' || this.data.goodsNum == undefined) { console.log("商品数量不能为空！") }else if (!(/(^[0-9]*$)/.test(this.data.goodsNum))) { cons

字符串

浮点数

正则表达式

原创 2022-04-01 16:51:26 972 阅读

保姆式教你获取小程序登录唯一凭证OpenId

保姆式教你获取小程序登录唯一凭证OpenId1. 话不多说，看效果2.实现过程首先我们需要建议云函数，通过云函数来实现小程序登录openid的获取。 2.1：在login中的index.js中写入代码// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数exports.main = async (e

java

js

小程序

vue

微信

原创 2022-04-01 16:51:22 204 阅读

微信小程序简洁登录页面（附源码）

微信小程序简洁登录页面（附源码）1.上图2.用户不存在3.上代码 3.1login.wxml<view class="v1" style="height:{{clientHeight?clientHeight+'px':'auto'}}">  <view class="v2"> &

前端

jsf

网络

ico

输入框

原创 2022-03-30 16:10:44 3742 阅读 2点赞

实现小程序与SSM后台数据交互

实现小程序与SSM后台数据交互1.controller@RequestMapping(value = "/queryShop",produces = "text/html;charset=utf-8") @ResponseBody public String shopList(HttpServletResponse response){ //查询书籍 re

小程序

交互

ajax

html

json

原创 2022-03-30 16:07:49 380 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

code袁

小程序云函数从云数据下载excal

#五一专属|向所有热爱分享的“技术劳动者”致敬# 小程序云开发保姆级教程来了啦

小程序如何把时间戳转化成具体的时间

小程序连表查询（lookup）

小程序简介好看的登录页面（附源码）

超简单实现微信小程序不同用户权限设置

超详细教程一键回到顶部（附源码）

如何避开微信小程序的审核机制(实测有效)

照片全屏覆盖整个页面

侧边导航栏的实现

小程序携带参数跳转到页面详情页（附源码）

保姆式教你学会微信小程序的订阅消息的设计

小程序好看的渐变色按钮

微信小程序页面传参（多条数据的传递）

微信小程序轮播图实现（超简单）

一分钟教你学会微信小程序的页面刷新

一分钟教你学会小程序云开发的数据库的增删改查

超简单实现小程序用户授权登录与退出

小程序用户登录权限设置

小程序云开发实现登录与注册（附源码）

优美的小程序启动页（附源码）

云开发注册页面的实现（附源码）

微信小程序中，使用正则表达式，快速验证是否是数字（附正则表）

保姆式教你获取小程序登录唯一凭证OpenId

微信小程序简洁登录页面（附源码）

实现小程序与SSM后台数据交互

欢迎