code袁的博客_项目成果,微信小程序开发,技能(3)

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

超简单实现小程序用户授权登录与退出先看效果，一睹为快 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 1971 阅读

小程序用户登录权限设置

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

小程序

java

html5

javascript

用户登录

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

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

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

css

javascript

数据库开发

ico

数据

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

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

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

css3

html

平面

3d

ide

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

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

云开发注册页面的实现（附源码）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 979 阅读

保姆式教你获取小程序登录唯一凭证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 205 阅读

git 的详细教程

git 的详细教程 1.下载git下载地址 2.安装无脑安装，全部都是下一步。 3.掌握常用的linux命令 4.git相关配置 4.1 查看相关配置git config -l 4.2用户配置git config --global user.name “你自己的用户名” git config --global user.email “你的邮箱” 5.git的工作流程1.在工作目录中添加和

git

github

ide

暂存区

原创 2022-03-30 16:11:38 185 阅读 2点赞 2收藏 1评论

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

微信小程序简洁登录页面（附源码）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 3745 阅读 2点赞

小程序校园微平台

小程序校园微平台效果展示 2.代码实现// pages/shiwu/shiwu.jsconst app = getApp()var sliderWidth = 96; // 需要设置slider的宽度，用于计算中间位置Page({ /** * 页面的初始数据 */ data: { list1:[], motto: 'Hello World', version: '

html

微信小程序

json

阿里云

ico

原创 2022-03-30 16:09:13 423 阅读

小程序如何上传视频，看美女

小程序如何上传视频，看美女 1.看效果 2.代码实现 2.1 wxml<view class="style"> <button bindtap="uploadVideo" type="primary">上传课程视频</button> </view> 2.2 js//上传视屏uploadVideo(){ wx.chooseV

css

css3

html

上传

ide

原创 2022-03-30 16:08:07 291 阅读

实现小程序与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 阅读

简洁好看的登录页面

简洁好看的登录页面1.看效果 2.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录界面</title> <link rel="stylesheet" href="static/login.css">

css

html

css3

4s

原创 2022-03-30 16:07:29 5185 阅读 3点赞 2收藏

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

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

51CTO博客

code袁

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

小程序用户登录权限设置

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

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

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

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

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

git 的详细教程

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

小程序校园微平台

小程序如何上传视频，看美女

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

简洁好看的登录页面

欢迎