09
2020
03

uni-app开发纪念日小程序(5) - 添加表单页,实现增加纪念日

今天来做增加纪念日的表单,这里表单检查用到了graceChecker,还挺好用的,支持验证空字符,数字,正则等等,需要哪个就用哪个。addform.vue页面代码:表单项样式用的是colorui的,主要注意几个表单组件的用法,比如日期,时间等。再就是学习下数据绑定,picker下拉列表初始化index值时要用字符串,如index:'0',如果换成数字会不识别。<template> <view class="uni-padding-wrap
08
2020
03

uni-app开发纪念日小程序(4) - 调用腾讯云云函数

上篇文章说了下自己踩进了坑里,用了ucloud的云函数,结果提示没有部署云函数,于是通过一番周折成功改为腾讯云的云函数,感觉还是挺绕的。今天要实现首页加载的时候自动从云数据库中读取纪念日数据,首先要编写一个云函数用来从读取数据。新建mytest云函数,注意要加上一个package.json,因为需要加上wx-server-sdk依赖   package.json的内容如下:{ "name": "newtest", &quo
07
2020
03

uni-app开发纪念日小程序(3) -使用腾讯云的云开发功能

上次使用的是dcloud自己的云开发功能,拿到微信开发者工具里跑,结果提示云函数未绑定,查了下文档和相关资料,了解到要用微信小程序的云开发的话需要增加一些配置。两者的云函数入口和数据库使用方式也有些不同,开始实战:首先cd到项目根目录下安装两个modulenpm install wx-server-sdk npm install copy-webpack-plugi会发现在package.json中增加了这两个dependencies2. App.vue
06
2020
03

uni-app开发纪念日小程序(2) 云函数,云数据库的使用

这次打算学习使用dcloud的云开发来开发后台,感觉还是很方便的,不用自己安装数据库,搭建java环境了。学习云开发主要看文档就可以了,还要抽时间学习下node.js的语法  文档链接:https://uniapp.dcloud.io/uniCloud/cf-database?id=集合-collection创建云服务空间,只需要在https://unicloud.dcloud.net.cn/ 认证一下就可以创建云服务空间了。在hbuild-x alpha版右键新建云函数,我
06
2020
03

uni-app开发纪念日小程序(1) v-for如何使用

最近自己打算做一个自己的小程序用,很快被uni-app的快速开发,一码多用给吸引了,于是开始学习uni-app开发之路.由于之前没有接触过vue,所以上手稍微吃点力,很多语法包括es6的,vue,scss的等等都需要学习,慢慢来吧。前几天做好了首页页面,今天准备开始做数据绑定,首先在index.vue中造一批模拟数据如下:itemList:[{title:'老爸生日',type:'1',remaindays:'325',theday:'20