WordPress REST API 与Vue3开发设置选项
文章平均质量分 89
使用现代Vue3框架开发WordPress的设置选项,为项目助力
Npcink
梦想是成为全栈工程师,开发自己的小程序
展开
-
第零节:Vue3 开发WordPress设置选项 - 效果预览与使用场景
开发 WordPress 的设置功能时,只需要几个简单的设置选项,用原生Setting API太麻烦,用设置框架又太重,也许这个对前端友好的不轻不重的方法会适合你。原创 2023-06-29 09:09:02 · 287 阅读 · 1 评论 -
第一节:Vue3 开发WordPress设置选项 - PHP传数据给JS
本节重点:在 WordPress 中将 PHP 准备好的数据传给 JS 文件,并在 JS 中将传来的值打印浏览器控制台中原创 2023-06-29 09:19:21 · 431 阅读 · 1 评论 -
第二节:Vue3 开发WordPress设置选项 - 从输入框开始,配置基础设置选项
本节中,我们实现了两个输入框进行获取和修改选项,并通过保存按钮将选项的值保存进 WordPress 中。本节代码较多,但注释详细,做好准备咯原创 2023-06-29 09:30:13 · 330 阅读 · 1 评论 -
第三节:Vue3 开发WordPress设置选项 - 从筛选功能研究前后台数据交互
本节从WordPress 中拿到用户列表数据,并通过Vue3渲染在页面上,我们还修改了保存选项的接口,以便保存数组类型的数据原创 2023-06-29 09:33:45 · 397 阅读 · 1 评论 -
第四节:Vue3 开发WordPress设置选项 - 添加图片上传功能
本节实现了从本地上传图片至WordPress媒体库和从媒体库中选择图片的功能,并进一步探究了后续文章发展节奏原创 2023-06-29 15:36:50 · 420 阅读 · 1 评论 -
第五节:Vue3 开发WordPress设置选项 - 使用Vite打包JS资源
本节使用 Vite 对之前的 JS 资源进行了打包处理,提升了运行效率,降低了资源开销,直观的降低了页面卡顿感。基于现代化的 Node生态,还可以做出各种功能,例如数据校验,展示图标等无限可能。原创 2023-06-30 15:30:02 · 319 阅读 · 0 评论 -
第六节:Vue3 开发WordPress设置选项 - 添加对象传值和数据校验
本节解决了数据量过大时的结构化传值问题,以及给出了简单的数据校验例子,通过本系列教程,相信您已经可以开发自己的设置选项了。原创 2023-06-30 17:22:10 · 156 阅读 · 0 评论