百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

Flutter也可以来写WordPress框架了

yuyutoo 2024-10-20 13:12 3 浏览 0 评论

今天无意间发现一个有意思的插件,可以用Flutter来获取WordPress的接口。WordPress是什么?

WordPress是一个以PHP和MySQL为平台的自由开源的博客软件和内容管理系统。WordPress具有插件架构和模板系统。截至2018年4月,排名前1000万的网站中超过30.6%使用WordPress。WordPress是最受欢迎的网站内容管理系统。WordPress是当前因特网上最流行的博客系统。

一般WordPress的后台都是用php java 等这些语言来获取数据,这次Flutter也插入进来了,所以Flutter不止Android,iOS 实现语言,它要做的事情还有很多很多,前方的道路还有很远,战斗从来没有停止过,只要你感想,它就敢做,加油。

本头条核心宗旨

欢迎来到「技术刚刚好」作者,「技术刚刚好」是个人维护,每天至少更新一篇Flutter技术文章,实时为大家播报Flutter最新消息。如果你刚好也在关注Flutter这门技术,那就跟我一起学习进步吧,你的赞,收藏,转发是对我个人最大的支持,维护不易,欢迎关注。

技术刚刚好经历

近几年,移动端跨平台开发技术层出不穷,从Facebook家的ReactNative,到阿里家WEEX,前端技术在移动端跨平台开发中大展身手,技术刚刚好作为一名Android开发,经历了从Reactjs到Vuejs的不断学习。而在2018年,我们的主角变成了Flutter,这是Goolge开源的一个移动端跨平台解决方案,可以快速开发精美的移动App。希望跟大家一起学习,一起进步!

本文核心要点

今天就把这个插件分享给大家,就当是一个练手学习的项目,如果大家感兴趣可以进去看看。

插件地址:https://pub.dev/packages/flutter_wordpress

接入方式:

Flutter Wordpress #

该库使用WordPress REST API V2为您的应用程序提供了一种与WordPress网站进行交互的方式。

要求为了进行身份验证和使用管理员级别的REST API,您需要使用WordPress网站中两个流行的身份验证插件之一:

  1. 应用密码
  2. WP REST API的JWT身份验证 (推荐)

1.导入库号

https://pub.dartlang.org/packages/flutter_wordpress

import 'package:flutter_wordpress/flutter_wordpress.dart' as wp;

2.实例化WordPress类

wp.WordPress wordPress;

// adminName and adminKey is needed only for admin level APIs
wordPress = wp.WordPress(
 baseUrl: 'http://localhost',
 authenticator: wp.WordPressAuthenticator.JWT,
 adminName: '', 
 adminKey: '',
);

3.验证用户编号

Future<wp.User> response = wordPress.authenticateUser(
 username: 'ChiefEditor',
 password: 'chiefeditor@123',
);

response.then((user) {
 createPost(user);
}).catchError((err) {
 print('Failed to fetch user: $err');
});

4.获取帖子

Future<List<wp.Post>> posts = wordPress.fetchPosts(
 params: wp.ParamsPostList(
 context: wp.WordPressContext.view,
 pageNum: 1,
 perPage: 20,
 order: wp.Order.desc,
 orderBy: wp.PostsOrderBy.date,
 ),
 fetchAuthor: true,
 fetchFeaturedMedia: true,
 fetchComments: true,
);

5.获取用户

Future<List<wp.User>> users = wordPress.fetchUsers(
 params: wp.ParamsUserList(
 context: wp.WordPressContext.view,
 pageNum: 1,
 perPage: 30,
 order: wp.Order.asc,
 orderBy: wp.UsersOrderBy.name,
 role: wp.UserRole.subscriber,
 ),
);

6.获取评论

Future<List<wp.Comment>> comments = wordPress.fetchComments(
 params: wp.ParamsCommentList(
 context: wp.WordPressContext.view,
 pageNum: 1,
 perPage: 30,
 includePostIDs: [1],
 ),
);

7.创建帖子编号

void createPost(wp.User user) {
 final post = wordPress.createPost(
 post: new wp.Post(
 title: 'First post as a Chief Editor',
 content: 'Blah! blah! blah!',
 excerpt: 'Discussion about blah!',
 author: user.id,
 commentStatus: wp.PostCommentStatus.open,
 pingStatus: wp.PostPingStatus.closed,
 status: wp.PostPageStatus.publish,
 format: wp.PostFormat.standard,
 sticky: true,
 ),
 );

 post.then((p) {
 print('Post created successfully with ID: ${p.id}');
 postComment(user, p);
 }).catchError((err) {
 print('Failed to create post: $err');
 });
}

8.发表评论

void postComment(wp.User user, wp.Post post) {
 final comment = wordPress.createComment(
 comment: new wp.Comment(
 author: user.id,
 post: post.id,
 content: "First!",
 parent: 0,
 ),
 );

 comment.then((c) {
 print('Comment successfully posted with ID: ${c.id}');
 }).catchError((err) {
 print('Failed to comment: $err');
 });
}

总结

还是那句话,程序员不只是敲代码,还要天天学习,不管你是20岁,30岁,40岁,只要是程序员你就得不停学习,不停前进。

谢谢观看技术刚刚好的文章技术刚刚好是个人维护,每天至少更新一篇Flutter技术文章,实时为大家播报Flutter最新消息。如果你刚好也在关注Flutter这门技术,那就跟我一起学习进步吧,你的赞,收藏,转发是对我个人最大的支持,维护不易,欢迎关注。

相关推荐

掌握这些CSS知识点,Coding如飞(css的基础知识)

...

CSS:绝对定位、相对定位、固定定位

绝对定位position:absolute...

探索CSS position属性(css position relative)

提示:点击上方"蓝色字体"↑可以订阅噢!摘要51RGB官方微信position是CSS中非常重要的一个属性,通过position属性,我们可以让元素相对于其正常位置,父元素或者浏览器窗口进行偏移。...

你要的CSS布局都在这里(css布局的几种方式)

大家好,我是三木。这篇文章,替大家汇总了css的布局方式,在每个布局的结尾附上了我认为比较好的文章链接,不仅仅可以当作学习资料,也可以当作方法的查询手册,以后开发的时候忘记了某个属性就来查查。看完推荐...

CSS 元素分类与水平居中(css内容水平居中)
CSS 元素分类与水平居中(css内容水平居中)

元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元...

2025-04-08 20:29 yuyutoo

CSS 定位详解(css定位例子)

CSS有两个最重要的基本属性,前端开发必须掌握:display和position。display属性指定网页的布局。两个重要的布局,我已经介绍过了:弹性布局flex[1]和网格布局grid[2]。本...

CSS精准定位布局——position(css定位position的定位有哪些,有那么特点?)

1简介上一篇文章,介绍了魔鬼属性——浮动布局。浮动布局比较灵活,但是不容易控制。而定位布局使用户精准定位页面中的任意元素成为可能。因此在实际开发中,大家应该灵活使用这两种布局方式,这样才可以更好地满...

浅谈position中absolute和relative

CSSposition属性中absolute和relative很容易让人弄混,基本的概念什么着,你去参考W3C,就不啰嗦了--------------------------------------...

Windows Phone新手开发教程(一)(windows开发ios app)

这是本系列的第1部分。在进行开发的过程之前,我将解释WindowsPhone的基础知识。第1部分涵盖了以下三个开发的基本主题:WindowsPhoneSDK的安装WindowsPhone用户界...

.NET界面开发控件DevExpress v15.2.8发布

以下是DevExpress15.2.8新增的一些功能,以及帮助文档描述。DXDiagramforWPFT353654-当界面上至少有一个item可见时,BringItemsIntoView...

「炫丽」从0开始做一个WPF+Blazor对话小程序

...

QT与C#:选择适合界面开发的最佳框架,并且附带精美案例

QT和C#都提供了丰富的界面开发工具和库,允许开发人员创建各种类型的用户界面。以下是QT和C#界面开发方面的一些对比:...

Windows Phone新手开发教程(二)(windows开发iphone应用)

这是本系列的第2部分。在这里我将讲解StackPanel和Grid元素。很多时候开发人员对于在何处放置包含StackPane或Grid元素的控制元件感到困惑。那么我们就来了解一些关于StackPane...

WPF MVVM嵌套绑定黑科技:父-子ListView深度交互终极指南

场景痛点:当ListView遇上"套娃式"数据绑定在复杂的WPF企业级开发中,我们经常会遇到这样的需求:在父级ListView的每一项中嵌套子ListView,且子控件需要访问父级数据上下文。这种"...

在 WPF 项目中使用 WPFDevelopers NuGet 包

...

取消回复欢迎 发表评论: