小程序
文章平均质量分 65
笑道三千
我今年两岁半了,学编程还来不来得及????
展开
-
手把手云开发小程序-(四)-uniclould增删改查业务开发
不用去纠结uniCloud从哪来的,编译的时候,框架会给我们自己引入的.这里直接这么用就行了,可以暂时把它理解成一个全局的对象.只要这样引入tab云对象,就能调用该云对象的addTabs方法啦.其他的业务开发大同小异,就不多说啦.其他功能可以扫描我文章开头的二维码,体验一下,这个小程序是我自己将一直使用的,这里就当打个小广告吧,也会持续维护迭代.有啥优化意见大家也可以提哈.页面开发就不说了,无非就是html+css,这里主要讲讲如何使用uniclould进行增删改查.这样就完成了增加标签的业务逻辑啦.原创 2023-11-23 11:20:49 · 365 阅读 · 0 评论 -
手把手云开发小程序-(三)_uniclould小程序的登录
其实uniclould有uni-id来实现登录的一系列逻辑,但是它太多对我而言无用的数据了.我只需要简单的数据.那就自己写呗.小程序登录 | 微信开放文档 (qq.com)原创 2023-11-21 09:31:39 · 815 阅读 · 1 评论 -
手把手云开发一个小程序-(二)-uniclould的购买和默认库的使用
因为平时喜欢记录一些文案,看小说或者上网冲浪的时候,遇到拍案叫绝的文字,就会截图保存下来,但是时间久了,手机里截图保留了很多,却不会再去看,想删除又舍不得,于是就想着自己开发个文案记录的小程序.自用的同时让有同样需求的人也能用.目前已经把第一个版本开发完了,可以扫描二维码,进行体验,下图是体验的二维码和基本的操作指引.上篇文章中,我们使用uniclould创建了一个小程序,并且了解了上传和发布小程序版本的具体步骤,这篇文章呢,将会继续讲解我们的小程序如何使用uniclould实现无后端的云开发。原创 2023-11-16 09:43:17 · 201 阅读 · 0 评论 -
手把手云开发一个小程序-(一)-搭建项目框架
因为平时喜欢记录一些文案,看小说或者上网冲浪的时候,遇到有意思的文字,就会截图保存下来,但是时间久了,手机里截图保留了很多,却不会再去看,想删除又舍不得,于是就想着自己开发个文案记录的小程序.自用的同时让有同样需求的人也能用.目前已经把第一个版本开发完了,可以扫描二维码,进行体验,下图是体验的二维码和基本的操作指引.然后呢,因为开发这个小程序的过程中,我遇到一些问题,官方文档又不大友好(变化太多,更新滞后),于是就想把这个过程记录分享出来,我喜欢和人交流分享哈哈.如果对有他人有帮助,我也会很开心的!原创 2023-11-15 10:57:24 · 104 阅读 · 0 评论 -
unicloud开发微信小程序-云公共模块的使用
云公共模块,可以理解为一个公共变量、方法的存储空间。可以把它理解为一个npm库,只是库是放在我们开发者自己这边罢了。当某个模块想要使用这个库的时候,就进行安装使用(和使用npm库类似),唯一不同的是,它使用的是commonjs的模块管理方案。原创 2022-12-21 16:53:54 · 535 阅读 · 0 评论 -
unicloud生成微信小程序分享码
6,获取分享码的接口,返回的是buffer二进制流,所以获取二维码的接口,我没有配置datatype这个参数,而是让它采用默认的值。因为我用的是unicloud云开发,如果采用微信的云开发,还需要引入wx-server-sdk,然后要配置一堆东西,文档又不全,尝试了两次未果,就放弃了这种方案。4,获取分享码的接口的access_token参数,必须放在url上,也就是和我代码中一样的写法。看了官方的文档,获取小程序码有三种,我采用的是第二种:生成数量不受限制的分享码。最后是采用的https调用的方式。原创 2022-12-14 13:08:48 · 1836 阅读 · 2 评论 -
uni-clould常用笔记
在web控制台新建一个数据表,一个数据表有三种查看模式:数据、索引、表结构。【数据】:就是这个表中有的值【索引】:分为唯一型索引和非唯一型索引,在通过该字段查询(where)或排序(orderBy)时可以获得更快的查询速度。【表结构】:定义表的结构,每个字段的键的名字和值的类型。原创 2022-12-09 11:00:12 · 1016 阅读 · 0 评论 -
使用uni-app创建扫码连接wifi小程序
好久没接触小程序了,突然想起来之前注册了个号。广东突然降温,周末窝在被窝里没事干。就写个一键连接wifi的小工具吧。可以作为初学者的练习项目哈。下载安装HBuilde,然后新建项目新建完成后可以看到项目的目录结构:如下图操作,即可将项目跑到chrome浏览器中:打开manifest.json文件,按照要求填写信息,主要是这个DCloud-appId,这个需要注册账户后登录这个账户生成。以前小程序的发布只能在微信开发者工具中进行,今天我发现HBuilder已经接入了微信提供的miniprogram原创 2022-12-05 00:53:02 · 4863 阅读 · 0 评论 -
uniapp某个页面高度占满写法
一,效果二,实现过程三,相关代码<view class="myBox" :style="{height:screenHeight+'px'}" > </view>this.screenHeight = uni.getSystemInfoSync().windowHeight原创 2021-09-03 15:44:30 · 5717 阅读 · 3 评论 -
uniapp实现滑动导航
一,效果二,实现代码<template> <view class="content"> <!-- 导航区域 --> <scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="0" enable-flex="true"> <view :class="['scroll-view-item_H',currentTab==index?'a原创 2021-07-29 17:44:05 · 776 阅读 · 0 评论 -
全栈创建一个小程序(mpvue+nodejs+mysql)---(一)--本地开发
前言,本文是看B站-猫宁一童鞋的视频写的笔记。视频地址:https://www.bilibili.com/video/BV1TE411t7gA?p=9一,新建mpvue项目vue init mpvue/mpvue-quickstart mywx启动项目:导入微信开发者工具:于是我们开发的vue文件就会被mpvue变成符合小程序规范的文件放到dist文件下。二,清空不必要的代码1,删除app.json中不必要的tabBar代码2,可以看到,目前首页是pages/index/mai原创 2021-06-20 17:28:43 · 657 阅读 · 1 评论 -
TypeError: Cannot read property ‘forceUpdate‘ of undefined
微信小程序中报这个错一,原因缺少appId需要在这里填写:原创 2021-06-14 01:31:26 · 1962 阅读 · 0 评论 -
微信小程序跳转微信小程序实现免登录
一,基本过程要实现的方式是甲小程序跳转乙小程序,并且乙小程序免登录。具体的实现跳转过程,这篇博客已经讲得很详细了:https://blog.csdn.net/weixin_42349568/article/details/116937196二,基本免登录的流程三,代码细节1,跳转到指定页面后发起第一个请求(有session的话,说明已经登陆)var obj = { session_3rd: that.session_3rd, sid: that.sid,}var res = await原创 2021-05-24 17:47:54 · 6803 阅读 · 0 评论 -
微信小程序跳转微信小程序的实现
一,实现方法其实就是使用这个api:wx.navigateToMiniProgram(Object object)这个api对应的参数,官网写得非常清除了。为了方便描述,本文是甲小程序跳转到乙小程序二,甲小程序跳转并传参参数的传递,我是直接写在路径后面的。所以,直接写我上文中的部分即可。三,乙小程序接收参数四,测试甲小程序开发者工具目前不支持小程序直接跳转到小程序:当你在开发者工具中看到这样子,就说明甲小程序这一侧完成了:五,测试乙小程序然后点击编译即可。六,体验版测原创 2021-05-17 16:33:59 · 1580 阅读 · 0 评论 -
对于rpx的理解和使用
rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。新值 = 值*(设置宽度/750)1,开发时如何使用直接把预览的界面设置成750px,然后照着之前正常的px值去写代码不就好了嘛!!因为是rpx,尺寸和屏幕的宽度相绑定,屏幕尺寸进行缩放,则元素的所有rpx都会进行等比例地缩放!这就是r原创 2020-12-14 18:28:21 · 7777 阅读 · 0 评论 -
微信小程序学习笔记-(11)-仿糗事百科
API接口地址;http://m2.qiushibaike.com/article/list/{type}?type=refresh&page={page}&count={count}参数type为类型,latest最新、text文本、image图片、video视频参数page为页码;参数count为每页数量示例:http://m2.qiushibaike.com/article/list/text?type=refresh&page=1&count=12一,初始化原创 2020-12-04 17:22:38 · 1819 阅读 · 0 评论 -
小程序的各种场景及实现
一,利用swiper实现点击tab滑动到另一个页面(严格意义叫组件)代码模板:HTML<!-- 滑动导航栏:控制滑动页面的显示 --><view class="nav"> <view id="0" class="{{currentIndex==0?'select':'normal'}}" bindtap="swiperNav">上映</view> <view id="1" class="{{currentIndex==1?'selec原创 2020-12-03 23:18:11 · 532 阅读 · 0 评论 -
微信小程序学习笔记-(10)-猫眼电影案例
使用前需要在微信公众号平台配置HTTPS服务器域名,但是可以做一个不合验的操作来发起请求.配置服务器域名的文档:https://mp.weixin.qq.com/wxamp/devprofile/get_profile?token=290458817&lang=zh_CN一,wx.reqiuest的常用参数二,创建项目的初始化第一步:删除index和logs这两个没用的页面第二步:创建自己想要的页面和顶部的配置第三步:实现点击标签滑动效果三,API接口的使用1,通过wx.g原创 2020-12-03 23:02:14 · 8523 阅读 · 0 评论 -
微信小程序学习笔记-(9)-仿智行火车票
项目git地址:https://gitee.com/ling-xu/wx-3-train-ticket.git第一步:完成底部导航栏的创建第二步:首页轮播海报的设计第三步:火车票查询页面的界面设计原创 2020-12-02 21:18:02 · 2428 阅读 · 1 评论 -
小程序学习笔记(8)-导航组件
对应的git地址:https://gitee.com/ling-xu/wx-1-hash-menu一,名为navigate的组件标签实现的三种导航页面跳转二,wx.navigateTo实现的保留当前页面的跳转,效果等同于navigate组件的navigate三,wx.redirectTo关闭当前页面跳转,效果等同于navigate组件的redirect四,wx.switchTab()关闭其他页面,跳转到tabBar页面,效果和navigate的switchTab一样五,wx.navigat原创 2020-12-02 00:16:16 · 170 阅读 · 0 评论 -
小程序学习笔记(7)-使用小程序的组件构建UI界面
一,视图容器组件1,view和html里面的div用法差不多。有自己的四个属性:2,scroll-view可滚动视图区域允许视图做横向的滚动或者纵向的滚动纵向滚动:具体代码:<!--pages/headline/headline.wxml--><view class="section"> <view class="section_title">纵向滚动</view> <scroll-view scroll-y="原创 2020-12-01 17:59:49 · 491 阅读 · 0 评论 -
小程序学习笔记(6)-菜谱小程序的制作
一,底部导航标签设计第一步:素材和页面准备:将所需要的图片素材放置到pages文件夹下,然后在app.json中设置五个页面,把两个旧的页面删除,设置标题栏样式:图片素材我放这里:链接:https://pan.baidu.com/s/1M9NTIP0_o3sp_EA1aelpTw 提取码:a8a7 第二步:设置底部导航标签二,宫格导航的设计...原创 2020-12-01 01:17:42 · 1437 阅读 · 1 评论 -
使用git来管理微信小程序
和正常的开发过程一样,都是在码云上新建仓库。主要的不同就是需要在根目录创建一个.gitignore文件# Windows[Dd]esktop.iniThumbs.db$RECYCLE.BIN/# macOS.DS_Store.fseventsd.Spotlight-V100.TemporaryItems.Trashes# Node.jsnode_modules/...原创 2020-11-30 23:14:40 · 248 阅读 · 0 评论 -
小程序学习笔记(5)-目录结构介绍
一,框架全局文件1,app.js小程序逻辑文件这里用来定义全局数据和函数的使用,其他页面引用app.js文件之后就可以直接使用。还可以指定小程序的生命周期函数对应的生命周期函数有:onLaunch:监听小程序的初始化onShow:监听小程序的显示onHide:监听小程序隐藏onError:监听小程序的错误onPageNotFound:监听页面不存在2,app.json小程序公共设置文件3,app.wxss小程序公共样式表对所有页面定义一个全局样式。只要页面里面有全局样式里面的c原创 2020-11-30 17:19:22 · 240 阅读 · 0 评论 -
小程序学习笔记(4)-猫眼电影案例
第一步:创建新的项目第二步:更改app.json,进行基本的样式变更第三步:了解app.json可以设置的更多的东西1,配置页面路径2,配置窗口表现3,配置标签导航4,配置网络超时5,配置debug模式官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/ui/tab-bar/wx.showTabBarRedDot.html1,配置底部tab导航2,转化为顶部导航栏只需要多配置一行话:position:"top"便原创 2020-11-24 17:34:25 · 2145 阅读 · 0 评论 -
小程序学习笔记(3)-模板的操作
一,理解可以把小程序的模板理解成vue中可以复用的封装好的小组件。哪里需要了,就在哪里引入使用。当然页面的渲染是需要数据来驱动的,也就是说,必要的时候,还需要引入数据。二,使用定义模板使用 name 属性,作为模板的名字。然后在内定义代码片段,如:<template name="msgItem"> <view> <text> {{index}}: {{msg}} </text> <text> Time: {{time}原创 2020-11-24 14:06:55 · 119 阅读 · 0 评论 -
小程序学习笔记(2)-简单的小例子了解小程序的语法
整体样式:第一步:定义自己的数据第二步:在wxml文件中写dom结构第三步:在wxss中编写样式这样的话,这个小案例就完成了。也就是说,和平时vue的写法思想是一致的,只是表现形式不同罢了,依旧是基于盒模型进行的静态布局,由数据驱动视图完成渲染。...原创 2020-11-24 11:18:40 · 101 阅读 · 0 评论 -
小程序学习笔记(1)-基本了解
第一步:去小程序的网站https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html下载微信开发者工具并安装第二步:小程序注册https://mp.weixin.qq.com/wxopen/waregister?action=step1注册后登陆:填写这部分信息:点进去,最底下,就是你的账号和原始id第三步:在开发者工具里面创建项目第四步:熟悉界面小程序提供了很多后台的接口,可以通过切换前后原创 2020-11-24 01:39:31 · 158 阅读 · 1 评论