uniapp自学笔记(三)动态获取数据

uniapp自学笔记(三)动态获取数据,第1张

ok,我们目前已经完成了首页,如果我们只是为了制作一个文章系统的话,首页+列表页+详情页已经足够满足我们的使用了。

所以我们开始在pages中创建这俩页面

现在pagesjson路由中增加这俩:

前面我们首页中的icon列表是一个静态页面页,我们需要连接才能跳转到列表页面。

这里我们需要用到uniapp内置的跳转方法:

这里我们先把页面之间的跳转关系完成,完成后,我们会在页面之间传递参数,再通过ajax完成动态数据交互!

如法炮制!我们把详情页面也完成:

这里涉及到了一个我们非常熟悉的知识:生命周期,我们需要在生命周期onload的时候,把数据注入到页面中。

所谓生命周期就是onload,onready之类的那一套东西,这里如果细说的话会非常的复杂。因为onshow,onhide在不同的vue中,这里指APPvue和子页面vue中又稍微有所不同。

这里我整理了一个列表,感兴趣的同学可以研究研究。不愿意研究,其实你光掌握一个onload也足够你应对大多数情况了。

学会使用生命周期以后,我们接下来要进入ajax通过端口查询数据,然后渲染到页面上。

uniapp提供一个unirequest方法,帮助我们获取ajax的数据,请看例子:

uniapp的ajax使用方法就是小程序和vue的结合。这里需要注意的是,uniapp在页面跳转的时候,可以发送一个参数,在接收的页面中通过optionsxx来接收。注意看上面的例子,是在onload生命周期中接收的,options就是onload的一个参数。

跳转的时候,可以发现id就是拼接进去的。

这里可能会遇到一个问题,那就是你从本地请求的端口可能会产生跨域的问题。

这里推荐两种解决方法:第一个,使用xhbuilder内置的浏览器

第二个,如果你用的是chrome浏览器,可以安装跨域 插件 来解决这个问题。

这个插件的名字是:Allow-Control-Allow-Origin。如果你打不开chrome插件市场的话,你可能要想办法**一下。

这里还有一个问题,那就是,我们页面顶部的title,是在路由pagesjson中设置的,但是我们的数据是动态的。

当我们点击了某一项的时候,需要动态的修改一下标题,这个时候需要使用uniapp提供的setNavigationBarTitle方法。

上面遗漏了一个知识,就是当我们通过ajax获取到了内容以后,如果这个内容是字符串还好,但是它有可能是一个富文本,就是我们常说的内容详情。

如果内容是一段html的话,我们就不能直接放到项目中,那样是无法解析出来的。这个时候我们需要使用rich-text标签。

这样就可以正确解析出内容了。

到目前为止,我们已经完成了首页, 列表页和详情页。项目的基础功能已经搭建完毕了,接下来,我们将会进入其他强大功能的学习。

因为最近有一些忙,uniapp的教程可能会暂停一段时间,这一段时期我会给大家推荐一些轻松的教程或者龙哥故事汇的一些文章,希望大家见谅哈。

基督教Good好消息下载手机方法如下:

1可以在手机应用商城上搜索并下载安装。

2可以在浏览器中搜索并下载安装。

好消息电台是一款拥有众多影视资源的聚合播放器,不间断进行剧集更新,让你可以第一时间看精彩剧情,大量影片内容为你免费提供。goodtv好消息电台app支持用户自由搜索任何想看的影视内容,多种影视节目覆盖,可以获取电视剧、**、综艺等节目内容,点击快速加载播放,下载到本地离线观看更方便,缓存高速不限流。

百度云软件就是百度网盘。

百度云App是百度公司推出的一款云服务客户端,现已更名为百度网盘。

作为百度平台组成部分,它为用户提供云端通讯录、日历以及记事本等功能。

同时软件具备视频在线播放,相册自动备份,通讯录实时同步,免费短信分享等功能。

用户可以将自己的照片,文档,音乐,视频全部上传到云端,并通过手机等移动终端获取、分享内容。

百度网盘app是百度云储存的安卓手机客户端。百度网盘向用户提供在线存储、文档在线浏览以及离线下载服务。

不管用户身在何处,只要安装了百度网盘就可以随时随地的管理网盘里面的文件。

百度网盘首次注册即可获得15GB的空间,该服务依托于百度强大的云存储集群机制,发挥了百度强有力的云端存储优势。

不仅提供超大的网络存储空间,拥有更强大的数据安全保障,而且提供了把精彩内容轻松分享给好友的通道。

百度网盘app特色

1、群组分享

添加好友,创建群组,闺蜜群、聚会群、班级群,工作群等,一人分享,全群共享。

2、移动办公、替代U盘

“谁借我U盘用一下?”--办公文件上传百度云,iPhone同步查看,支持Word、PPT等文件格式。 抛弃U盘、数据线。确保数据不丢失。

3、通讯录备份

通讯录,一键备份/恢复,省时省力省流量。

4、安全锁屏密码

“锁屏密码让我放心多了”——为你的照片、视频设置安全锁屏密码。

5、照片备份

“手机照片弄丢了?”--手机里照片、视频快速备份到云盘,再也不担心照片丢失了。

6、在线/离线 播放视频

“还得下载才能看真麻烦”--百度云“在线播放”视频功能,看片更方便,还可离线查看。

以上就是关于uniapp自学笔记(三)动态获取数据全部的内容,包括:uniapp自学笔记(三)动态获取数据、基督教,Good好消息怎么下载手机、百度云软件是啥等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9639114.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存