评论
星宿UIV3.0 重构代码,PODS进一步操作,wordpress开源流量主变现小程序

星宿UIV3.0 重构代码,PODS进一步操作,wordpress开源流量主变现小程序

觉得贪恋是个美好的词;有欢可贪,有人可恋,活得兴高采烈;要经过多少贪恋,才知道平平静静,不等于意兴阑珊

星宿V3.0 重构代码,PODS进一步操作,wordpress开源流量主变现小程序

更新说明

新增:双排列表    

优化:Vue2升级Vue3

优化:mp-html升级至2.4.3  

优化:全新API接口封装      

优化:列表组件化      

优化:部分UX元素      

优化:金刚区,焦点,热门文章内容逻辑更新

移除:友情链接,登录,评论等功能  

赞助奶茶

融创科技,正修,呼噜娃子,9527

感谢:9527对星宿UI测试的BUG反馈

更新说明

封装

星宿UI V3.0是一个底层的更新,导致它在UI上没有太大的变化;之前版本由Vue2+uni-app;新版由Vue3驱动

这是一个看不见的变化,在代码上差异我们可以看以下图片

星宿V3.0 重构代码,PODS进一步操作,wordpress开源流量主变现小程序

拥有更简洁的语法,去掉了一些不要必要的逻辑,希望这些改变可以提供星宿的运行速度

金刚区和焦点

旧版之前我们金刚区,首页焦点,友情等十分依赖fengrui-xingsu中的php文件,时过一年PODS也支持内容重复添加,因此我们焦点和金刚区可以移植到基本配置中

星宿V3.0 重构代码,PODS进一步操作,wordpress开源流量主变现小程序

输入的内容需要按指定的格式

格式:
{"title": "标题", "type": "xs_default", "appid": "","route":"/pages/data/data?id=文章ID","himg":"图标地址"}
事例:
{"title": "星宿V3.0", "type": "xs_default", "appid": "","route":"/pages/data/data?id=4247","himg":"https://www.frbkw.com/xingsu.png"}

具体需看文档:

https://docs.frbkw.com/xingshu/sidebar/plugin/plugin.html

热门文章

旧版在搜索页面下方只有一个热门文章的,它得请求posts的第一篇文章数据,获取tag标签后请求第一个标签数据,最后请求文章包含tag的数据;在之前的逻辑是希望更具每次写文章的标签不同获取到不同的内容进行展示

同时也造成了不爱写标签的大佬们会获取不到内容,报错;星宿UI V3.0采用tag的offse方式获取标签,简化了请求API数量和每次访问不同数据展示问题

// 标签数据
 tags(){
     // 生成随机数
     var randomNum = Math.floor(Math.random() * 10); 
     var randomPer = Math.floor(Math.random() * 18);
     API.getTags([randomPer],[1],[randomNum]).then((res) => {
        this.tagList = res.data;
      })
 },

一后多序

曾经在《探讨——灵沐V4如何控制多个程序不同显示》方式中,获得学习经验,得知一个后台控制多个程序只是配置项目不同

因此在星宿V3.0中,我们配置多个程序只需要在基本配置中新建一个about就可以快速建立第二个程序配置项

星宿V3.0 重构代码,PODS进一步操作,wordpress开源流量主变现小程序

而在小程序前端中,我们也仅仅修改app.js中修改过去配置项的索引值、

星宿V3.0 重构代码,PODS进一步操作,wordpress开源流量主变现小程序

无论星宿还是灵沐将不在仅仅停留在微信端,百度,抖音等大平台只是时间问题

主体

由于UI设计太偏向文章咨询,因此在审核上对个人主题十分不利,星宿更偏向个体户以上主体使用

  

旧版升级

如果你是2.X升级3.X,重点也只是pods.json和小程序前端源码,不过V3将部分代码重构要注意金刚区和焦点(公众号文章)的差异

视频教程

https://www.bilibili.com/video/BV1ti421o78n

下载

关注微信公众号回复:星宿