当前位置: 首页 > wzjs >正文

在自己电脑上做网站最新疫情最新数据

在自己电脑上做网站,最新疫情最新数据,可做产品预售的网站,安徽网站建设网络公司这两天写了一个基于SSE技术的站内信通知红点的例子。现在来总结一下。 首先,站内信红点的实现方式基本上就三种:网页上设置一个Timer然后定时轮询;开一个WebSocket长链接;基于SSE的流模式。最终想试试SSE,就写了这个例…

这两天写了一个基于SSE技术的站内信通知红点的例子。现在来总结一下。

首先,站内信红点的实现方式基本上就三种:网页上设置一个Timer然后定时轮询;开一个WebSocket长链接;基于SSE的流模式。最终想试试SSE,就写了这个例子。

其次,SSE的实现也有很多种:第一种基于SSE.js;第二种是PHP;第三种是django。我采用的是django。网上大部分的例子都是需要第三方库: django-sse或者Daphen。我就是想基于原生jQuery和Django来实现。最后找了一个好方法,特此记录一下。

Django端的views代码:

def get_unread_message_count_view(request):def event_stream():while True:# 从数据库或其他数据源获取数据messages = Messages.objects.filter(read_flag=False)unread_message_count = messages.count()# 构造SSE消息event = 'message'message = f'data: {unread_message_count}\n\n'yield f'event: {event}\n{message}'response = StreamingHttpResponse(event_stream(), content_type='text/event-stream')response['Cache-Control'] = 'no-cache'return response

urls就是标准的代码

网页端:

<div class="fa-stack fa-2x" id="message_bell" data-count="10"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-bell fa-stack-1x fa-inverse"></i>
</div>
<script type="text/javascript">$(function () {$(document).ready(function() {//data根据需求自定义参数const eventSource = new EventSource('get_unread_message_count');eventSource.addEventListener('message', function(event) {const data = event.data;$("#message_bell").attr("data-count",data);if (data == 0) {$('.fa-stack').addClass('hidden');}else {$('.fa-stack').removeClass('hidden');}// 处理收到的数据});});});</script>
http://www.dtcms.com/wzjs/519257.html

相关文章:

  • 做网站 使用权 所有权网站运营方案
  • 用哪个做网站demo郑州疫情最新动态
  • 河南股票配资网站建设福州seo建站
  • 优惠劵精选网站怎么做广州营销优化
  • 网站开发论文开题报告范文广州网站定制多少钱
  • 网站建设属于无形资产有创意的网络营销案例
  • 网上翻译网站做译员品牌推广方式有哪些
  • 宿州城市建设投资网站网站做优化一开始怎么做
  • 网站主页怎么做天天网站
  • 网站建设华科技百度榜
  • 平江做网站的公司免费行情软件app网站下载大全
  • 四个免费h5网站山东16市最新疫情
  • 做动漫网站侵权吗网站代搭建维护
  • 怎样给网站登录界面做后台手机优化大师官方版
  • 园区 网站建设策划方案百度seo标题优化软件
  • 个人网站网页底部模板新闻头条今日新闻下载
  • 网站套餐 襄阳旭日网站建设百度搜索图片
  • 广告网站建设最专业百度首页纯净版
  • 网站建设基础入门百度竞价
  • 国际货代做网站app优化排名
  • 珠海手机网站建设价格国外网站加速
  • 网站建设明细报价表 xls百度外包公司有哪些
  • 网站制作字体苏州seo门户网
  • 公司招聘网站 哪个部门做南宁网站建设公司
  • 网站开发和网站维护有区别吗如何搭建一个自己的网站
  • wordpress加描述百度seo视频教程
  • 网站建设与管理用什么软件有哪些内容如何做网页推广
  • 标准型网站建设开发企业文化的重要性
  • 深圳移动端网站建设模板免费关键词排名优化软件
  • 有域名建网站百度手机app