
小程序
文章平均质量分 61
ParallelLight
张开怀抱,泽润生活
展开
-
小程序 | 使用GitHub创建图床存储器解决CDN配额耗尽问题
遇到的问题:使用云开发超出配额无法访问图片解决问题:使用图床来解决1.创建一个新的存储库2.获取令牌token2.1 在右上角个人头像处选择setting,选择Developer settings2.2 在私人令牌中,点击创建一个新的token,然后选择repo权限,然后提交2.3 保存好自己的token3.使用图床工具3.1 图床工具图床工具网站3.2 配置图床3.3 上传图片4.完成...原创 2021-06-11 16:58:25 · 330 阅读 · 1 评论 -
小程序 | 使用 npm 模块配置 Vant Weapp 框架
之前体验了 iView 的UI框架,感觉还可以主要是因为在开发体验上比原生敲代码好很多,不过 iView 框架可利用的组件较少,比如搜索框的组件等并未涉及,而且已有的组件也存在一些需要自行生硬的修改才能实现的问题(也可能是自己有点儿菜没掌握精髓),不过总的来说还是蛮不错的,继 iView 之后,最近新体验了一下 Vant UI 框架,新学习了 npm 模块配置框架,体验感有所上升,也不辜负CV操作之后学到了新东西。这篇文章主要记录使用 npm 模块配置 Vant UI 框架文章目录1.使用cm.原创 2021-04-24 10:52:44 · 555 阅读 · 1 评论 -
小程序 | 获取用户头像信息接口改进:getUserInfo的使用
开发小程序过程中,发现最近微信官方新调整了getUserInfo的接口的使用,并发布了一篇《小程序登录、用户信息相关接口调整说明》公告,摸索了一番之后,了解到getUserProfile用法,记录之。文章目录老方法:open-type="getUserInfo"新方法:bindtap="getUserProfile"老方法:open-type=“getUserInfo”设置一个button按钮,设置open-type为getUserInfo,在js中拿取用户信息(简单信息,如用户名,地址,头像.原创 2021-04-24 10:16:28 · 958 阅读 · 0 评论 -
小程序 | 微信小程序实现倒计时(节日校庆日等倒计时)
wxml<!-- 标题栏 开始 --><view class="index_title"> <view>距离 <text>100周年</text> 校庆日还有 <text>{{xiaoqing_days}}</text> 天</view> <view>距离 <text>{{kaoyan_year}}</text> 年考研还有 <text>{{kaoya.原创 2021-04-20 19:32:02 · 2965 阅读 · 1 评论 -
小程序 | 保存图片时处理名称的细节(时间戳+后缀名)
云开发为开发者提供了很多方便,一次使用云开发上传图片到云数据库过程中,发现了处理图片名称的需求。之前我都是使用 JS 中的 splice() 方法处理图片字符串的,但有时后数值设置不当会造成比较严重的后果,比如图片后缀名缺失得到空文件。为了解决“时间戳+后缀名”的需求,我后来改用了 JS 中的 split() 方法处理,主要思路如下:首先,根据时间函数获取时间戳其次,采用split(".")将图片原始字符串按照“.”分隔开最后,获取数组最后一个元素即为后缀名,将时间戳和后缀名拼接完成总览.原创 2021-03-15 15:11:23 · 1148 阅读 · 0 评论 -
小程序 | 微信小程序多图上传(点击上传、可修改删除与放大回显)
微信小程序实现多图上传需求文章目录基本图片处理index.js(选择上传、点击回显、修改删除)index.js(实现循环多图上传数据库)公共组件utilsutils/common.util.jsutils/delete.jsutils/object.util.jsutil.js基本图片处理index.js(选择上传、点击回显、修改删除)var util = require('../../utils/util.js');import { $init, $digest } from '../../u原创 2021-03-03 23:45:03 · 1135 阅读 · 1 评论 -
小程序 | 微信小程序布局左对齐自动换行
/* 快捷按钮容器 */.shortcutContainer { width: 100%; /* 子容器水平居中 */ display: flex; flex-direction: column; align-items: center;}/* 快捷按钮框架 */.shortcutFrame { width: 93%; /* border: 1rpx solid red; */}/* 快捷按钮 */.shortcutButton { width: 20%; .原创 2021-02-22 10:23:47 · 3420 阅读 · 0 评论 -
小程序 | 微信小程序实现图片是上传、预览功能
效果图index.wxml<!-- 打开截图 开始 --><view class="imageContainer"> <view class="imageFrame"> <view class="imageSingle" wx:for="{{imgs}}" wx:for-item="item" wx:key="*this"> <image class="imagePic" src="{{item}}"原创 2021-02-19 21:04:15 · 1838 阅读 · 4 评论 -
小程序 | 微信小程序二级选择器
效果图index.wxml<view class="section"> <view class="section__title">二级选择器</view> <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiAr原创 2021-02-18 16:49:06 · 1383 阅读 · 1 评论 -
小程序 | 微信小程序from报名表单提交至数据库(含js提交函数)
效果图index.wxml<form bindsubmit="formSubmit" bindreset="formReset"><!-- 报名表单 开发 --><view class="signContainer"> <view class="infoItem"> <text class="item-label">姓名</text> <input name='userName' placehold原创 2021-02-18 16:22:19 · 1948 阅读 · 4 评论 -
小程序 | 基于WAMP的新闻网小程序开发(体验全栈式开发微信小程序)
之前学习微信小程序开发,主要是基于JS、WXML、WXSS的前端开发,对于后端技术不精的我也是使用了微信开发者工具中的云开发功能,但是今天突发奇想,特别想体验一下全栈式开发微信小程序,学习了一下基于WAMP的新闻网小程序开发。文章目录一、前端(实现小程序界面)1.1 index页面1.2 my页面二、后端(搭建本地服务器)2.1 安装phpStudy工具连接数据库2.2 使用Navicat数据库工具连接数据库2.3 配置phpStudy搭建本地服务器2.4 进一步配置.php文件实现核心功能三、连接前.原创 2021-02-06 16:38:44 · 2401 阅读 · 0 评论 -
小程序 | 使用CMS搭建一个简单blog小程序
CMS给我这种偏前端的开发者带来了福音,真是相恨见晚,这次好好体验一下使用CMS的感觉,本文接续上一篇文章《小程序 | 认识CMS、创建云开发环境、创建并进入CMS内容管理系统》,介绍一下CMS入门内容——使用CMS搭建一个简单的blog小程序。注意1:若还没有完成微信开发者工具中云开发部署的请先部署一下云开发环境,点击传送门。注意2:若想要使用微信小程序的CMS系统,请最好下载较新版本的微信开发者工具(V1.3.53版本以上即可。)文章目录一、CMS内容的管理(以blog系统为例)1.1 创建一.原创 2021-01-23 10:55:37 · 2434 阅读 · 0 评论 -
小程序 | 认识CMS、创建云开发环境、创建并进入CMS内容管理系统
之前使用云开发在使用上受到了很大的限制,一和别人交流说自己做了一个小程序是用“云开发”完成的,仿佛很NB的样子,但只有自己知道心里是虚的、没有底儿的。一开始使用云开发的功能,先是“云数据库”、然后是“云存储”,之后是“云函数”,一步一步却始终没有跳出开发者工具的圈子,知道我遇到了CMS,因为之前我就有考虑,手头上的小程序在开发者工具的云开发中修改数据库确实不方便,想着得做一个后端系统便于管理,结果CMS给我这种偏前端的开发者带来的希望。注意:若想要使用微信小程序的CMS系统,请最好下载较新版本的微信开.原创 2021-01-23 10:12:50 · 6233 阅读 · 0 评论 -
小程序 | 打开CMS时出现了404报错?
最近在研究开发基于CMS(Content Management System)内容管理系统的小程序,刚刚入门,还有很多都不会做,在配合过程中遇到了一个到现在也还没搞清楚为什么的问题,但后来又给阴差阳错解决了,如有博友知晓其中缘由,可以随时留言交流!问题示意图:问题描述:通过微信开发者工具创建CMS系统时,点击“访问链接”后跳转到浏览器报出“404”错误。(当时忘记截图了,但访问链接如下图)在第一次操作时,我点击“访问地址”跳转到浏览器后报出了“404”错误,虽然研究了一下也没研究出个所以然,但.原创 2021-01-22 15:30:26 · 1382 阅读 · 7 评论 -
小程序 | 云函数获取用户openid
云函数获取用户openid云函数获取用户openidopenid是用户唯一标识符,如果获取用户openid可以在程序功能实现上省去很多事情。具体操作微信开发者工具中WXML、JS、WXSS与网页开发中HTML、JS、CSS是一一对应的,下方是具体的代码实现。1.云开发环境配置自己先配置好云开发必要的一些环境在小程序app.js文件中完成云开发相关环境配置。app.js//app.jsApp({ onLaunch: function () { if (!w原创 2020-10-25 16:42:17 · 4050 阅读 · 2 评论