当前位置:

从0开始实现一个NBA赛事直播新闻小程序(含后台接口)

从0开始实现一个NBA赛事直播新闻小程序(含后台接口) 2024-10-11 02:08:41发布

【直播信号】

写在前面的一段话关于NBA、基于深刻的莫过于高中时代的，买篮球先锋报、用手机2G网络和同学凑在一起看文字直播、还生怕班主任老师发现，印象中第一次了解NBA是在2006年的英语书上，有一页上面是所有球队的logo以及名字、那时开始慢慢的了解篮球、了解到了休斯顿火箭队大姚、从此对火箭队情有独钟、时至今日依然对那支22连胜的火箭有太多感情、时至今日绿军三巨头、邓肯、蜗壳都已经退役了,oh~oh~oh好像有点跑题了，还是回到主题、记录花了几天时间写的这个小程序话不多少先上源码地址小程序GitHub地址: github.com/ecitlm/wx-n… 后端接口API地址:可先参照 ecitlm.github.io/TP5_Splider… 项目下面的 controller 下的Nba.php类部分界面效果体验接口来源是分析腾*体育H5端的接口，使用php对接口进行抓取整理、切对接口进行了签名校验，已经实现，但没有用上小程序之中通过，接口整理一开始使用的是对接口统一整理的、后面使用对接口文档进行了再次的整理，整理的接口有以下、通过以下接口数据完成一个简单的大气的NBA小程序的开发、目前小程序正处于上架申请中。每日赛事直播列表接口球赛直播实时详情接口实时数据统计接口球队进本信息接口球队球员阵容名单接口球员基本信息赛季数据接口30只球队排名数据接口篮球快讯新闻列表接口新闻详情接口新闻评论数据接口在线接口系统地址 wxapp.it919.cn/wx/listAllA… 图片界面整体有十几个、包含以上接口对应的UI界面、以下界面属于应用的截图界面项目目录结构如下网络请求使用小程序的 + + 对接口请求方法进行封装,一些列出的代码属于项目的核心代码目录下的文件所对应的方法所有接口的请求放在之中在对请求到的接口数据渲染的过程之中并没有遇到什么大的问题，页面布局上的事情也就没什么可讲的了，比较麻烦的事情是需要对接口返回的每个字段进行分析所对应的显示问题，这个再记录一下赛事直播界面的数据、新闻详情的数据渲染解析HTML的问题。小程序页面布局使用的单位是,对应设计稿是最舒服的、rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。设备rpx换算px (屏幕宽度/750px换算rpx (750/屏幕宽度)iPhone51rpx = 0.42px1px = 2.34rpxiPhone61rpx = 0.5px1px = 2rpx 新闻详情页面渲染使用到了，能搞方便的解决渲染转的问题模板页面用导入、渲染HTML 在接口请求成功时候对进行一个操作处理，使用起来也比较简单演示：小程序内置的图片查看放大组件，使用该方法可以实现图片放大预览效果功能小程序一直处于不温不火中、在笔者这这篇归档时、小程序已经开通内嵌网页功能、整体来说小程序还是很容易上手的、重要得多是多看文档，查找相关资料、仅以此文章记录开发体验、小应用还会持续更新、有感兴趣的小伙伴欢迎交流、源代码托管在原文地址: code.it919.cn/2017/11/wx-…

标签：