廉洁常德网站,苏州设计公司排名前十,成全视频免费观看在线看第2季,自建网站服务器锋哥原创的uniapp微信小程序投票系统实战#xff1a;
uniapp微信小程序投票系统实战课程 (SpringBoot2vue3.2element plus ) ( 火爆连载更新中... )_哔哩哔哩_bilibiliuniapp微信小程序投票系统实战课程 (SpringBoot2vue3.2element plus ) ( 火爆连载更新中... )共计21条视频…锋哥原创的uniapp微信小程序投票系统实战
uniapp微信小程序投票系统实战课程 (SpringBoot2vue3.2element plus ) ( 火爆连载更新中... )_哔哩哔哩_bilibiliuniapp微信小程序投票系统实战课程 (SpringBoot2vue3.2element plus ) ( 火爆连载更新中... )共计21条视频包括uniapp微信小程序投票系统实战课程 (SpringBoot2vue3.2element plus ) ( 火爆连载更新中... )、第2讲 投票项目后端架构搭建、第3讲 小程序端 TabBar搭建等UP主更多精彩视频请关注UP账号。https://www.bilibili.com/video/BV1ea4y137xf/ 后端
/*** 投票选型Controller控制器* author java1234_小锋 公众号java1234* site www.java1234.vip* company 南通小锋网络科技有限公司*/
RestController
RequestMapping(/voteItem)
public class VoteItemController {Autowiredprivate IVoteItemService voteItemService;/*** 获取指定投票的投票项排名* param voteId* return*/GetMapping(/rank/{voteId})public R getRankByVoteId(PathVariable(value voteId)Integer voteId){ListVoteItem voteItemList voteItemService.list(new QueryWrapperVoteItem().eq(vote_id, voteId).orderByDesc(number));MapString,Object mapnew HashMap();map.put(voteItemList,voteItemList);return R.ok(map);}}
新建rank页面:
{path: pages/rank/rank,style: {navigationBarTitleText: 票数排行}}
templateview classrankview classvoteItem v-foritem in voteItemListview classitemName{{item.name}}/viewview classnumber{{item.number}}票/view/view/view
/templatescript
import {getBaseUrl, requestUtil} from ../../utils/requestUtil.jsexport default{data(){return{voteItemList:{}}},onLoad(e) {console.log(e.id)this.getRankByVoteId(e.id)},methods:{getRankByVoteId:async function(voteId){const resultawait requestUtil({url:/voteItem/rank/voteId,method:get});console.log(result)this.voteItemListresult.voteItemList}}}/scriptstyle langscss.rank{padding: 15px; background-color: white;.voteItem{display: flex;justify-content: space-between;border-radius: 10px;background-color: #f4f5f7;padding: 15px;margin-bottom: 10px;.itemName{}.number{}}}
/style
