竞彩足球APP比分开发源码学习

最新推荐文章于 2024-05-21 14:20:43 发布

竞彩Java源码开发

最新推荐文章于 2024-05-21 14:20:43 发布

阅读量1k

点赞数 19

分类专栏：竞彩源码竞彩比分源码文章标签：学习 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_35922692/article/details/137804002

版权

竞彩源码同时被 2 个专栏收录

1 篇文章 1 订阅

订阅专栏

竞彩比分源码

1 篇文章 0 订阅

订阅专栏

本文介绍了作者在空闲时间开发的一款竞彩足球APP比分应用，涉及前端使用UNIAPP框架和Vue进行页面设计，以及后端用Java实现的API接口调用。分享了部分代码片段，供读者学习和交流。

摘要由CSDN通过智能技术生成

最近在公司没事情做，写了个竞彩足球APP比分的程序，分享给大家学习，欢迎交流指导。
竞彩足球APP比分开发源码学习

前端UNIAPP-vue

<view class=“navbar-oli” :class=“[pageNo == 0 ? ‘item-ylj’ : ‘’]” @click=“changeSelectBall(0)”>足球
<view class=“navbar-oli” :class=“[pageNo == 1 ? ‘item-ylj’ : ‘’]” @click=“changeSelectBall(1)”>篮球
<view class=“navbar-oli” :class=“[pageNo == 2 ? ‘item-ylj’ : ‘’]” @click=“changeSelectBall(2)”>数字

{{ match.match }}
主队
vs
客队

{{ match.openTime }}

{{ match.number }}
{{ match.homeTeam }}

{{ match.matchResult }}
{{ match.fullTimeResult }}

{{ match.visitingTeam }}

{{ match.match }}
客队
vs
主队

{{ match.openTime }}

{{ match.number }}
{{ match.visitingTeam }}

{{ match.matchResult }}
{{ match.halfFullCourt }}

{{ match.homeTeam }}

{{ item.title }}
第

{{ a }}

			  期</text>
            </view>
            <view class="item-ooj">{{ item.timestamp }}</view>
          </view>
          <view class="item-5fq" :class="item.numbersClass">
            <view class="item-7no aaxcv" v-for="(num, idx) in item.numbers" :key="idx" 
				:class="item['childClass'] ? item['childClass'][idx] : ''">
				{{ num }}
			</view>
          </view>
        </view>
      </scroll-view>
    </view>
<!-- </view> -->

在这里插入图片描述

API接口
import request from ‘@/util/ajax’

export function querybBasketballLists(pageNum, pageSize) {
return request({
url: ‘/basketball/lists’,
method: ‘post’,
data: {pageNum: pageNum, pageSize: pageSize}
})
}

export function queryFootballLists(pageNum, pageSize) {
return request({
url: ‘/football/lists’,
method: ‘post’,
data: {pageNum: pageNum, pageSize: pageSize}
})
}
export function querybNumberLists(pageNum, pageSize) {
return request({
url: ‘/app/permutation/number_award’,
method: ‘get’
})
}

后端我用JAVA写的接口
最终项目运行如下
在这里插入图片描述