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

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

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

谢谢

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181021G0BFZD00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券