uniapp +vue3 练习 首页页面展示 我的页面展示 登录展示 拨打固定的电话 页面跳转

news2024/12/24 8:08:12

uniapp拨打固定的电话  


			function Hotline() {
				// 拨打电话
				uni.makePhoneCall({
					phoneNumber: '19969547693'
				})
			}

 页面跳转

	//普通跳转
			function homepage() {
				uni.navigateTo({
					url: '/pages/homepage/homepage'
				});
			}

	//二、uni.redirectTo关闭当前页面，跳转到应用内的某个页面。

			uni.redirectTo({
				url: './index/index'
			});


	//三、uni.switchTab跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

			uni.switchTab({
				url: '/pages/homepage/homepage'
			});

首页页面展示 

代码

<template>
	<view class="bg">

		<!-- 搜索地址  title-->
		<div class="title">
			<!-- 一级导航 -->
			<uni-combox :candidates="candidates" placeholder="请选择所在城市" v-model="city" labelWidth="70px"
				style="background-color:(117,17,29); margin: 4px 10px;"></uni-combox>

			<!-- 二级导航 -->
			<p
				style=" margin: 10px; color: white; line-height: 20px; height: 20px; background-color: (117,17,29);padding: 2px;">
				无障碍阅读</p>
		</div>

		<!-- 轮播图 swiper-box-->
		<uni-swiper-dot :info="info">
			<swiper class="swiper-box">
				<swiper-item v-for="(item ,index) in info" :key="index">
					<view class="swiper-box-img">
						{{item.content}}
					</view>
				</swiper-item>
			</swiper>
		</uni-swiper-dot>


		<!-- 常用服务 service-->
		<div class="common">
			<uni-icons type="map-pin" size="30" color="red"></uni-icons>
			<h3>常用服务</h3>
		</div>

		<div style="display: flex;flex-wrap: wrap; justify-content:space-around;">
			<div @click='homepage  ' style="margin: 4px 12px;">
				<image src="../../static/weixiu.png" class="service-img"></image>
				<p class="service-p">我要保修</p>
			</div>
			<div @click='complaint' style="margin: 4px 12px;">
				<image src="../../static/i247.png" class="service-img"></image>
				<p class="service-p">投诉意见</p>
			</div>
			<div @click='Hotline' style="margin: 4px 12px;">
				<image src="../../static/dianhua.png" class="service-img"></image>
				<p class="service-p">服务热线</p>
			</div>
			<div @click='Notice' style="margin: 4px 12px;">
				<image src="../../static/gonggao.png" class="service-img"></image>
				<p class="service-p">通知公告</p>
			</div>

			<div @click='HandleRepairs' style="margin: 4px 12px;">
				<image src="../../static/tousu.png" class="service-img"></image>
				<p class="service-p">导出表单</p>
			</div>
			<div @click='HandlingComplaints' style="margin: 4px 12px;">
				<image src="../../static/faxian.png" class="service-img"></image>
				<p class="service-p">导入表单</p>
			</div>
		</div>

		<!-- 公平 public-nav-->
		<h3><uni-icons type="map-pin" size="30" color="red"></uni-icons>{{listcons.title}}</h3>
		<uni-segmented-control :values="items" @clickItem="onClickItem" styleType="text"
			style="margin-right: 120px; margin-left: 20px;" />
		<view class="public-nav">
			<view>
				<view class="public-view" v-for="item in listcons.items " :key="item">
					<img :src="item.icon" class="public-img" />
					<p class="public-text">{{item.label}}</p>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		setup(_, ctx) {
			const mode = 'round'
			const items = ['报修意见', '通知通告', '导出表单']

			const city = ''
			const candidates = ['北京', '南京', '东京', '武汉', '天津', '上海', '海口']


			const services = {
				title: '常用服务',
				items: [{
						icon: '/static/weixiu.png',
						label: '我要保修',
						url: '/pages/homepage/homepage'
					},
					{
						icon: '/static/i247.png',
						label: '投诉意见',
					},
					{
						icon: '/static/dianhua.png',
						label: '服务热线',
					}, {
						icon: '/static/gonggao.png',
						label: '通知公告',
					}, {
						icon: '/static/tousu.png',
						label: '导出表单',
					}, {
						icon: '/static/faxian.png',
						label: '导入表单',
					}
				],
			}

			function onClickItem(e) {
				if (currents.value !== e.currentIndex) {
					currents.value = e.currentIndex
				}
			}

			const info = [{
					content: ''
				},
				{
					content: ''
				},
				{
					content: ''
				},
			]

			const listcons = {
				title: '公开公正',
				items: [{
					icon: '../../static/微信图片_20230903143138.jpg',
					label: '2023中秋国庆假期盘点 高速公路川流不息,景区景点“人从众”,大型商超人气火爆,电影市场红火向好'
				}, {
					icon: '../../static/微信图片_20230903143138.jpg',
					label: '今年中秋、国庆双节并行，超8亿人次出游、国内旅游收入超7500亿元，上涨的热情、刷新的数据，映射出人们对美好生活的期盼，彰显中国经济的活力'
				}, {
					icon: '../../static/微信图片_20230903143138.jpg',
					label: '没想到泼天的富贵要到文具届了，我想说自动铅笔更贵是因为它比普通铅笔改进了技术'
				}, {
					icon: '../../static/微信图片_20230903143138.jpg',
					label: '2023中秋国庆假期盘点 高速公路川流不息,景区景点“人从众”,大型商超人气火爆,电影市场红火向好'
				}, {
					icon: '../../static/微信图片_20230903143138.jpg',
					label: '今年中秋、国庆双节并行，超8亿人次出游、国内旅游收入超7500亿元，上涨的热情、刷新的数据，映射出人们对美好生活的期盼，彰显中国经济的活力'
				}, {
					icon: '../../static/微信图片_20230903143138.jpg',
					label: '没想到泼天的富贵要到文具届了，我想说自动铅笔更贵是因为它比普通铅笔改进了技术'
				}, ],
			}


			function homepage() {
				uni.navigateTo({
					url: '/pages/homepage/homepage'
				});
			}


			function complaint() {
				uni.navigateTo({
					url: '/pages/complaint/complaint'
				});
			}


			function Hotline() {
				// 拨打电话
				uni.makePhoneCall({
					// phoneNumber: '19969547693'
					phoneNumber: '18343078388'
				})
			}

			function Notice() {
				uni.navigateTo({
					url: '/pages/Notice/Notice'
				});
			}

			function HandleRepairs() {
				uni.navigateTo({
					url: '/pages/HandleRepairs/HandleRepairs'
				});
			}

			function HandlingComplaints() {
				uni.navigateTo({
					url: '/pages/HandlingComplaints/HandlingComplaints'
				});
			}

			return {
				info,
				mode,
				items,
				onClickItem,
				city,
				candidates,
				complaint,
				homepage,
				Hotline,
				Notice,
				HandleRepairs,
				HandlingComplaints,
				listcons,
				services
			}
		}
	}
</script>
<style scoped>
	/* 背景 */
	.bg {
		width: 100%;
		height: 150px;
		background-image: url('/static//QQ截图20230928135008.jpg');
		background-position: center center;
		background-repeat: no-repeat;

	}

	/* 搜索地址 */
	.title {
		display: flex;
		justify-content: space-between;
	}

	.title-p {
		color: antiquewhite;
	}

	/* 轮播图 */
	.swiper-box {
		margin: 10px;
	}

	.swiper-box-img {
		/* 	background-color: aquamarine; */
		width: 100%;
		height: 150px;
		background-image: url('../../static/212592593253b564407bcec.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		color: aqua;
	}

	/* 常用服务 */

	.common {
		width: 120px;
		display: flex;
		/* margin: 20px 0; */
		margin-top: 20px;
	}

	.service-nav {
		display: flex;
		flex-wrap: wrap;
	}

	.service-img {
		width: 25px;
		height: 25px;
		margin-left: 20px;
		margin-top: 5px;
	}

	.service-p {
		margin-left: 10px;
		margin-top: 5px;
	}


	/* 公式公开 */
	.public {
		margin-top: -20px;
	}

	.public-nav {
		display: flex;
		margin-top: 15px;
		height: 22rem;
	}

	.public-view {
		display: flex;
		align-items: center;
	}

	.public-img {
		width: 70px;
		height: 70px;
		margin: 0 20px;
		margin-top: 5px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.public-text {
		width: 240px;
		font-size: 14px;
		color: #666;
		/* 让文本不换行 */
		white-space: nowrap;
		overflow: hidden;
		/* 超出部分隐藏 */
		text-overflow: ellipsis;
		/* 使用省略号代替超出部分 */
	}

	.example-body {
		padding: 12px;
		background-color: #FFFFFF;
	}

	.result-box {
		text-align: center;
		padding: 20px 0px;
		font-size: 16px;
	}
</style>

我的页面展示

代码 

<template>
	<view class="bg">
		<p class="boder"></p>
		<h3 class="name">ID : {{name}}</h3>
	</view>
	<view class="">
		<view class="container">


			<uni-section>
				<uni-group mode="card">
					<view class="tuichu">
						<image src="../../static/baoxiu.png" style="width: 20px; height: 20px;margin-right: 20px;">
						</image>
						<h3 @click="gonavigate">服务 </h3>

					</view>
				</uni-group>

				<uni-group title="" mode="card">

					<view class="" style="display: flex; justify-content: space-between;">
						<view class="tuichu">
							<image src="../../static/baoxiu.png" style="width: 20px; height: 20px;margin-right: 20px;">
							</image>
							<h3 @click="gonavigate">收藏 </h3>

						</view>
						<uni-icons type="forward" size="20"></uni-icons>

					</view>
					<uni-list-item :disabled="true" style="margin-top: 10px;"></uni-list-item>
					<view class="" style="display: flex; justify-content: space-between;">
						<view class="tuichu">
							<image src="../../static/baoxiu.png" style="width: 20px; height: 20px;margin-right: 20px;">
							</image>
							<h3 @click="gonavigate">朋友圈 </h3>

						</view>
						<uni-icons type="forward" size="20"></uni-icons>

					</view>
					<uni-list-item :disabled="true" style="margin-top: 10px;"></uni-list-item>
					<view class="" style="display: flex; justify-content: space-between;">
						<view class="tuichu">
							<image src="../../static/baoxiu.png" style="width: 20px; height: 20px;margin-right: 20px;">
							</image>
							<h3 @click="gonavigate">导入 </h3>

						</view>
						<uni-icons type="forward" size="20"></uni-icons>

					</view>
				</uni-group>


				<uni-group mode="card">
					<view class="tuichu">
						<image src="../../static/baoxiu.png" style="width: 20px; height: 20px;margin-right: 20px;">
						</image>
						<h3 @click="gonavigate">退出 </h3>
					</view>
				</uni-group>
			</uni-section>

		</view>
	</view>
</template>
<script>
	export default {
		setup() {
			const name = '周阿狗'


			function gonavigate() {
				uni.showToast({
					title: '退出成功',
					icon: 'none',
				});
				uni.redirectTo({
					url: '../index/index'
				});
			}


			return {
				name,
				gonavigate
			}
		}
	}
</script>
<style>
	.bg {
		width: 100%;
		height: 180px;
		background-image: url('../../static/微信图片_20230903143208.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
	}

	.boder {
		width: 70px;
		height: 70px;
		margin: 40px;
		border-radius: 30px;
		background-image: url('../../static/31wode.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.name {
		padding: 60px 0;
		color: aliceblue;
	}

	.tuichu {
		display: flex;
	}
</style>

登录展示

代码 

 <template>
 	<view class="t-login">
 		<image class="img-a" src="https://zhoukaiwen.com/img/loginImg/2.png"></image>
 		<image class="img-b" src="https://zhoukaiwen.com/img/loginImg/3.png"></image>
 		<view class="t-b">中通数智科技</view>
 		<view class="t-b2">吉林省中通数智科技有限公司</view>
 		<form class="cl">
 			<view class="t-a">
 				<image src="https://zhoukaiwen.com/img/loginImg/sj.png"></image>
 				<view class="line"></view>
 				<input placeholder="输入手机号" class="login-content_input" v-model="username" name="username" />
 				<!-- <input type="number" name="username" placeholder="请输入手机号" maxlength="11" v-model="username" /> -->
 			</view>
 			<view class="t-a">
 				<image src="https://zhoukaiwen.com/img/loginImg/yz.png"></image>
 				<view class="line"></view>
 				<input placeholder="请输入密码" class="login-content_input" v-model="password" :password="password" />
 				<!-- <input type="number" name="code" maxlength="6" placeholder="请输入密码"  v-model="password" :password="password"  /> -->
 			</view>
 			<view class="rememberMe">




 				<view class="rememberMe-text">记住我</view>
 			</view>

 			<button @tap="dengLu()">登 录</button>
 		</form>

 	</view>
 </template>

 <script lang="ts">
	import { ref } from 'vue'
	export default {

		setup() {
			const username = ref<String>('test000')
			const password = ref<String>('test123456')
			const rememberMe = ref<Boolean>(true)

			function dengLu() {
				uni.switchTab({
					url: '/pages/home/home'
				});
			}

			return {
				username,
				password,
				rememberMe,
				dengLu
			}

		}
	}
 </script>


 <style scoped>
 	.login-content {
 		width: 100%;
 		text-align: center;
 		position: fixed;
 	}

 	/* 标题 */
 	.login-title {
 		margin-top: 180px;
 		font-size: 40px;
 		font-weight: bold;
 		margin-bottom: 50px;

 	}

 	.login-content_input {
 		width: 80%;
 		height: 40px;
 		background: #F8F8F8;
 		border-radius: 25px;
 		text-align: left;
 		padding: 10px;
 		box-sizing: border-box;
 		font-size: 15px;
 		margin: 0 10%;
 	}

 	/* 手机号  密码 */
 	.iphone,
 	.password {
 		position: relative;
 		margin-bottom: 60px;

 	}

 	/* 记住我 */
 	.rememberMe {
 		right: 15%;
 		position: fixed;
 		display: flex;
 		margin-top: 2px;
 	}

 	/* 按钮 */
 	.login-btn {
 		/* margin: 0 20%;
		width: 58%;
		height: 50px;
		background: #004d00;
		border-radius: 5px;
		color: #fff;
		font-size: 25px;
		text-align: center;
		line-height: 50px;
		position: fixed;
		bottom: 60px; */
 		position: fixed;
 		border-radius: 10px;
 		top: 80%;
 		left: 0;
 		right: 0;
 		bottom: 15%;
 		margin: 0 auto;
 		text-align: center;
 		width: 200px;
 		background-color: #006400;
 		color: white;
 		line-height: 34px;
 		font-size: 1rem;
 	}

 	.img-a {
 		position: absolute;
 		width: 100%;
 		top: -150rpx;
 		right: 0;
 	}

 	.img-b {
 		position: absolute;
 		width: 50%;
 		bottom: 0;
 		left: -50rpx;
 		/* margin-bottom: -200rpx; */
 	}

 	.t-login {
 		width: 650rpx;
 		margin: 0 auto;
 		font-size: 28rpx;
 		color: #000;
 	}

 	.t-login button {
 		margin: 64px 0;
 		font-size: 28rpx;
 		background: #5677fc;
 		color: #fff;
 		height: 90rpx;
 		line-height: 90rpx;
 		border-radius: 50rpx;
 		box-shadow: 0 5px 7px 0 rgba(86, 119, 252, 0.2);
 	}

 	.t-login input {
 		padding: 0 20rpx 0 120rpx;
 		height: 90rpx;
 		line-height: 90rpx;
 		margin-bottom: 50rpx;
 		background: #f8f7fc;
 		border: 1px solid #e9e9e9;
 		font-size: 28rpx;
 		border-radius: 50rpx;
 	}

 	.t-login .t-a {
 		position: relative;
 	}

 	.t-login .t-a image {
 		width: 40rpx;
 		height: 40rpx;
 		position: absolute;
 		left: 80rpx;
 		top: 28rpx;
 		/* border-right: 2rpx solid #dedede; */
 		margin-right: 20rpx;
 	}

 	.t-login .t-a .line {
 		width: 2rpx;
 		height: 40rpx;
 		background-color: #dedede;
 		position: absolute;
 		top: 28rpx;
 		left: 130rpx;
 	}

 	.t-login .t-b {
 		text-align: left;
 		font-size: 46rpx;
 		color: #000;
 		padding: 300rpx 0 30rpx 0;
 		font-weight: bold;
 	}

 	.t-login .t-b2 {
 		text-align: left;
 		font-size: 32rpx;
 		color: #aaaaaa;
 		padding: 0rpx 0 120rpx 0;
 	}

 	.t-login .t-c {
 		position: absolute;
 		right: 22rpx;
 		top: 22rpx;
 		background: #5677fc;
 		color: #fff;
 		font-size: 24rpx;
 		border-radius: 50rpx;
 		height: 50rpx;
 		line-height: 50rpx;
 		padding: 0 25rpx;
 	}

 	.t-login .t-d {
 		text-align: center;
 		color: #999;
 		margin: 80rpx 0;
 	}

 	.t-login .t-e {
 		text-align: center;
 		width: 250rpx;
 		margin: 80rpx auto 0;
 	}

 	.t-login .t-g {
 		float: left;
 		width: 50%;
 	}

 	.t-login .t-e image {
 		width: 50rpx;
 		height: 50rpx;
 	}

 	.t-login .t-f {
 		text-align: center;
 		margin: 200rpx 0 0 0;
 		color: #666;
 	}

 	.t-login .t-f text {
 		margin-left: 20rpx;
 		color: #aaaaaa;
 		font-size: 27rpx;
 	}

 	.t-login .uni-input-placeholder {
 		color: #000;
 	}

 	.cl {
 		zoom: 1;
 	}

 	.cl:after {
 		clear: both;
 		display: block;
 		visibility: hidden;
 		height: 0;
 		content: '\20';
 	}

 	.rememberMe {
 		right: 15%;
 		position: fixed;
 		display: flex;
 	}

 	.ada {
 		margin-top: 20px;
 	}

 	.rememberMe-text {
 		line-height: 30px;
 	}
 </style>

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

图像滤波总结

图像滤波总结

中值滤波器 中值滤波器是一种常用的非线性滤波器&#xff0c;其基本原理是&#xff1a;选择待处理像素的一个邻域中各像素值的中值来代替待处理的像素。主要功能使某像素的灰度值与周围领域内的像素比较接近&#xff0c;从而消除一些孤立的噪声点&#xff0c;所以中值滤波器能够…
阅读更多...
使用clip-path来画不同的形状，三角形，多边形，菱形，六边形等等

使用clip-path来画不同的形状，三角形，多边形，菱形，六边形等等

介绍 单词"clip path"的直译过来就是&#xff1a;裁剪路径 clip-path CSS 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示&#xff0c;区域外的隐藏。剪切区域是被引用内嵌的 URL 定义的路径或者外部 SVG 的路径。 也就是说&#xff0c…
阅读更多...
LeetCode【11】 盛水最多的容器

LeetCode【11】 盛水最多的容器

题目&#xff1a; 分析&#xff1a; 1、双指针&#xff0c;储水为&#xff08;R-L &#xff09;* 二者较小高度&#xff0c;如题目&#xff0c;(9-2)* 7 49 2、双指针向中间靠&#xff0c;每次移动较矮的指针。 代码&#xff1a; public int maxArea(int[] height) {int l…
阅读更多...
STC89C51基础及项目第15天：小车测速、添加语言识别控制

STC89C51基础及项目第15天：小车测速、添加语言识别控制

1. 小车测速的原理&#xff08;281.126&#xff09; 测速模块 用途&#xff1a; 广泛用于电机转速检测&#xff0c;脉冲计数,位置限位等。 逻辑&#xff1a; 有遮挡&#xff0c;输出高电平&#xff1b;无遮挡&#xff0c;输出低电平 接线 VCC 接电源正极 3.3 - 5VGND 接电源负…
阅读更多...
YOLOv7改进：极简的神经网络模型 VanillaNet---VanillaBlock助力检测，实现暴力涨点 | 华为诺亚2023

YOLOv7改进：极简的神经网络模型 VanillaNet---VanillaBlock助力检测，实现暴力涨点 | 华为诺亚2023

💡💡💡本文属于原创独家改进：极简模块VanillaBlock，以极简主义的设计为理念，网络中仅仅包含最简单的卷积计算，去掉了残差和注意力模块，二次创新引入到YOLOv7中取得了不俗的效果。 极简模块VanillaBlock | 亲测在多个数据集实现涨点； 收录： YOLOv7高阶自研专…
阅读更多...
【JAVA】最容易忽视的数据类型——枚举

【JAVA】最容易忽视的数据类型——枚举

个人主页&#xff1a;【&#x1f60a;个人主页】 系列专栏&#xff1a;【❤️初识JAVA】 前言 Java枚举是一个特殊的类一般表示一组常量,比如一年的 4个季节,一年的 12 个月份,一个星期的7天,方向有东南西北等。今天就让我们来学习一下在JAVA中这个特殊的类。 枚举 枚举是一…
阅读更多...
LeetCode: 1395. 统计作战单位数

LeetCode: 1395. 统计作战单位数

目录 1. 解法一&#xff1a;枚举中点 2. 解法二&#xff1a;树状数组 离散化 优化解法一 原题链接&#xff1a;1395. 统计作战单位数 - 力扣&#xff08;LeetCode&#xff09; 题目描述&#xff1a; n 名士兵站成一排。每个士兵都有一个 独一无二 的评分 rating 。 每 3 个士…
阅读更多...
【JWT】快速了解什么是jwt及如何使用jwt

【JWT】快速了解什么是jwt及如何使用jwt

一、导言 1、什么是jwt及组成部分 JWT&#xff08;JSON Web Token&#xff09;是一种用于在网络应用间安全传递声明&#xff08;claim&#xff09;的开放标准。它由三部分组成&#xff1a;头部&#xff08;Header&#xff09;、载荷&#xff08;Payload&#xff09;和签名&…
阅读更多...
ARM 按键控制 LED灯，蜂鸣器，风扇

ARM 按键控制 LED灯，蜂鸣器，风扇

main.c: #include "uart.h" #include "key_it.h" int main() {all_led_init();uart4_init();//串口初始化//中断初始化key_it_config();key3_it_config();buzzer_init();fan_init();while(1){//保证主程序不结束}return 0; }src/key_it.c: #include"…
阅读更多...
嵌入式面试常见问题（一）

嵌入式面试常见问题（一）

目录 1.什么情况下会出现段错误&#xff1f; 2.swap() 函数为什么不能交换两个变量的值 3.一个函数有六个参数 分别放在哪个区&#xff1f; 4.定义一个变量&#xff0c;赋初值和不赋初值分别保存在哪个区&#xff1f; 5.linux查看端口状态的命令 6.结构体中->和.的区…
阅读更多...
简单多状态dp【动态规划】

简单多状态dp【动态规划】

目录 一、按摩师 二、打家劫舍 三、删除并获得点数 四、粉刷房子 五、买卖股票的最佳时机 六、买卖股票的最佳时机&#xff08;含手续费&#xff09; 七、买卖股票的最佳时机III 八、买卖股票的最佳时机IV 一、按摩师 class Solution { public:int massage(vector<int>…
阅读更多...
Avalonia如何更改全局背景色

Avalonia如何更改全局背景色

1.项目下载地址&#xff1a;https://gitee.com/confusedkitten/avalonia-demo 2.UI库Semi.Avalonia&#xff0c;项目地址 https://github.com/irihitech/Semi.Avalonia 3.ColorView&#xff0c;使用Semi.Avalonia.ColorPicker&#xff0c;Nuget获取就行 4.样式预览 以下是…
阅读更多...
MyCat实战

MyCat实战

概念介绍 在 MyCat 的整体结构中&#xff0c;分为两个部分&#xff1a;上面的逻辑结构、下面的物理结构。 在 MyCat 的逻辑结构主要负责逻辑库、逻辑表、分片规则、分片节点等逻辑结构的处理&#xff0c;而具体的数据存储还是在物理结构&#xff0c;也就是数据库服务器中存储的…
阅读更多...
云原生之使用Docker部署开源建站工具Halo-V2.10版本

云原生之使用Docker部署开源建站工具Halo-V2.10版本

云原生之使用Docker部署开源建站工具Halo-V2.10版本 一、Halo-V2.10介绍1.1 Halo简介1.2 Halo特点 二、本次实践规划2.1 本地环境规划2.2 本次实践介绍 三、本地环境检查3.1 检查Docker服务状态3.2 检查Docker版本3.3 检查docker compose 版本 四、下载Halo镜像五、部署Halo5.1…
阅读更多...
以数据为中心 的AI v.s. 以模型为中心的AI

以数据为中心 的AI v.s. 以模型为中心的AI

原文&#xff1a;Data-Centric AI vs. Model-Centric AI Introduction to Data-Centric AI 当你学习关于机器学习相关的课程时&#xff0c;通常是给你一个清洁好的数据,你的任务是利用这个数据集训练出一个最好的模型。所有在机器学习课程教的技巧都是为了这个目标&#xff1…
阅读更多...
RT-Thread SMP介绍与移植（学习）

RT-Thread SMP介绍与移植（学习）

RT-Thread SMP介绍与移植 SMP&#xff1a;对称多处理&#xff08;Symmetrical Multi-Processing&#xff09;简称SMP&#xff0c;是指在一个计算机上汇集了一组处理器&#xff08;多CPU&#xff09;&#xff0c;各CPU之间共享内存子系统以及总线结构。 RT-Thread自4.0.0版本开…
阅读更多...
Burstormer论文阅读笔记

Burstormer论文阅读笔记

这是CVPR2023的一篇连拍图像修复和增强的论文&#xff0c;一作是阿联酋的默罕默德 本 扎耶得人工智能大学&#xff0c;二作是旷视科技。这些作者和CVPR2022的一篇BIPNet&#xff0c;同样是做连拍图像修复和增强的&#xff0c;是同一批。也就是说同一个方向&#xff0c;22年中了…
阅读更多...
基于SpringBoot的精准扶贫管理系统

基于SpringBoot的精准扶贫管理系统

目录 前言 一、技术栈 二、系统功能介绍 用户信息管理 贫困户信息管理 新闻类型管理 志愿者招聘管理 志愿者招聘 留言反馈管理 贫困户 三、核心代码 1、登录模块 2、文件上传模块 3、代码封装 前言 随着信息技术在管理上越来越深入而广泛的应用&#xff0c;管理信息…
阅读更多...
【笔记】【信息论与编码】第三章 离散信源

【笔记】【信息论与编码】第三章 离散信源

本文是笔者在学习《信息论与编码》课程中所做的笔记&#xff0c;供个人学习记忆使用。 第三章 离散信源 文章目录 一、离散信源概念离散无记忆信源K重符号序列离散信源 二、离散信源的熵单符号离散无记忆信源熵K重符号序列离散无记忆信源熵K重符号序列离散有记忆信源熵马尔可夫…
阅读更多...
如何在Docker部署Drupal并结合内网穿透实现远程访问

如何在Docker部署Drupal并结合内网穿透实现远程访问

文章目录 前言1. Docker安装Drupal2. 本地局域网访问3 . Linux 安装cpolar4. 配置Drupal公网访问地址5. 公网远程访问Drupal6. 固定Drupal 公网地址 前言 Dupal是一个强大的CMS&#xff0c;适用于各种不同的网站项目&#xff0c;从小型个人博客到大型企业级门户网站。它的学习…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023