获取上一步url_WordPress+uni-app开发菜谱软件:第二讲文章列表上

前言

昨天我们说了关于图片获取来实现轮播图,大家如果仔细看可以发现,返回的json数据中有文章标题及title(啊,我哪看得清,看得清也不知道title是标题啊)。这个并不重要,重要的是其实现的原理都是一样的。话不多说,看看今天做出来的效果如何,我的教程只针对小白,而且是一步步来实现。所以你看到图片缩放问题和美化等都不是问题所在。

请求的json数据

这个流程和轮播图的几乎一模一样,我们获取之后需要对文章进行绑定渲染。方法和昨日也相同,但是如果你请求了url地址,然后通过拆分URL更改其中变量获取变化地址,那样传递过来会被异常解析而无法正常显示。因此我使用了函数最后输出这个变量就解决了这个问题,特别说明wp中没有直接获取文章用户头像的url地址,我们在后期出教程单独说WP的各种API使用和编写。

  1. colorUI库使用:看到这里我觉得你可能是有点蒙的,好像我们没有设置什么样式怎么会这么好看呢文章的样式还可以有很多,下面也是其中一种。对于学习uni-app开发的我猜没人会不知道colorUI的存在吧。因此我浅谈一下这个开挂一般的存在是如何引入或者被你使用的。

  • 第二步:把colorUI中的colorui目录下所有文件复制到你的项目中,在app.vue引入css:
  • 第三步:在main.js引入cu-custom组件

这时候你就可以找到你想要的样式,使用就可以了。

  1. 文章视图的结构:

总结

未来的时代设计软件可能已经不是程序员的专利了,很多新型的框架出现似乎都让设计变得如此简单。我们出的专题就是想让小白甚至不会编程的人能够搭建一个 站+app这样的框架出来实现自己的一些想法。但过程也并不可能那么的简单,尤其对于新手来说,你是需要不断的去百度去搜索各种名词的意义和作用。这对入学者来说可能就不是那么简单了。

但是千里之行始于足下,每一个成功的背后都是不断日益积累的结果。我相信关注我的粉丝也一定会跟随我的文章作出属于自己的一款app, 站的设计较为简单,我们会在app框架搭建完出一期 站的教程提供给大家学习。最后欢迎大家关注我:企校锦囊,我将持续为大家讲解uni-appwordpress的各种问题以及设计方案

文章知识点与官方知识档案匹配,可进一步学习相关知识小程序技能树首页概览3800 人正在系统学习中 相关资源:Yalefree雅乐简谱打谱软件_打谱软件-WindowsServer工具类资源…

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年10月16日
下一篇 2020年10月16日

相关推荐