低代码可视化-转盘小游戏可视化-代码生成器

转盘小程序是一种互动工具，它通过模拟真实的转盘抽奖或决策体验，为用户提供了一种有趣且公平的选择方式。以下是对转盘小程序的详细介绍：

转盘小程序的应用场景

日常决策：转盘小程序可以帮助用户解决日常生活中的选择困难问题，如决定晚餐吃什么、周末去哪里玩等。
聚会游戏：在聚会或派对中，转盘小程序可以作为互动游戏，增添欢乐气氛。用户可以自定义转盘内容，如真心话大冒险、喝酒游戏等。
企业活动：转盘小程序也常被用于企业年会、新品发布、客户答谢等活动中，作为抽奖或互动环节，提升现场气氛并收集参与者信息。


转盘小程序的特点

用户友好：转盘小程序通常具有直观易用的界面，用户无需编程基础即可快速上手。
高度可定制：用户可以根据自己的需求自定义转盘样式、选项、概率等，满足特定场景下的使用需求。
互动性强：转盘小程序支持分享功能，用户可以将自己制作的转盘分享给朋友或家人，一起享受互动的乐趣。
数据收集：在企业活动中，转盘小程序可以帮助主办方收集参与者信息，为后续营销活动提供数据支持。

功能设计 

大转盘组件

拖进一个转盘组件进设计器。

转盘中奖自定义

转盘中奖项通过子表单用户快速自定义

实现代码如下

<template><view class="container container334706"><u-form-item :borderBottom="false" v-if="!showForm && globalData.isshow" class="diygw-col-24 title-clz" labelPosition="top" prop="title"><u-input @blur="listApi" :data-title_like="title" :focus="titleFocus" placeholder="请输入产品标题" v-model="title"></u-input><text @tap="navigateTo" data-type="listApi" :data-title_like="title" class="diy-icon-search" style="color: #363636; font-size: 32rpx"></text></u-form-item><view v-if="!showForm && list.total > 0" class="flex flex-wrap diygw-col-24 flex-direction-column"><view v-for="(item, index) in list.rows" :key="index" class="flex flex-wrap diygw-col-24 flex-direction-column flex4-clz" @tap="navigateTo" data-type="page" data-url="/pages/index" :data-id="item.id" data-redirect="1"><text class="diygw-text-line2 diygw-col-24 text1-clz">{{ item.title }}</text><text v-if="item.remark" class="diygw-text-line3 diygw-col-24 text2-clz">{{ item.remark }}</text><view class="flex flex-wrap diygw-col-24 justify-end items-center flex2-clz"><text @tap.stop="navigateTo" data-type="editFunction" :data-index="index" class="diygw-col-0 text6-clz"> 修改 </text><text @tap.stop="navigateTo" data-type="copyApi" :data-id="item.id" :data-index="index" class="diygw-col-0 text4-clz"> 复制 </text><text @tap.stop="navigateTo" data-type="delApi" :data-id="item.id" :data-index="index" class="diygw-col-0 text13-clz"> 删除 </text></view></view></view><view v-if="!showForm && globalData.isshow && (globalOption.isself || userInfo.username == 'admin')" class="flex flex-wrap diygw-col-24 justify-start diygw-bottom flex3-clz"><view class="flex flex-wrap diygw-col-24 justify-center items-center green flex20-clz" @tap="showForm = true"><text class="flex icon2 diygw-col-0 diy-icon-add"></text><text class="diygw-col-0"> 新增转盘 </text></view></view><view v-if="globalData.isshow && list.code == 200 && list.total == 0" class="flex flex-wrap diygw-col-24 flex-direction-column items-center flex-clz"><image src="/static/zwjl.png" class="image-size diygw-image diygw-col-0" mode="widthFix"></image><text class="diygw-col-0 text-clz"> 未找到任何数据 </text></view><u-form :model="form" :rules="formRules" :errorType="['message', 'toast']" ref="formRef" v-if="showForm" class="flex diygw-form diygw-col-24 form-clz"><view class="flex flex-wrap diygw-col-24 flex-direction-column flex1-clz"><u-form-item class="diygw-col-24" :required="true" label="转盘标题" prop="title"><u-input :focus="formData.titleFocus" placeholder="请输入标题" v-model="form.title"></u-input></u-form-item><u-form-item class="diygw-col-24" label="转盘描述" prop="remark"><u-input maxlength="200" height="60px" class="" placeholder="请输入提示信息" v-model="form.remark" type="textarea"></u-input></u-form-item><view class="flex flex-wrap diygw-col-24"><view class="diygw-col-24" v-for="(configItem, configIndex) in form.config" :key="configIndex"><u-form class="diygw-col-24" :model="form.config[configIndex]" :errorType="['message', 'toast']" ref="configRef" :rules="configItemRules"><view class="flex flex-wrap diygw-col-24 flex-direction-column flex5-clz"><u-form-item class="diygw-col-24" label="奖项" prop="text"><u-input :focus="formData.configItemDatas[configIndex].textFocus" placeholder="请输入奖项" v-model="configItem.text"></u-input></u-form-item><u-form-item class="diygw-col-24" label="中奖率" prop="range"><u-input :focus="formData.configItemDatas[configIndex].rangeFocus" placeholder="请输入提示信息" v-model="configItem.range"></u-input></u-form-item><u-form-item class="diygw-col-24" label="奖项背景色" prop="background"><u-input @tap="formData.configItemDatas[configIndex].showBackground = true" placeholder="请输入奖项背景色，不填写默认生成" v-model="configItem.background"></u-input><text class="diygw-text-lg diy-icon-colorlens" @tap="formData.configItemDatas[configIndex].showBackground = true" :style="{ color: configItem.background }"></text><diy-color-picker v-model="formData.configItemDatas[configIndex].showBackground" :hexcolor="configItem.background" @confirm="changeConfigItemBackground($event, configIndex, configItem)"></diy-color-picker></u-form-item></view></u-form><view class="formconfigtools flex justify-end"><button @tap="upConfigItem" :data-index="configIndex" class="diygw-btn flex-sub radius margin-xs"><text class="button-icon diy-icon-fold"></text> 上移</button><button @tap="downConfigItem" :data-index="configIndex" class="diygw-btn flex-sub radius margin-xs"><text class="button-icon diy-icon-unfold"></text> 下移</button><button @tap="addConfigItem" :data-index="configIndex" class="diygw-btn flex-sub radius margin-xs"><text class="button-icon diy-icon-add"></text> 新增</button><button @tap="delConfigItem" :data-index="configIndex" class="diygw-btn flex-sub radius margin-xs"><text class="button-icon diy-icon-close"></text> 删除</button></view></view></view></view><view class="flex diygw-col-24"><button @tap="showForm = false" class="diygw-btn red radius flex-sub margin-xs button-button-clz">取消</button><button @click="submitForm" class="diygw-btn green radius flex-sub margin-xs button-button-clz">保存</button></view></u-form><view class="clearfix"></view></view>
</template><script>export default {data() {return {//用户全局信息userInfo: {},//页面传参globalOption: {},//自定义全局变量globalData: { isshow: false },listNum: 1,list: {rows: [{id: 0,title: '',remark: '',img: '',userId: 0,createTime: '',updateTime: '',deleteTime: null}],total: 0,code: 0,msg: ''},copy: {code: 200,msg: '复制成功'},del: {code: 200,msg: '删除成功'},titleFocus: false,title: '',showForm: false,formRules: {title: [{trigger: ['change', 'blur'],required: true,message: '标题不能为空'}]},form: {title: '',remark: '',config: []},formData: {titleFocus: false,configItemDatas: []},configItemRules: {},configItemData: {textFocus: false,rangeFocus: false,showBackground: false},configItem: {text: '',range: '',background: ''}};},onShow() {this.setCurrentPage(this);},onLoad(option) {this.setCurrentPage(this);if (option) {this.setData({globalOption: this.getOption(option)});}this.init();},onReady() {this.$refs.formRef?.setRules(this.formRules);this.initConfigData();},methods: {async init() {await this.listApi();await this.initResetform();},// 列表数据 API请求方法async listApi(param) {let thiz = this;param = param || {};//如果请求要重置页面，请配置点击附加参数refresh=1  增加判断如输入框回调param不是对象if (param.refresh || typeof param != 'object') {this.listNum = 1;}//请求地址及请求数据，可以在加载前执行上面增加自己的代码逻辑let http_url = '/game/project/list';let http_data = {pageNum: this.listNum,pageSize: 10,title_like: param.title_like || this.title};let http_header = {};if (!this.globalOption.isself) {http_data.userId = '1';} else {http_data.isself = '1';}let list = await this.$http.post(http_url, http_data, http_header, 'json');let datarows = list.rows;if (http_data.pageNum == 1) {this.list = list;} else if (datarows) {let rows = this.list.rows.concat(datarows);list.rows = rows;this.list = Object.assign(this.list, list);}if (datarows && datarows.length > 0) {this.listNum = this.listNum + 1;}this.globalData.isshow = true;},// 复制数据 API请求方法async copyApi(param) {let thiz = this;param = param || {};//请求地址及请求数据，可以在加载前执行上面增加自己的代码逻辑let http_url = '/game/project/copy';let http_data = {id: param.id || this.item.id || '1',index: param.index || this.index};let http_header = {};let flag = await this.showModal('是否确定复制该数据');if (!flag) {this.showToast('你已取消删');return;}let copy = await this.$http.post(http_url, http_data, http_header, 'json');this.copy = copy;await this.listApi({ refresh: 1 });},// 删除数据 API请求方法async delApi(param) {let thiz = this;param = param || {};//请求地址及请求数据，可以在加载前执行上面增加自己的代码逻辑let http_url = '/game/project/del';let http_data = {id: param.id || this.item.id,index: param.index || this.index};let http_header = {};let flag = await this.showModal('是否确定删除该数据');if (!flag) {this.showToast('你已取消删');return;}let del = await this.$http.post(http_url, http_data, http_header, 'json');this.del = del;if (del.code == 200) {this.list.rows.splice(param.index, 1);this.list.total = this.list.rows.length;this.showToast('删除数据成功');} else {this.showToast('删除数据失败', 'error');}},// 修改数据 自定义方法async editFunction(param) {let thiz = this;let index = param && (param.index || param.index == 0) ? param.index : thiz.index || '';let form = JSON.parse(JSON.stringify(this.list.rows[param.index]));form.config = JSON.parse(form.config);let configItemDatas = [];form.config.forEach((item) => {configItemDatas.push(JSON.parse(JSON.stringify(this.configItemData)));});this.formData.configItemDatas = configItemDatas;this.form = form;this.showForm = true;},//初始化显示子表单数据条数initConfigData() {for (let i = 0; i < 1; i++) {this.form.config.push(JSON.parse(JSON.stringify(this.configItem)));this.formData.configItemDatas.push(JSON.parse(JSON.stringify(this.configItemData)));}this.initConfigValid();},//子表单验证initConfigValid() {this.$nextTick(() => {this.$refs['configRef']?.forEach((subform) => {subform.setRules(this.configItemRules);});});},//上移子表单upConfigItem(evt) {let { index } = evt.currentTarget.dataset;if (index == 0) {this.navigateTo({type: 'tip',tip: '已经是第一个'});return false;}this.form.config[index] = this.form.config.splice(index - 1, 1, this.form.config[index])[0];this.formData.configItemDatas[index] = this.formData.configItemDatas.splice(index - 1, 1, this.formData.configItemDatas[index])[0];this.initConfigValid();},//下移子表单downConfigItem(evt) {let { index } = evt.currentTarget.dataset;if (index == this.form.config.length - 1) {this.navigateTo({type: 'tip',tip: '已经是最后一个'});return false;}this.form.config[index] = this.form.config.splice(index + 1, 1, this.form.config[index])[0];this.formData.configItemDatas[index] = this.formData.configItemDatas.splice(index + 1, 1, this.formData.configItemDatas[index])[0];this.initConfigValid();},//删除子表单delConfigItem(evt) {let { index } = evt.currentTarget.dataset;this.form.config.splice(index, 1);this.formData.configItemDatas.splice(index, 1);this.initConfigValid();},//增加子表单addConfigItem() {this.form.config.push(JSON.parse(JSON.stringify(this.configItem)));this.formData.configItemDatas.push(JSON.parse(JSON.stringify(this.configItemData)));this.initConfigValid();},//验证所有的子表单checkConfigValid() {let flag = true;this.$refs['configRef']?.forEach((subform) => {subform.validate((valid) => {if (!valid) {flag = false;return false;}});});return flag;},changeConfigItemBackground(evt, configIndex, configItem) {let result = evt.hex;configItem.background = result;},initResetform() {this.initform = JSON.stringify(this.form);//如果想给表单默认初始值，其中row为某一行数据也可能是API返回的结果集，然后给到this.form//this.form = this.$tools.changeRowToForm(row,this.form)},resetForm() {this.form = JSON.parse(this.initform);},async submitForm(e) {this.$refs.formRef?.setRules(this.formRules);this.initConfigValid();this.$nextTick(async () => {let configvalid = await this.checkConfigValid();let valid = await this.$refs.formRef.validate();if (valid && configvalid) {//保存数据let param = this.form;let header = {'Content-Type': 'application/json'};let url = '/game/project/add';if (this.form.id) {url = '/game/project/update';}uni.showLoading({title: '正在保存...'});let res = await this.$http.post(url, param, header, 'json');uni.hideLoading();if (res.code == 200) {//更新列表数据this.listNum = 1;this.listApi();if (this.form.id) {this.showToast('更新成功');//关闭表单this.showForm = false;} else {//提示是否继续新增let flag = await this.showModal('是否继续新增');if (flag) {//重置表单this.resetForm();} else {//关闭窗口this.showForm = false;}}} else {this.showModal(res.msg, '提示', false);}} else {console.log('验证失败');}});}},onPullDownRefresh() {// 列表数据 API请求方法this.listNum = 1;this.listApi();uni.stopPullDownRefresh();},onReachBottom() {// 列表数据 API请求方法this.listApi();}};
</script><style lang="scss" scoped>.title-clz {background-color: #ffffff;margin-left: 16rpx;border-bottom-left-radius: 12rpx;overflow: hidden;width: calc(100% - 16rpx - 16rpx) !important;border-top-left-radius: 12rpx;margin-top: 16rpx;border-top-right-radius: 12rpx;border-bottom-right-radius: 12rpx;margin-bottom: 16rpx;margin-right: 16rpx;}.flex4-clz {padding-top: 10rpx;border-bottom-left-radius: 12rpx;padding-left: 10rpx;padding-bottom: 10rpx;border-top-right-radius: 12rpx;margin-right: 20rpx;background-color: #ffffff;margin-left: 20rpx;overflow: hidden;width: calc(100% - 20rpx - 20rpx) !important;border-top-left-radius: 12rpx;margin-top: 10rpx;border-bottom-right-radius: 12rpx;margin-bottom: 10rpx;padding-right: 10rpx;}.text1-clz {padding-top: 10rpx;padding-left: 10rpx;font-size: 28rpx !important;padding-bottom: 10rpx;padding-right: 10rpx;}.text2-clz {padding-top: 10rpx;color: #7c7c7c;padding-left: 10rpx;padding-bottom: 10rpx;padding-right: 10rpx;}.flex2-clz {border-top: 2rpx solid #eee;padding-top: 10rpx;color: #6b6b6b;padding-left: 10rpx;padding-bottom: 10rpx;padding-right: 10rpx;}.text6-clz {border: 2rpx solid #038af2;padding-top: 10rpx;border-bottom-left-radius: 10rpx;color: #038af2;padding-left: 20rpx;padding-bottom: 10rpx;border-top-right-radius: 10rpx;margin-right: 10rpx;background-color: #f0f1ff;margin-left: 10rpx;overflow: hidden;border-top-left-radius: 10rpx;margin-top: 10rpx;border-bottom-right-radius: 10rpx;margin-bottom: 10rpx;padding-right: 20rpx;}.text4-clz {border: 2rpx solid #038af2;padding-top: 10rpx;border-bottom-left-radius: 10rpx;color: #038af2;padding-left: 20rpx;padding-bottom: 10rpx;border-top-right-radius: 10rpx;margin-right: 10rpx;background-color: #f0f1ff;margin-left: 10rpx;overflow: hidden;border-top-left-radius: 10rpx;margin-top: 10rpx;border-bottom-right-radius: 10rpx;margin-bottom: 10rpx;padding-right: 20rpx;}.text13-clz {border: 2rpx solid #ffb08f;padding-top: 10rpx;border-bottom-left-radius: 10rpx;color: #ff592c;padding-left: 20rpx;padding-bottom: 10rpx;border-top-right-radius: 10rpx;margin-right: 10rpx;background-color: #fff4f0;margin-left: 10rpx;overflow: hidden;border-top-left-radius: 10rpx;margin-top: 10rpx;border-bottom-right-radius: 10rpx;margin-bottom: 10rpx;padding-right: 20rpx;}.flex3-clz {padding-top: 16rpx;border-bottom-left-radius: 0rpx;color: #747474;bottom: 0rpx;padding-left: 16rpx;padding-bottom: 16rpx;border-top-right-radius: 20rpx;background-color: #ffffff;overflow: hidden;left: 0rpx;border-top-left-radius: 20rpx;border-bottom-right-radius: 0rpx;padding-right: 16rpx;}.flex20-clz {padding-top: 16rpx;border-bottom-left-radius: 200rpx;overflow: hidden;font-weight: bold;padding-left: 10rpx;font-size: 28rpx !important;padding-bottom: 16rpx;border-top-left-radius: 200rpx;border-top-right-radius: 200rpx;border-bottom-right-radius: 200rpx;padding-right: 10rpx;}.icon2 {font-size: 40rpx;}.flex-clz {padding-top: 20rpx;padding-left: 20rpx;padding-bottom: 20rpx;padding-right: 20rpx;}.image-size {height: 400rpx !important;width: 400rpx !important;}.text-clz {color: #969696;font-size: 28rpx !important;}.form-clz {padding-top: 10rpx;border-bottom-left-radius: 12rpx;padding-left: 10rpx;padding-bottom: 10rpx;border-top-right-radius: 12rpx;margin-right: 20rpx;background-color: #ffffff;margin-left: 20rpx;overflow: hidden;width: calc(100% - 20rpx - 20rpx) !important;border-top-left-radius: 12rpx;margin-top: 10rpx;border-bottom-right-radius: 12rpx;margin-bottom: 10rpx;padding-right: 10rpx;}.flex1-clz {overflow: auto;}.formconfigtools {position: absolute;z-index: 1;right: 30rpx;bottom: 16rpx;}.formconfigtools .diygw-btn {padding: 5px;height: auto;flex: inherit;border-radius: 20px;}.flex5-clz {border: 2rpx solid #eee;padding-top: 10rpx;border-bottom-left-radius: 12rpx;padding-left: 10rpx;padding-bottom: 80rpx;border-top-right-radius: 12rpx;margin-right: 10rpx;margin-left: 10rpx;overflow: hidden;width: calc(100% - 10rpx - 10rpx) !important;border-top-left-radius: 12rpx;margin-top: 10rpx;border-bottom-right-radius: 12rpx;margin-bottom: 10rpx;padding-right: 10rpx;}.button-button-clz {margin: 6rpx !important;}.container334706 {padding-bottom: 160rpx;background-color: #f5f5f5;}
</style>

点击列表传id进转盘页面

首页获取转盘ID

根据用户维护的列表id动态显示出来。

<template><view class="container container334706"><view v-if="isshow" class="flex flex-wrap diygw-col-24 flex-direction-column items-center flex-clz"><view class="diygw-col-24"><diy-lucky-wheel ref="refPrize" width="600rpx" height="600rpx" :blocks="prizeConfig.blocks" :prizes="prizeConfig.prizes" :buttons="prizeConfig.buttons" :defaultStyle="prizeConfig.defaultStyle" :defaultConfig="prizeConfig.defaultConfig" @start="startPrize" @end="endPrize"></diy-lucky-wheel></view><view class="flex flex-wrap diygw-col-24 justify-center flex1-clz"><text @tap="navigateTo" data-type="page" data-url="/pages/records" class="diygw-col-0 more-clz"> 热门转盘 </text><text @tap="navigateTo" data-type="page" data-url="/pages/records" data-isself="1" class="diygw-col-0 text-clz"> 我的转盘 </text></view></view><view class="clearfix"></view></view>
</template><script>export default {data() {return {//用户全局信息userInfo: {},//页面传参globalOption: {},//自定义全局变量globalData: {},dataNum: 1,data: {code: 0,msg: '',data: {id: 0,title: '',config: '',remark: '',userId: 0,createTime: '',updateTime: '',deleteTime: null}},isshow: false,prize: undefined,prizeConfig: {blocks: [{ padding: '0' }],prizes: [{ range: 1, background: '#fea832', fonts: [{ text: '一等奖', top: '20' }], imgs: [{ src: '/static/ps.png', top: '50', width: '50px' }] },{ range: 1, background: '#fedb41', fonts: [{ text: '二等奖', top: '20' }] },{ range: 1, background: '#fea832', fonts: [{ text: '三等奖', top: '20' }] },{ range: 1, background: '#fedb41', fonts: [{ text: '四等奖', top: '20' }] },{ range: 1, background: '#fea832', fonts: [{ text: '五等奖', top: '20' }] },{ range: 1, background: '#fedb41', fonts: [{ text: '谢谢参与', top: '20' }] }],buttons: [{ radius: '40%', background: '#f44b24' },{ radius: '35%', background: '#fea832' },{ radius: '30%', background: '#ffecbf', pointer: true, fonts: [{ text: '开始', top: '-25' }] },{ radius: '30%', pointer: true, fonts: [{ text: '抽奖' }] }],defaultStyle: { gutter: 0, speed: 20, accelerationTime: 2500, decelerationTime: 2500 }}};},onShow() {this.setCurrentPage(this);},onLoad(option) {this.setCurrentPage(this);if (option) {this.setData({globalOption: this.getOption(option)});}this.init();},methods: {async init() {await this.dataApi();await this.isloginFunction();},// 列表数据 API请求方法async dataApi(param) {let thiz = this;param = param || {};//如果请求要重置页面，请配置点击附加参数refresh=1  增加判断如输入框回调param不是对象if (param.refresh || typeof param != 'object') {this.dataNum = 1;}//请求地址及请求数据，可以在加载前执行上面增加自己的代码逻辑let http_url = '/game/api.project/get';let http_data = {pageNum: this.dataNum,pageSize: 10,id: param.id || this.globalOption.id || '1'};let http_header = {};//不是修改，初始化用户信息if (!this.globalOption.id) {this.isshow = true;return;}let data = await this.$http.post(http_url, http_data, http_header, 'json');let datarows = data.rows;if (http_data.pageNum == 1) {this.data = data;} else if (datarows) {let rows = this.data.rows.concat(datarows);data.rows = rows;this.data = Object.assign(this.data, data);}if (datarows && datarows.length > 0) {this.dataNum = this.dataNum + 1;}uni.setNavigationBarTitle({title: data.data.title});let config = JSON.parse(data.data.config);function getRandomColor(index) {let colors = ['#fea832', 'fedb41'];return colors[index % 2];}let prizes = config.map((item, index) => {return { range: item.range ? parseInt(item.range) : 1, background: item.background || getRandomColor(index), fonts: [{ text: item.text, top: '20' }] };});this.prizeConfig.prizes = prizes;this.isshow = true;},// 判断用户是否登录 自定义方法async isloginFunction(param) {let thiz = this;if (!this.$session.getToken()) {//比如未登录，转身到其他页面等this.showToast('请先登录');this.navigateTo({type: 'page',url: 'login'});return;}},// 退出登录 自定义方法async logoutFunction(param) {let thiz = this;this.$session.clearUser();this.navigateTo({type: 'page',url: 'login'});},// 得奖回调 自定义方法async changeZhongjiangFunction(param) {let thiz = this;let prize = param && (param.prize || param.prize == 0) ? param.prize : thiz.prize || '';console.log(JSON.stringify(prize));this.navigateTo({type: 'tip',tip: prize.fonts[0].text});let flag = await this.showModal(prize.fonts[0].text);},//开始startPrize() {this.$refs.refPrize.play();setTimeout(() => {this.$refs.refPrize.stop();}, 3000);},// 停止endPrize(prize) {this.prize = prize;this.navigateTo({ prize: this.prize, type: 'changeZhongjiangFunction' });}},onPullDownRefresh() {// 列表数据 API请求方法this.dataNum = 1;this.dataApi();uni.stopPullDownRefresh();},onReachBottom() {// 列表数据 API请求方法this.dataApi();}};
</script><style lang="scss" scoped>.flex-clz {padding-top: 40rpx;padding-left: 10rpx;padding-bottom: 10rpx;padding-right: 10rpx;}.flex1-clz {margin-left: 10rpx;font-weight: bold;width: calc(100% - 10rpx - 10rpx) !important;font-size: 32rpx !important;margin-top: 30rpx;margin-bottom: 10rpx;margin-right: 10rpx;}.more-clz {padding-top: 10rpx;padding-left: 10rpx;padding-bottom: 10rpx;padding-right: 10rpx;}.text-clz {padding-top: 10rpx;padding-left: 10rpx;padding-bottom: 10rpx;padding-right: 10rpx;}.container334706 {}
</style>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/6220.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【Prometheus】Prometheus如何监控Haproxy

【Prometheus】Prometheus如何监控Haproxy

✨✨ 欢迎大家来到景天科技苑✨✨ &#x1f388;&#x1f388; 养成好习惯&#xff0c;先赞后看哦~&#x1f388;&#x1f388; &#x1f3c6; 作者简介&#xff1a;景天科技苑 &#x1f3c6;《头衔》&#xff1a;大厂架构师&#xff0c;华为云开发者社区专家博主&#xff0c;…
阅读更多...
仅仅4M！windows系统适用，免费无限制使用！

仅仅4M！windows系统适用，免费无限制使用！

软件介绍 在日常生活里&#xff0c;我们经常会碰到电脑运行迟缓、网速卡顿的现象&#xff0c;却又不清楚是哪个程序在占用过多资源。这种时候&#xff0c;一款能实时监测网络和系统状态的工具就变得非常关键了。今天呢&#xff0c;就给大家介绍一个小巧又实用的监控工具——「T…
阅读更多...
计算机毕业设计hadoop+spark+hive图书推荐系统 豆瓣图书数据分析可视化大屏 豆瓣图书爬虫 知识图谱 图书大数据 大数据毕业设计 机器学习

计算机毕业设计hadoop+spark+hive图书推荐系统 豆瓣图书数据分析可视化大屏 豆瓣图书爬虫 知识图谱 图书大数据 大数据毕业设计 机器学习

温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 作者简介&#xff1a;Java领…
阅读更多...
Harmony Next 支持创建分身

Harmony Next 支持创建分身

应用分身能实现在一个设备上安装多个相同的应用&#xff0c;实现多个账号同时登录使用和运行并且互不影响。主要应用场景有社交账号双开、游戏大小号双开等&#xff0c;无需账号切换&#xff0c;从而省去频繁登录的繁琐。 Harmony Next 很容易就能让 App 支持创建分身。 官方文…
阅读更多...
Linux下 date时间应该与系统的 RTC（硬件时钟）同步

Linux下 date时间应该与系统的 RTC（硬件时钟）同步

发现客户服务器时间与真实时间不同&#xff0c;并且服务器没有网络。 解决办法&#xff1a;时间应该与系统的 RTC&#xff08;硬件时钟&#xff09;同步 手动设置系统时间 使用 date 命令将系统时间设置为 2025年01月21日 14:12:00&#xff1a; sudo date --set"2025-01…
阅读更多...
XX污水处理厂基于RK3576核心板应用（四）——人员倒地智能识别系统方案

XX污水处理厂基于RK3576核心板应用（四）——人员倒地智能识别系统方案

通过 SAIL-RK3576核心板 支撑的 人员倒地识别系统&#xff0c;污水处理厂能够在广阔、复杂的区域内实时监控人员安全&#xff0c;实现意外倒地等事故的秒级响应与干预。搭配多元人形动态监测机制&#xff0c;还可进一步拓展对其他异常动作或不安全行为的识别&#xff0c;持续保…
阅读更多...
【IEEE Fellow 主讲报告| EI检索稳定】第五届机器学习与智能系统工程国际学术会议（MLISE 2025）

【IEEE Fellow 主讲报告| EI检索稳定】第五届机器学习与智能系统工程国际学术会议（MLISE 2025）

重要信息 会议时间地点&#xff1a;2025年6月13-15日 中国深圳 会议官网&#xff1a;http://mlise.org EI Compendex/Scopus稳定检索 会议简介 第五届机器学习与智能系统工程国际学术会议将于6月13-15日在中国深圳隆重召开。本次会议旨在搭建一个顶尖的学术交流平台&#xf…
阅读更多...
css粘性定位超出指定宽度失效问题

css粘性定位超出指定宽度失效问题

展示效果 解决办法&#xff1a;外层容器添加display:grid即可 完整代码 <template><div class"box"><div class"line" v-for"items in 10"><div class"item" v-for"item in 8">drgg</div>&…
阅读更多...
随机变量的变量替换——归一化流和直方图规定化的数学基础

随机变量的变量替换——归一化流和直方图规定化的数学基础

变量替换是一种在统计学和数学中广泛应用的技术&#xff0c;它通过定义新的变量来简化问题&#xff0c;使得原本复杂的随机变量变得更加容易分析。 变量替换的公式&#xff0c;用于将一个随机变量 X X X 的概率密度函数 f X f_X fX​ 转换为其经过函数 g g g 变换后的随机变…
阅读更多...
Scrapy之一个item包含多级页面的处理方案

Scrapy之一个item包含多级页面的处理方案

目标 在实际开发过程中&#xff0c;我们所需要的数据往往需要通过多个页面的数据汇总得到&#xff0c;通过列表获取到的数据只有简单的介绍。站在Scrapy框架的角度来看&#xff0c;实际上就是考虑如何处理一个item包含多级页面数据的问题。本文将以获取叶子猪网站的手游排行榜及…
阅读更多...
应用层协议 HTTP 讲解实战：从0实现HTTP 服务器

应用层协议 HTTP 讲解实战：从0实现HTTP 服务器

&#x1f308; 个人主页&#xff1a;Zfox_ &#x1f525; 系列专栏&#xff1a;Linux 目录 一&#xff1a;&#x1f525; HTTP 协议 &#x1f98b; 认识 URL&#x1f98b; urlencode 和 urldecode 二&#xff1a;&#x1f525; HTTP 协议请求与响应格式 &#x1f98b; HTTP 请求…
阅读更多...
Ansys Motor-CAD：IPM 电机实验室 - 扭矩速度曲线

Ansys Motor-CAD：IPM 电机实验室 - 扭矩速度曲线

各位电动机迷们&#xff0c;大家好&#xff1a; 在本博客中&#xff0c;我讨论了如何使用 Ansys Motor-CAD 通过 LAB 模块获取扭矩速度曲线。使用每安培最大扭矩电机控制策略&#xff0c;并涵盖恒定扭矩区域和恒定功率、磁通减弱区域。分析了高转子速度如何影响功率输出。 模型…
阅读更多...
IPhone16 Pro 设备详情

IPhone16 Pro 设备详情

目录 产品宣传图内部图——前内部图——后设备详细信息 产品宣传图 内部图——前 内部图——后 设备详细信息 信息收集于HubWeb.cn
阅读更多...
SQL注入漏洞之基础数据类型注入 字符 数字 搜索 XX 以及靶场实例哟

SQL注入漏洞之基础数据类型注入 字符 数字 搜索 XX 以及靶场实例哟

目录 基础数据类型SQL注入 字符类型注入 单引号双引号解释 案例练习: 数字类型注入 案例 搜索性注入: 案例 XX性注入: 语句 案例 基础SQL注入类型分类 基础数据类型SQL注入 字符类型注入 xxx or 11 # select id,email from member where usernamexx or 11 # --…
阅读更多...
【Elasticsearch】腾讯云安装Elasticsearch

【Elasticsearch】腾讯云安装Elasticsearch

Elasticsearch 认识Elasticsearch安装Elasticsearch安装Kibana安装IK分词器分词器的作用是什么&#xff1f;IK分词器有几种模式&#xff1f;IK分词器如何拓展词条&#xff1f;如何停用词条&#xff1f; 认识Elasticsearch Elasticsearch的官方网站如下 Elasticsearch官网 Ela…
阅读更多...
【Unity】 HTFramework框架（五十九）快速开发编辑器工具（Assembly Viewer + ILSpy）

【Unity】 HTFramework框架（五十九）快速开发编辑器工具（Assembly Viewer + ILSpy）

更新日期&#xff1a;2025年1月23日。 Github源码&#xff1a;[点我获取源码] Gitee源码&#xff1a;[点我获取源码] 索引 开发编辑器工具MouseRayTarget焦点视角Collider线框Assembly Viewer搜索程序集ILSpy反编译程序集搜索GizmosElement类找到Gizmos菜单找到Gizmos窗口分析A…
阅读更多...
计算机网络之网络层

计算机网络之网络层

本文章目录结构出自于《王道计算机考研 计算机网络_哔哩哔哩_bilibili》 03 网络层 在网上看到其他人做了相关笔记&#xff0c;就不再多余写了&#xff0c;直接参考着学习吧。 1 详解网络层-网络层概述和编址【王道计算机网络笔记】_wx63088f6683f8f的技术博客_51CTO博客 2 …
阅读更多...
Geek Uninstaller，绿色免安装轻量的应用卸载工具！

Geek Uninstaller，绿色免安装轻量的应用卸载工具！

软件介绍 链接 一个轻量级拥有简洁交互界面、快速卸载电脑安装程序的工具。可快速扫描删除残余文件和注册表&#xff0c;对顽固和损坏的程序可执行强制删除、独立页面管理卸载系统Microsoft Store应用、快速打开程序安装文件夹、快速打开编辑程序注册表位置、将安装程序列表导…
阅读更多...
解释 RESTful API，以及如何使用它构建 web 应用程序

解释 RESTful API，以及如何使用它构建 web 应用程序

RESTful API是一种设计和构建Web服务的架构风格&#xff0c;它遵循一组规范和约定&#xff0c;使客户端能够通过HTTP协议进行与服务器的通信&#xff0c;并进行资源的创建、读取、更新和删除操作。 REST&#xff08;Representational State Transfer&#xff09;表示资源的状态…
阅读更多...
工业“MCU+AI”

工业“MCU+AI”

随着工业4.0的推进&#xff0c;传统工业设备正向智能化和自动化方向转型。这要求设备具备更高的算力、更强的实时处理能力以及支持AI算法的能力&#xff0c;以应对工业机器人、电机控制、预测性维护等复杂应用场景。 近年来越来越多的芯片厂商纷纷推出工业“MCUAI”产品&#…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023