初学:用uniapp制作一个简单的博客(项目结构、缓存、gitee、页面通知实现、路由跳转)

本文介绍了如何使用uniapp开发一个简单的博客项目,包括项目结构解析,如pages、static、components等文件夹的用途;缓存的应用场景、设置与获取方法;选择Gitee作为代码托管平台的步骤;以及通过getCurrentPages实现页面通知和路由跳转的两种策略。内容覆盖了uniapp的基础知识和实际操作技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目结构

pages文件夹存放页面

static文件夹内文件不会进行编译,所以不要放js文件,可放到common中,但更推荐另建一个文件夹放js文件

unpackage文件夹存放打包的文件

components文件夹存放各种组件

App.vue代表应用,包括应用层的生命周期方法,全局样式等

pages.json整个应用的页面集合,第一项为启动页,可配置页面路由及样式和标题

manifest.json应用配置,包括图标配置、启动界面配置、权限配置及其他开发配置

main.js应用入口文件


缓存

应用场景/目的:
1、对时效要求不高的应用,初次加载页面,可使用缓存减少等待时间
2、无网络或服务器无法访问时,使用缓存提供本地数据查阅或离线阅读
3、相对固定不变的数据,无需每次从服务器获取(例如登录之后刷新页面不用重新登录,退出登录才需要重新登录)

同步异步:

异步缓存 uni.setStorage 和 uni.getStorage
同步缓存 uni.setStor
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值