wordpress插件使用vue+webpack开发后台界面以及使用node-wpapi和wpdb访问数据库

   日期:2024-12-16     作者:ira0v       评论:0    移动:http://w.yusign.com/mobile/news/664.html
核心提示:原文链接:https://dsx2016.com/?p=1066公众号:大师兄2016一.开发插件后台界面本身自带环境,也可以写代

原文链接:https://dsx2016.com/?p=1066

公众号:大师兄2016

一.开发插件后台界面

本身自带环境,也可以写代码,从而展示前端页面。

但是有一些过时了,不太适合现在数据驱动开发,使用可以更快更好的迭代。

如上图所示,开发的界面可以应用在插件界面中。

二.设置管理菜单

在插件的中(入口文件

 

 

三.放入资源

通过之后,点击菜单就能加载。

但是会报其他和等资源引用错误,原因是路径找不到。

打包后的文件在,你也可以放在插件目录下别的文件夹

需要手动修改资源引用

根据你自己的站点目录和插件目录来修改对应的路径

查看正常访问下的目录结构

四.使用访问数据库

有没有什么办法,可以在独立于之外的网页访问其数据库。

提供了,顾名思义,我们可以单独开发接口和界面,来查看和设置内容。

 参考地址:https://developer.wordpress.org/rest-api/using-the-rest-api/client-libraries/

 参考地址:http://wp-api.org/node-wpapi/

使用方式

首先安装插件(通过上传或者插件市场等方式,这一步很重要,解锁

插件地址:https://github.com/WP-API/Basic-Auth

其次在插件的入口文件,如中添加跨域设置,这一步很重要,不然无法访问数据

 

 

然后引入库的资源文件,在的中引入的文件

注意前端网页使用引入套件即可,使用安装也行。

文档地址:http://wp-api.org/node-wpapi/installation/#download-the-umd-bundle

 

 

 

在或者其他需要使用的界面文件中,添加代码

详情内容参考文档和代码注释

文档地址:http://wp-api.org/node-wpapi/using-the-client/

 

 

更多操作参考官方文档

五.php使用wpdb操作自定义数据库

使用上述优点是,所有的方法都按规范写好了,拿来即用。

但是对于数据库操作,没办法自定义表和插入自定义字段和数据。

所以如果想把插件,如字体数据存入到单独的表中,就需要提供的

官方文档:https://codex.wordpress.org/Class_Reference/wpdb

代码如下

 

 

写好的放在插件目录下,即可。

值得注意的是,因为在插件目录中,也就是在环境中。

无论是写前端界面,还是使用操作数据库,都不需要验证登录,因为本身就处于当前账户状态,共享。

六.在中访问插件中的

可以看到访问的地址为 http://localhost/wordpress/wp-content/plugins/short_code/api/test/index2.php

基本等同于网站的目录结构和文件路径

在中访问该文件即可

文件

 

 

使用封装的访问接口

 

 

注意的访问一定要设置跨域处理,在的文件中设置

关于搜索网络文档即可

 

 

如果没有使用过或者react,那么使用也能很快开发插件界面和交互

Tips

本片文章是《wordpress插件嵌入webFont自定义字体》的下篇,主要讲字体插件的界面编写和数据库设置方式

要把的字体转化精简接口写出来又是另外不止一篇文章了,涉及到flask框架,设计,服务器部署和验证等

哪怕是一个小小的字体插件,也涉及到以下知识体系

  • 三件套等

  • 产品和设计,最小,任务分解等

     本文地址:http://w.yusign.com/news/664.html    述古往 http://w.yusign.com/static/ , 查看更多
 
特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

举报收藏 0打赏 0评论 0
 
更多>同类资讯
0相关评论

相关文章
最新文章
推荐文章
推荐图文
资讯
点击排行
{
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  版权声明  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号