uniapp+vue3+ts+微信小程序云数据库开发记忆日

本文介绍了使用uniapp、vue3和typescript开发微信小程序记忆日应用的过程,结合微信小程序云数据库进行数据存储。功能包括首页展示、新增和编辑页面、详情页面。在uniapp中配置路由,并利用云数据库进行数据操作,实现了简单的功能。同时,文章提到了云储存的使用,用于上传和下载图片。

写在开头

1.被产品(女朋友)要求做一个小程序,直接仿照记忆日app的功能就行了。
2.然后就想着正好试一下uniapp
3.因为服务器到期好久没续费了,所以直接用了微信小程序的云开发免费额度。就一张表,也省事了

正文

功能介绍 6.19修改

产品验收没过啊,ui太丑了,还不能上传背景图片。赶紧改了一波

首页显示

新增和编辑页面

三个内容输入,标题、日期和描述

详情页面

展示详情,包括描述

以及删除和编辑两个功能按钮

uniapp

首先先安装官方的vite-vue3-ts模板

npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project 

基础src目录如下。

.
├── pages
│ └── index
│ └── in
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值