大学生餐饮主题网页制作 美食网页设计模板 学生静态网页作业成品 dreamweaver美食甜品蛋糕HTML网站制作

news2025/1/11 0:50:37

👨‍🎓静态网站的编写主要是用HTML DIV+CSS JS等来完成页面的排版设计👩‍🎓,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。

🎀 精彩专栏推荐👇🏻👇🏻👇🏻

🧡 【作者主页——🔥获取更多优质源码】
🧡 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】

文章目录📂

  • 一、网站题目👨‍🎓
  • 二、网站描述✍️
  • 三、网站介绍📚
  • 四、网站效果🌐
  • 五、代码实现 🪓
    • HTML结构代码🧱
    • CSS样式代码💒
  • 八、更多干货🎁

一、网站题目👨‍🎓

🥧 美食网页介绍、🍰甜品蛋糕、🦐地方美食小吃文化、🍺餐饮文化、等网站的设计与制作。

二、网站描述✍️

🍧美食主题网站 主要对各种美食进行展示，让浏览者清晰地了解到各种美食的详细信息，便于浏览者进行选择。该模块的左侧有个美食分类，用户可以选择自己喜欢的种类，当点击种类后，就会在右侧出现该分类下的各种美食，用户可以点击自己感兴趣的食品，从而看到它的具体信息。它的具体信息包括配料、产地及它的一些功能，使用户对该食品有着全面的认识。

三、网站介绍📚

📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。

📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。

📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

📙网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
其中：
（1）📜html文件包含：其中index.html是首页、其他html为二级页面；
（2）📑 css文件包含：css全部页面样式,文字滚动, 图片放大等；
（3）📄 js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等（个别网页中运用到js代码）。

四、网站效果🌐

在这里插入图片描述

五、代码实现 🪓

HTML结构代码🧱

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>筷之舞|筷之舞创意面吧|面食|面条|美食|餐饮|君唯餐饮管理有限公司|官方网站</title>
	<meta name="keywords" content="筷之舞,筷之舞创意面吧,筷之舞加盟,加盟连锁,招商代理,餐饮美食,面食合作" />
	<meta name="description" content="面食为餐饮业的投资首选，其高回报、低风险的投资优势无可置疑。筷之舞创意面吧,为广大创业者创造了一个全面立体的餐饮创业服务平台，带领众多加盟者获得了人生的自主创业成功。" />	
	<link rel="stylesheet" href="style/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="js/iepng.js"></script>
<script type="text/javascript">
	EvPNG.fix('body,div,ul,li,ol,dl,dt,dd,img,input,span,p,h1,h2,h3,h4,a,strong,textarea');
</script>
<![endif]-->
<script type="text/javascript" src="js/banner.js" ></script>	
</head>
<body>
	<div id="header">
		<div class="header_in">
			<h1><a href="#">筷之舞</a></h1>
			<ul class="nav">
				<li><a href="#">集团介绍</a></li>
				<li><a href="#">品牌基因</a></li>
				<li><a href="#">品牌优势</a></li>
				<li><a href="#">美食天地</a></li>
				<li><a href="#">招商专区</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
			<dl class="tel">
				<dt>咨询热线：</dt>
				<dd><img src="images/tel.png" width="182" height="22" alt="0335-7528866" /></dd>
			</dl>
		</div>
	</div>
	<div style="width:1200px;position:relative;height:0;overflow:hidden;margin:auto;"></div>
	<div id="shutter" class="shutter" >
		<ul>	
			<li><a href="#"><img src="images/banner4.jpg" alt="" /></a></li>
			<li><a href="#"><img src="images/banner1.jpg" alt="" /></a></li>
			<li><a href="#"><img src="images/banner2.jpg" alt="" /></a></li>
		</ul>
	</div>
	<div id="item">
		<dl class="item_01">
			<dt><img src="images/c1.jpg" width="278" height="228" alt="七彩摔拌面    参考价格" /></dt>
			<dd class="item">七彩摔拌面<a class="fcl" href="#">参考价格</a></dd>
			<dd class="item_sub">筷之舞-品牌项目</dd>
		</dl>
		<dl class="item_02">
			<dt>果蔬营养<br />高汤面系列</dt>
			<dd><img src="images/c2.jpg" width="180" height="180" alt="芙蓉鲜虾汤面" /></dd>
		</dl>
		<dl class="item_02" style="position: absolute;left:660px;">
			<dt>粗粮<br />养生面系列</dt>
			<dd><img src="images/c3.jpg" width="180" height="180" alt="浓香排骨汤面" /></dd>
		</dl>	
		<dl class="item_02" style="position: absolute;left:1020px;">
			<dt>精致<br />凉拌菜系列</dt>
		</dl>
		<dl class="item_02" style="position: absolute;left:300px;top:200px;">
			<dd><img src="images/c4.jpg" width="180" height="180" alt="芙蓉鲜虾汤面" /></dd>
		</dl>
		<dl class="item_02" style="position: absolute;left:480px;top:200px;">
			<dt>七彩<br />精巧摔拌面</dt>
			<dd><img src="images/c5.jpg" width="180" height="180" alt="芙蓉鲜虾汤面" /></dd>
		</dl>	
		<dl class="item_02" style="position: absolute;left:840px;top:200px;">
			<dt>过桥<br />锅烧面</dt>
			<dd><img src="images/c6.jpg" width="180" height="180" alt="芙蓉鲜虾汤面" /></dd>
		</dl>
	</div>
	<div id="show">
		<div class="left_s">
			<h3><a href="#">产品展示</a></h3>
			<ul>
				<li><a href="#"><img src="images/left_s.jpg" alt="" /></a></li>
				<li><a href="#"><img src="images/left_s.jpg" alt="" /></a></li>
				<li><a href="#"><img src="images/left_s.jpg" alt="" /></a></li>
				<li><a href="#"><img src="images/left_s.jpg" alt="" /></a></li>
				<li><a href="#"><img src="images/left_s.jpg" alt="" /></a></li>
			</ul>
		</div>
		<div class="right_s">
			<h3><a href="#">店铺展示</a></h3>
			<ul>
				<li><a href="#"><img src="images/right_s.jpg" alt="" /></a></li>
				<li><a href="#"><img src="images/right_s.jpg" alt="" /></a></li>
				<li><a href="#"><img src="images/right_s.jpg" alt="" /></a></li>
				<li><a href="#"><img src="images/right_s.jpg" alt="" /></a></li>
				<li><a href="#"><img src="images/right_s.jpg" alt="" /></a></li>
				<li><a href="#"><img src="images/right_s.jpg" alt="" /></a></li>
			</ul>			
		</div>
	</div>
	<div id="squeezebox">
		<div class="one">
			<h3><a href="#">加盟动态</a></h3>
			<div class="one_in">
				<p class="one_txt">
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
				</p>
				<p class="one_txt">
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
				</p>
				<p class="one_txt">
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
				</p>
				<p class="one_txt">
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
					<a href="#">热烈祝贺黄先生成功签约    [06-03]</a>
				</p>
			</div>
		</div>
		<div class="two">
			<h3><a href="#">品牌故事</a></h3>
			<p class="two_img"><a href="#"><img src="images/ppgs_1.jpg" alt="" /></a></p>
			<p class="two_txt">相传，乾隆皇帝一次微服南游，旅途劳累，
			途经一家面馆，便进店充饥。不料想，这民
			间小店的美食却让他如此意外，尤其是这七
			彩面条，看上去色彩斑斓，吃起来爽滑筋道
			。他叫来老板问其中奥秘，老板看他穿着打
			扮有所涵养，于是便给乾隆讲起这彩面的由
			来。原来，这家的面馆可以在一根面条上面
			做出不同种的颜色，就像有音符在面上舞动
			。这种彩面是通过提取新鲜水果蔬菜里面的
			维生素以及膳食纤维和白面混合加工而成。
			用筷子挑起彩色的面条搭配着秘制酱料吃到
			嘴里回味无穷。夹起面条的感觉就像少女翩
			翩起舞一样！乾隆皇帝听后拍手叫好，当即
			挥笔赐字“筷之舞”！<br />

			中国13亿人口，八亿的面食市场。面条作为
			民间大众食谱，深受中国人的喜爱，从北方
			到南方几乎似乎无人不爱吃面条。君唯集团
			总部几经周折，从御膳房第24代传人手上
			求得配方，瞄准中国面食市场， 在传统面条
			的基础之上经过改良……<a href="#">查看详情</a>
			</p>
		</div>
		<div class="three"><h3><a href="#">集团新闻</a></h3><p><a href="#"><img src="images/jtxw_1.jpg" alt="" /></a></p></div>
	</div>
	<div id="footer">
		<div class="sub_nav">
			<a href="#">官方首页</a> |  
			<a href="#">行业新闻</a> |  
			<a href="#">产品优势</a> |  
			<a href="#">项目优势</a> |  
			<a href="#">联系我们</a> 
		</div>
		<div class="footer_in">
			<div class="footer_c">
				<p class="footer_logo"><img src="images/tel_1.jpg" width="370" height="102" alt="" /></p>
				<p>地址：河北省秦皇岛海港区泛亚大厦9层</p>
				<p>君唯餐饮集团致力于<a href="#">餐饮加盟</a> | <a href="#">小吃加盟</a> | <a href="#">餐饮店加盟</a> | <a href="#">餐饮连锁加盟</a></p>
				<p><a href="#">筷之舞创意面吧加盟</a> | <a href="#">面食加盟</a> | <a href="#">君唯餐饮加盟</a> </p>
			</div>
		</div>
	</div>
</body>
</html>  
<script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>
<script type="text/javascript" src="js/kzw100.js" ></script>
<script type="text/javascript">
<!--
var shutterH = new Hongru.shutter.init('shutterH',{
	id:'shutter'
});
var isIE=!!window.ActiveXObject;
var isIE6=isIE&&!window.XMLHttpRequest;
if (isIE){
	if (isIE6!="ie6"){

		changecss();	

		window.onresize = function(){
			changecss();
		}
	}
}
if (!isIE){


	changecss();	

	window.onresize = function(){
		changecss();
	}

}
function changecss(){
	var kuandu = document.documentElement.clientWidth;
	var shutterW=$("#shutter").width();
	var left=(kuandu-shutterW)/2;
	$("#shutter").css("left",left);
}
// -->
</script>

CSS样式代码💒


@charset "utf-8";
/* CSS Document */
html{overflow-y:auto;overflow-x:hidden;_overflow-y:auto;_overflow-x:auto;} 
html,body,div,p,h1,h2,h3,h4,input,ul,li,ol,dl,dt,dd,span,img,a{ padding:0; margin:0; list-style:none; border:0;}
body{font-size:12px; color:#3e3e3e; font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体";background:#00a742 ;}
a{ color:#fff; text-decoration:none;}
a:hover{ text-decoration:underline;}

/*header*/
#header{ overflow:hidden;padding-bottom: 30px; margin: auto; background:#00a742 url(../images/water.png) no-repeat center top;_background:#00a742 url(../images/water.jpg) no-repeat center 4px; }
.header_in{ width:1200px;margin:auto;}
.header_in h1{ width:332px;height:108px;background: url(../images/logo.png) no-repeat right bottom;text-indent: -9999px;padding-top:46px;padding-left:50px;float:left;}
.header_in h1 a{ display:block;width:332px;height:108px;}
.header_in .nav{ float:left;padding-top:92px;padding-left:136px;}
.header_in .nav li{ float:left;padding:0 12px;font-size:14px;font-weight:300;}
.header_in .tel{ float:left;padding-left:148px;padding-top:26px;font-size:14px;font-weight:300;}
.header_in .tel dt{ float:left;color:#fff;}
.header_in .tel dd{ float:left;}
/*banner*/
#banner{ overflow:hidden;width: 100%;margin:auto; position: relative;}
#banner ul{ overflow:hidden;width:100%;margin:auto;text-align:center;}
#banner ul li{ display:none;width:100%;height:454px;text-align:center;}
#banner ul li a{ display:block;width:2000px;height:454px;margin:auto;position:relative;text-indent: -999999px;}
#banner ul li.cur{ display:block;}
#banner ul li.cur a img{ position:absolute;left:0;}
.shutter{position:relative;overflow:hidden;height:454px;width:2000px;margin:auto;}
.shutter li{position:absolute;left:0;top:0;}
.shutter-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#333;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;}
.shutter-cur-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#ff7a00;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;}
/*item*/

八、更多干货🎁

1.如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “👍点赞” “✍️评论” “💙收藏” 一键三连哦！

2.💗【👇🏻👇🏻👇🏻关注我| 获取更多源码 | 优质文章】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！

3.以上内容技术相关问题💌欢迎一起交流学习👇🏻👇🏻👇🏻🔥
在这里插入图片描述

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

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

相关文章

以太网 网线分类

以太网 网线分类

1. 双绞线分类 一类线&#xff1a;主要用于传输语音&#xff08;一类标准主要用于八十年代初之前的电话线缆&#xff09;&#xff0c;不同于数据传输。 二类线&#xff1a;传输频率为1MHZ&#xff0c;用于语音传输和最高传输速率4Mbps的数据传输&#xff0c;常见于使用4MBPS规范…
阅读更多...
【Android gradle】自定义一个android gradle插件，并发布到私有Artifactory仓库

【Android gradle】自定义一个android gradle插件，并发布到私有Artifactory仓库

1. 前言 最近工作部分内容涉及到gradle 插件的编写&#xff0c;在粗浅了解和编码之余来简单梳理下编写一个gradle 插件的相关用法。这里编写的插件还是发布到在前面两篇博客中的Artifactory仓库中。一共分为如下几步&#xff1a; 配置定义gradle插件、上传到 Artifactory仓库…
阅读更多...
基于单片机的加热炉炉温控制系统设计

基于单片机的加热炉炉温控制系统设计

目 录 摘 要 I Abstract II 第1章 绪论 1 1.1课题背景及意义 1 1.2发展现状 2 1.3研究主要内容 3 第2章 加热炉炉温控制系统总体方案设计 4 2.1总体方案的确定 4 2.2加热炉炉温控制系统组成 5 第3章 加热炉炉温控制系统技术和算法介绍 6 3.1 AT89C51简介 6 3.1.1单片机的引脚介…
阅读更多...
Crossover2023mac苹果电脑系统上运行Windows程序虚拟机工具模拟器

Crossover2023mac苹果电脑系统上运行Windows程序虚拟机工具模拟器

CrossOver是一款可以让Mac和Linux系统中正常运行Windows软件的应用程序。它不像虚拟机一样需要安装Windows系统之后才可以安装Windows的应用程序&#xff0c;这一方式给大多数用户带来了方便。通过CrossOver实现跨平台的文件复制粘贴&#xff0c;使Mac/Linux系统与Windows应用良…
阅读更多...
海康视频回放，rtsp视频接口转换成.m3u8格式文件

海康视频回放，rtsp视频接口转换成.m3u8格式文件

通过海康接口返回的rtsp视频接口&#xff0c;转换成.m3u8格式文件&#xff0c;逻辑如下 1、采用ffmpeg实时转化rtsp链接视频&#xff0c;转化为m3u8&#xff0c;存放服务器固定地址 2、采用nginx代理视频成.m3u8视频 3、采用tokenredis方式处理视频播放和删除过程&#xff0…
阅读更多...
太好玩了，我用 Python 做了一个 ChatGPT 机器人

太好玩了，我用 Python 做了一个 ChatGPT 机器人

大家好&#xff0c;我是早起。 毫无疑问&#xff0c;ChatGPT 已经是当下编程圈最火的话题之一&#xff0c;它不仅能够回答各类问题&#xff0c;甚至还能执行代码&#xff01; 或者是变成一只猫 因为它实在是太好玩&#xff0c;我使用Python将ChatGPT改造&#xff0c;可以实现在…
阅读更多...
亚马逊黑五哑火，中国跨境电商高歌猛进！

亚马逊黑五哑火，中国跨境电商高歌猛进！

黑五作为一个类似于中国双11的全球性购物狂欢节&#xff0c;在11月的最后一周拉开帷幕&#xff0c;据有关业内人士称&#xff0c;作为拥有众多全球站的亚马逊电子商务平台在此次黑色星期五的促销狂欢节中表现似乎稍显停滞&#xff0c;其作为电商领域的龙头企业&#xff0c;没能…
阅读更多...
数据结构基础--图

数据结构基础--图

一、图的基本概念 1.图的定义 图是由顶点集合V和边集合E组成的&#xff0c;记为G(G,V)。图可以只有点没有边&#xff0c;但不能只有边没有点。边&#xff1a;用&#xff08;x&#xff0c;y&#xff09;表示为xy之间的一条无向边&#xff1b;用<x,y>表示xy之间的一条有向…
阅读更多...
大数据开发适合哪类人群？

大数据开发适合哪类人群？

有不少应届大学毕业生和0基础人群选择学大数据&#xff0c;但是要选择零基础的大数据培训班&#xff0c;从Java基础开始学习&#xff0c;由浅入深掌握离线数据分析、实时数据分析和内存数据计算等重要内容。 应届大学生缺乏工作经验和技能&#xff0c;对未来没有明确的规划&am…
阅读更多...
VTK- PointLocator

VTK- PointLocator

欢迎大家加入VTK社区雪易VTK社区-CSDN社区云 小结&#xff1a;本博文主要针对VTK中的PointLocator的分类及各接口的用途进行讲解&#xff0c;PointLocator主要用途为点的位置计算&#xff0c;希望能为各位小伙伴有所帮助。 vtk中关于Locator的关系图 目录 vtkLocator vtkAbs…
阅读更多...
软件测试基础理论体系学习4-单元测试的目的？概念是什么？过程是什么？

软件测试基础理论体系学习4-单元测试的目的？概念是什么？过程是什么？

4-单元测试的目的&#xff1f;概念是什么&#xff1f;过程是什么&#xff1f;1 单元测试目的1.1 单元测试的错误认识1.2 单元测试的重要性1.2.1 时间方面1.2.2 测试效果1.2.3 测试成本1.2.4 产品质量1.3 单元测试的优点1.3.1 它是一种验证行为1.3.2 它是一种设计行为1.3.3 它是…
阅读更多...
CPU是什么

CPU是什么

CPU&#xff08;Central Processing Unit&#xff09;是计算机系统的运算和控制核心&#xff0c;是信息处理、程序运行的最终执行单元&#xff0c;相当于系统的“大脑”。当 CPU 过于繁忙&#xff0c;就像“人脑”并发处理过多的事情&#xff0c;会降低做事的效率&#xff0c;严…
阅读更多...
Postman安装和运行

Postman安装和运行

下载安装 Postman是一个方便用于构造请求的软件.可以以简单的方式来构造请求. 要下载软件,还是同样的话,要去官网下载.这里我们直接将官网地址放在这里. https://www.postman.com/downloads/ 进入官网以后,点击windows 64-bit(图中圈起来的部分)即可下载. 下载好以后双击安…
阅读更多...
java小技能：JWT认证实现

java小技能：JWT认证实现

文章目录 引言I. 预备知识1.1 关键字去空格处理II token组成2.1 头部（Header）2.2 有效载荷（Playload）2.3 签名（Signature）2.4 代码实现：生成tokenIII 验证token3.1 网关验证token3.2 使用拦截器验证token引言 认证流程 I. 预备知识 1.1 关键字去空格处理
阅读更多...
前端复制粘贴方式上传图片

前端复制粘贴方式上传图片

最近在做一个论坛的项目&#xff0c;发布评论的时候&#xff0c;很多时候会用到截图上传的功能&#xff0c;通过微信截图&#xff0c;QQ截图&#xff0c;直接将截取的图片通过Ctrlv 复制到输入框里&#xff0c;自动上传将图片渲染到页面上&#xff0c;今天就来实现一个这样的功…
阅读更多...
BOS金蝶云星空：表单插件设置单据体背景色

BOS金蝶云星空：表单插件设置单据体背景色

一.效果图&#xff1a; 备注&#xff1a;只适用于只读列 二.代码案例&#xff1a; 自定义单据提附加背景色方法&#xff1a; /// /// 设置单据体背景颜色 /// /// 实体 /// 行 /// 字段 /// 颜色代码 private void SetEntityBackgoundColor(string entityKey, int row, st…
阅读更多...
【面试题】大厂面试题分享：如何让(a===1a===2a===3)的值为true?

【面试题】大厂面试题分享：如何让(a===1a===2a===3)的值为true?

大厂面试题分享 面试题库 前端面试题库 &#xff08;面试必备&#xff09; 推荐&#xff1a;★★★★★ 地址&#xff1a;前端面试题库 当我第一次看到这一题目的时候&#xff0c;我是比较震惊的&#xff0c;分析了下很不合我们编程的常理&#xff0c;并认为不大可能&#…
阅读更多...
面试官：断网了，还能 ping 通 127.0.0.1 吗？

面试官：断网了，还能 ping 通 127.0.0.1 吗？

你女神爱不爱你&#xff0c;你问她&#xff0c;她可能不会告诉你。 ‍ 但网通不通&#xff0c;你 ping 一下就知道了。 可能看到标题&#xff0c;你就知道答案了&#xff0c;但是你了解背后的原因吗&#xff1f; 那如果把 127.0.0.1 换成 0.0.0.0 或 localhost 会怎么样呢&…
阅读更多...
Win10用命令行编译带有cuda的opencv

Win10用命令行编译带有cuda的opencv

0. 环境 笔记本win10 NVIDIA GeForce GTX 1660 Ti 1. 准备x64 Native Tools Command Prompt 1.1 准备Visual Studio Installer 需要安装visual studio 2019 1.2 安装工作负荷 为了安装x64 Native Tools Command Prompt&#xff0c;勾上使用C的桌面开发 安装完毕后&#xf…
阅读更多...
Latent Class Modeling lca

Latent Class Modeling lca

潜类别模型&#xff08;Latent Class Modeling&#xff09; 潜在类别分析&#xff08;LCA&#xff09;数据分析流程&#xff08;详细版&#xff09; - 简书 (jianshu.com) R数据分析&#xff1a;用R语言做潜类别分析LCA - 知乎 (zhihu.com) About Latent Class Modeling -…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023