uniapp学习笔记之wordpress微信小程序不同页面显示不同分类

uniapp学习笔记之wordpress微信小程序不同页面显示不同分类

前言:

什么是uniapp,我也不知道, 估计我都可能给拼错了,对,我就是个小白,李烨博客,用的uniapp开发的源码,对接的wordpress内核,可以发布微信和QQ小程序,据说是比较强大,我只是拿过来用,好多内容也没有改,最近一个网友,问我能不能做个课件的小程序,其实我也打算弄个课件的,我搜索了很多歌课件的小程序,都是比较简洁的,但是后端是什么我不知道,我也不具备自己开发的能力,那么只有在现有的源码上面改改,来实现我需要的功能即可,手头有几块对接wordpress程序的小程序源码,都很美观,但是我最后还是选了这个,但是发现了一个通病,就是我需要分类,我需要一级分类-二级分类这样,但是这个我却不会,,,,,,之后我就思考,那就直接固定好我需要显示的分类,按照这个思路,能实现的话,那么就阿弥陀佛了,因为我对这个一窍不通!!!!!刚才初步测试成功了,我写个笔记吧,岁数大了 说不定一会就忘了,我只是按照我的思路记录笔记,有可能你看不懂,那么抱歉哈,我只是记录下哈!

内容:

1、开HBuilder X软件,找到正在实施的项目

2、找到pages–category-  在这个里面复制一个分类文件“category1.vue”,就是新建一个页面,在导航里比如“小学”这个菜单,对接这个页面就行了

3、新增分类页面后需要在pages里添加对应的数组,我也不知道叫啥,反正我没添加时候提示不存在这个数组。

4、打开pages.json 这个文件,在里面复制一个

{
“path”: “pages/category/category1”,
“style”: {
“navigationBarTitleText”: “小学1″
}

},

把“”path”: “pages/category/category1”,” 这个对应了修改下,就是有了,编辑时候不会报错。

5、往下翻找到“”tabBar”,在复制一个:

{
“pagePath”: “pages/category/category1”,
“iconPath”: “static/tabar/catelog.png”,
“selectedIconPath”: “static/tabar/catelog_h.png”,
“text”: “小学1″
},

同样对应修改路径即可

6、接下来去服务器 修改对接文件,在里面添加需要过滤的分类ID,,,忘了最重要的。。。

在”category1.vue“里面有个:::::

// 过滤数组
that.filterID = res.data[17];

需要把这个17  改成和程序对接PHP文件了一致了,比如在php文件里添加:

// 索引值 17 过滤不显示分类 wordpres过来分勒 id 负重的据不要 [ // 例子:array(‘id’=>”5,92,8″) 没有要限制的则留空array(‘id’=>””) array(‘id’=>”1,2,16,”) ]

那么就是不显示1  2  16ID的分类了 ,其他的就显示。我就是这么笨,只能用这个本方法,我自己能看懂就好了,就实现了!

可能还会失败,一会再试试吧!

 

分享到 :

发表评论

电子邮件地址不会被公开。 必填项已用*标注