Slog100_使用React框架进行前端开发11

ArthurSlog

SLog-100

Year·1

Guangzhou·China

October 21th 2018

个人网站：http://www.arthurslog.com

CSDN：https://blog.csdn.net/u010997452/article/list/1

GitHub：https://github.com/BlessedChild/ArthurSlog

NPM：https://www.npmjs.com/~arthurslog

掘金：https://juejin.im/user/59f2a424f265da432f305c66/posts

简书：https://www.jianshu.com/u/b9ebe10f0534

segmentfault：https://segmentfault.com/u/arthurslog/articles

人生天地之间 若白驹过隙 忽然而已

开发环境MacOS(Mojave 10.14 (18A391))

信息源

Ajax

Fetch

开始编码

本次以‘商城首页’的公告栏为例

让页面在加载的时候 向服务器发起请求

客户端请求‘公告栏的数据’

服务端接受到客户端的请求之后

对请求进行路由 和 处理

然后将结果传递给客户端

具体的逻辑代码如下：

client/

本次把 样式独立出去 代码看起来清爽一些了

可以看到其中的关键部分在于

这里 func的值等于1 代表了我们发起的是请求‘公告栏’数据的 请求

服务端接收到之后 发现func等于1

就会路由到‘公告栏’处理函数中去

接着把处理好的数据反馈给客户端

客户端接到反馈的信息之后

替换state.bulletinBoard_Text的值 然后重新渲染页面

这样 我们就得到了最新反馈到的数据 并显示了出来

下面是后端的代码

switch里的写法有一些语法的问题 不影响结果就不理了

关键可以看一下注释的内容

注释的内容 解释了一个业务上的逻辑设计

这次增加了新的判定状况 用于路由‘公告栏’处理函数

经过测试 客户端成功地在每次加载页面时 拉取到‘公告栏’的数据

工程文件已经上传至Github：https://github.com/BlessedChild/ArthurSlogStore

至此，实现了页面加载时 动态加载服务端数据的业务逻辑。

如果你喜欢我的文章 欢迎点赞 留言

谢谢