code袁的博客

微信小程序登录页面和注册页面的代码

手动码字，如有错误，欢迎在评论区指正💬~你的支持就是我更新的最大动力💪~

是一个基于JS的数据可视化图标库，它提供了直观，生动，可交互，可个性定制的数据可视化图表手动码字。

解决微信小程序真机演示连接本地服务

🦁作者简介：一名喜欢分享和记录学习的在校大学生💥个人主页code袁💥个人QQ🐯个人wechat：code8896手动码字，如有错误，欢迎在评论区指正💬~你的支持就是我更新的最大动力💪~

实现微信小程序多张图片的上传与存储

通常JWT由三部分组成依次是：header，payload，signauter。对于挂载express-jwt的可以在req.user获取到解析的属性。1.当用户发送的请求判断真确后会将用户的信息存在session。2.当用户再次发送请求时，会判断用户的信息是否真确。3.在登录请求中保存用户的登录信息和登录状态。4.在获取session和销毁session。其中payload 是用户真正的信息。一、在node中使用session。2.将session全局引入。二、session的工作原理。

本次设计的为小程序番茄时钟，在登录页面可以选五种不同的计时模式。需要源码+ code8896。

我们在更新云开发数据库时。在执行更新操作后，返回更新操作完成但是更新的数据为0条。解决办法：我们需要对自己操作的表的数据权限进行修改。

uniApp和微信小程序好看的我的页面（有源码）

小程序开发常见问题总结（超实用）

微信小程序开放接口（用户登录，用户地址）

小程序垂直导航的设计

小程序云函数从云数据下载excal文章目录小程序云函数从云数据下载excal1.新建云函数2.部署依赖3.云函数代码4.index5.js6.注意事项看效果1.新建云函数2.部署依赖在getexcal的云函数下面右键选择在终端打开npm install node-xlsx安装好的标志3.云函数代码const cloud = require('wx-server-sdk')cloud.init({ env: "school-5g4jy58j60c7811c" /

小程序云开发教程来了啦概要一个小程序在开发时，除了考虑界面功能逻辑外，还需要后端的数据支持。而为了获得后端的数据支持，开发者需要提前考虑服务器、存储和数据库等需求，并且会花费时间精力在部署应用、依赖上。因此官方为了实现小程序的快速上线和迭代，为开发者提供了一个云开发的功能，将以服务的方式为开发者提供如云函数、数据库、存储管理等所需功能，大大降低了小程序的开发门槛，仅需通过小程序云开发提供的接口，就能实现因缺乏后端知识而无法实现的需求。本章内容将简单讲解如何使用小程序云开发，如还不太清楚小程序开发是何物

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

小程序如何把时间戳转化成具体的时间1.time.js我们首先要在utils中放入我们的time.jsfunction toDate(number){ var date = new Date(number); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; var d = date.getDate(); d = d < 10 ? ('0' + d)

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

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

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

小程序好看的渐变色按钮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 right 表示渐变的方向。...

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

侧边导航栏的实现1.看效果2.代码实现wxml <!-- 遮罩层 --> <view class="shade" bindtap="isShow" style="right:{{clickmulu ? '0' : '100%'}}"> <!--侧边栏--> <view class="leftNavigation" style="right:{{clickmulu ? '0' : '-60%'}}"> //写入侧

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

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

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

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

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

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

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

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

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

小程序云开发实现登录与注册（附源码）1. 看效果2.wxss<view class="v1"> <!-- v2父容器 子view使用绝对布局 --> <view class="v2"> <view class="dltext">登录</view> <!-- 手机号 --> <view class="phoneCs"> <image src="/im

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

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

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

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

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