当前位置：首页 > news >正文

HTML+CSS网页设计期末课程大作业【茶叶文化网站设计题材】web前端开发技术 web课程设计网页规划与设计

news 来源：原创 2024/5/21 0:16:35

🎉精彩专栏推荐 💭文末获取联系
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主
💂 作者主页: 【主页——🚀获取更多优质源码】
🎓 web前端期末大作业：【📚毕设项目精品实战案例 (1000套) 】
🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】
🌎超炫酷的Echarts大屏可视化源码：【🔰 Echarts大屏展示大数据平台可视化(150套) 】
🔖 HTML+CSS+JS实例代码：【🗂️HTML+CSS+JS实例代码 (炫酷代码) 继续更新中…】
🎁 免费且实用的WEB前端学习指南：【📂web前端零基础到高级学习视频教程 120G干货分享】

🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。十载寒冰，难凉热血；多年过去，历经变迁，物是人非。然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！

📂文章目录

一、👨‍🎓网站题目
二、✍️网站描述
三、📚网站介绍
四、🌐网站演示
五、⚙️ 网站代码
- 🧱HTML结构代码
- 💒CSS样式代码
六、🥇 如何让学习不再盲目
七、🎁更多干货

一、👨‍🎓网站题目

🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站、等网站的设计与制作。

二、✍️网站描述

🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习, 个别源码页面中没有使用js有需要的可以自行添加。

🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)

页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。
所有页面相互超链接，可到三级页面，有5-10个页面组成。
页面样式风格统一布局显示正常，不错乱，使用Div+Css技术。
菜单美观、醒目，二级菜单可正常弹出与跳转。
要有JS特效，如定时切换和手动切换图片轮播。
页面中有多媒体元素，如gif、视频、音乐，表单技术的使用。
页面清爽、美观、大方，不雷同。。
不仅要能够把用户要求的内容呈现出来，还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。

三、📚网站介绍

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

📓网站程序方面：计划采用最新的网页编程语言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>
<html>
<head>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="css/css.css" />
<title>茗茶</title>
</head><body>	<div class="header"><div class="wrapin"><a href="index.html" class="logo"><img src="images/logo.png" alt=""></a><div class="nav"><a href="index.html" class="hover">主页</a><a href="cla.html">茶叶分类</a><a href="health.html">健康饮茶</a><a href="reg.html">用户注册</a></div><div class="clear"></div></div></div><div class="wrapin"><div class="hm_left"><div class="hm_wel sd"><div class="title">欢迎来到茗茶馆! </div><div class="tip">茗茶馆寻遍中华大地，精选各地好茶，目的就是为了能把最好的茶叶带给消费者，多年坚持、品质如赢得新老消费者的一致好评。品牌周年庆，特推出优惠活动，详询客服人员。</div></div><div class="hm_xs sd"><div class="title">茗茶欣赏! </div><div class="xs_wp"><div class="s_list"><a href="#" class="xs_item"><div class="photo"><img src="images/pic-1.jpg" alt=""></div><div class="name">绿茶</div></a><a href="#" class="xs_item"><div class="photo"><img src="images/pic-2.jpg" alt=""></div><div class="name">红茶</div></a><a href="#" class="xs_item"><div class="photo"><img src="images/pic-3.jpg" alt=""></div><div class="name">乌龙茶</div></a><a href="#" class="xs_item"><div class="photo"><img src="images/pic-4.jpg" alt=""></div><div class="name">白茶</div></a><div class="clear"></div></div></div></div></div><div class="hm_right sd"><div class="hr_item"><div class="name"><a href="#">茶道欣赏</a></div><div class="date">2016年10月10日</div><div class="cnt">茶道，就是品赏茶的美感之道。茶道亦被视为一种烹茶饮茶的生活艺术，- 种以茶为媒的生活礼仪，一种以茶修身的生活方式。它通过沏茶、赏茶、闻茶、饮茶、增进友谊，美心修德，学习礼法，领略传统美德，是很有益的一种和美仪式。喝茶能静心、静神，有助于陶冶情操、去除杂念。茶道精神是茶文化的核心。</div><iframe height=300 width=510 src='http://player.youku.com/embed/XMjkxOTU5NTI3Ng==?client_id=4922b8adc1e60adb' frameborder=0 'allowfullscreen'></iframe><div class="tip">茶道视频欣赏</div><div class="yd">阅读(99)</div></div><div class="hr_item"><div class="name"><a href="#">茗茶推荐一西湖龙井</a></div><div class="date">2016年10月10日</div><div class="cnt">龙井是中华传统名茶，属于绿茶，位列中国茶品之首。龙井茶产于浙江杭州西湖带，由古代茶农创制于宋代，已有一千二百余年历史。龙井茶色泽翠绿，香气浓郁，甘醇爽口，形如雀舌，即有“色绿、香郁、味甘、形美”四绝的特点。西湖龙井茶清香馥郁，滋味更加鲜醇爽口。</div><div class="yd">阅读(99)</div></div><div class="hr_item"><div class="name"><a href="#">茗茶推荐一祁门红茶</a></div><div class="date">2016年10月10日</div><div class="cnt">祁门红茶简称祁红，茶叶原料选用当地的中叶、中生种茶树“槠叶种”(又名祁门种)制作，是中国历史名茶，著名红茶精品。祁门红茶是红茶中的极品，享有盛营，是英国女王和王室的至爱饮品，高香美誉，香名远播，美称“群芳最”、“红茶皇后”。</div><div class="yd">阅读(99)</div></div><div class="hr_item"><div class="name"><a href="#">茗茶推荐一铁观音</a></div><div class="date">2016年10月10日</div><div class="cnt">“铁观音”既是茶名，也是茶树品种名，铁观音茶介于绿茶和红茶之间，属于半发酵茶类，铁观音独具“观音韵”，清香雅韵，冲泡后有天然的兰花香，滋味纯浓,香气馥郁持久，有“七泡有余香之营”。</div><div class="yd">阅读(99)</div></div><div class="hr_item"><div class="name"><a href="#">茗茶推荐一白毫银针</a></div><div class="date">2016年10月10日</div><div class="cnt">白毫银针，简称银针，又叫白毫，属白茶类，是白茶中的珍品，有中国十大名茶之一的称号。素有茶中“美女”、“茶王” 之美称。白毫银针由福建省的当地茶农创制于1889年，产地位于中国福建省的福鼎市和南平市政和县。其外观特征是:挺直似针，满披白毫，如银似雪。</div><div class="yd">阅读(99)</div></div></div><div class="clear"></div></div><div class="footer">@2016名茶馆版权所有</div></body>
</html>

💒CSS样式代码

/*通用类*/
*{margin:0;padding:0;	
}
body{		min-width:960px;margin:0 auto;font-size:12px;	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;background:#fff;color:#333;text-align:justify;	
}
h1,h2,h3{	font-weight:500;	
}
img{border:none;	
}
a{cursor:pointer;color:#333;text-decoration:none;	outline:none;
}
a:hover{color:#a78560;	
}
ul{list-style-type:none;	
}
em{font-style:normal;	
}
.lt{float:left;	
}
.rt{float:right;	
}
input.sub,label{border:none;	cursor:pointer;
}
input,textarea{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;outline:none;	
}
table{border-collapse:collapse;	
}
table td,table th{padding:0;	
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;
}
input::-moz-placeholder,textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#ccc;
}
input:-moz-placeholder,textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#ccc;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#ccc;
}
div.clear{font: 0px Arial; line-height:0;height:0; overflow:hidden;	clear:both;	
}
.line5{font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{font-size:1px;height:20px;width:100%;clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{width:960px;margin-left:auto;margin-right:auto;
}.header{border-top:8px solid #a78560;height: 140px;
}
.header .logo{float: left;margin:5px 0 0 0;
}
.nav{float: left;margin:78px 0 0 35px;
}
.nav a{display: inline-block;height: 30px;line-height: 30px;margin-right:30px;font-weight: bold;color:#a78560;background:#eee;border-radius:3px;padding:0 14px;box-shadow:3px 3px 0 #aaa;
}
.nav a:hover,.nav a.hover{background:#fbeca1;
}
.hm_left{float: left;width: 350px;
}
.sd{box-shadow:3px 3px 0 #aaa;background:#eee url("../images/bg.gif");border-radius:5px;margin-bottom:10px;padding:10px 20px 20px 20px;
}
.sd .title{height: 50px;line-height: 50px;font-size:16px;font-weight: bold;color:#a78560;
}
.sd .tip{line-height: 26px;
}
.xs_wp{position: relative;overflow: hidden;
}
.xs_wp .s_list{width: 330px;
}
.xs_item{width: 145px;float: left;margin:0 20px 0 0;text-align: center;line-height: 32px;
}
.xs_item .photo{display: block;width: 141px;height:auto;border:2px solid #fff;
}
.xs_item .photo img{display: block;width: 100%;height:auto;
}
.hm_right{width: 560px;float: right;
}
.hr_item{border-bottom:1px dashed #c8b99c;padding-top:10px;
}
.hr_item .name{height: 26px;line-height: 26px;font-weight: bold;font-size:16px;
}
.hr_item .name a{color:#a78560;
}
.hr_item .date{height: 32px;line-height: 32px;color:#999;
}
.hr_item .cnt{line-height: 26px;text-indent:2em;
}
.hr_item .yd{text-align:right;line-height: 3;color:#999;
}.footer{height: 46px;line-height: 46px;text-align: center;background:#4f3115;color:#fff;
}
.cla_item{border-bottom:1px dashed #be5c56;padding-bottom:20px;
}
.cla_item .name{height: 42px;line-height: 42px;font-size:16px;font-weight: bold;color:#c25c56;
}
.cla_item ul{padding-left:2em;line-height: 20px;
}
.cla_item p{line-height: 20px;text-indent:2em;
}
.he_item{border-bottom:1px dashed #4b7aa3;padding-bottom:20px;
}
.he_item .name{height: 42px;line-height: 42px;font-size:16px;font-weight: bold;color:#4b7aa3;
}
.he_item p{line-height: 20px;text-indent:2em;
}
.tc{text-align: center;
}
.tip .red{color:#f00;
}
.reg_fm{width: 700px;margin:10px auto 0 auto;border:1px solid #6c6c6c;position: relative;border-radius:10px;padding:0 0 30px 30px;
}
.reg_fm .tit{font-weight: bold;color:#4b7aa3;font-size:16px;position: absolute;left: 20px;top: -10px;background:#eeeeed;padding:0 5px;	
}
.reg_in{margin-top:30px;
}
.reg_in .ts{width: 120px;height: 20px;line-height: 20px;border:1px solid #a78560;border-radius:3px;background:#fff;font-size:14px;text-align:right;padding-right:20px;float: left;
}
.reg_in .ts em{color:#f00;
}
.reg_in .text{width: 230px;height: 20px;line-height: 20px;float: left;border:1px solid #a9a9a9;margin-left:20px;padding-left:20px;
}
.reg_in select{width: 250px;height: 22px;line-height: 22px;float: left;border:1px solid #a9a9a9;margin-left:20px;padding-left:20px;
}
.reg_in label{float: left;line-height: 20px;margin-left:20px;
}
.reg_in .ra{position: relative;top: 2px;margin-right:3px;
}
.reg_in .tarea{width: 460px;height: 250px;float: left;border:1px solid #a9a9a9;margin-left:20px;background:#fff;overflow-y:auto;line-height: 1.6;padding:20px;
}
.reg_ctrls{text-align: center;padding-top:15px;
}
.reg_ctrls .btn{display: inline-block;width: 60px;height: 30px;background:#a78560;border:0;border-radius:3px;margin:0 50px;color:#fff;
}

六、🥇 如何让学习不再盲目

第一、带着目标去学习，无论看书报课还是各种线下活动。
首先要明确自己的学习目标是什么，是想解决什么问题，实现怎样的目标。

第二、学习要建立个人知识体系
知识是学不完的，书籍是浩如烟海的。我们尽情徜徉其中的时候，千万不要被海水淹死，没有自我了。在学习过程中，我们会发现每一个知识点都是有她的边界和背景的，我们要善于归纳整理知识

第三、学到了就要用到

有时，我们一天下来感觉学到了很多干货，那么我们一定要将这些知识点和实际工作和生活联系起来。知识和实践相互联系靠拢。爱学习是一件好事，但只有会学习的人，才有价值。

七、🎁更多干货

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

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

以上内容技术相关问题💌欢迎一起交流学习👇🏻👇🏻👇🏻💬

422是一个HTTP状态码，表示服务器理解客户端的请求，但无法处理该请求。这个状态码通常被用于Web应用程序中的表单验证，其中服务器无法处理客户端提交的表单数据。

422是一个HTTP状态码，表示服务器理解客户端的请求，但无法处理该请求。这个状态码通常被用于Web应用程序中的表单验证，其中服务器无法处理客户端提交的表单数据。具体来说，当一个客户端向服务器提交表单数据时，服务器首先会验证这些数据是否符合要求。如果数据验证失败，…...

编程日记 2024/5/20 20:34:37

vscode 无法调试 golang testify suite 中的单个 test 的解决办法

目录问题描述网上的讨论最终的解决办法问题描述对于如下这样简单的测试文件: package main// Basic imports import ("testing""github.com/stretchr/testify/assert""github.com/stretchr/testify/suite" )var assertObj *assert.Assertions/…...

编程日记 2024/5/19 23:46:26

Catowice City

Catowice City 题目链接思路：第 $i$ 个人认识第 $j$ 只猫，所以选了第 $i$ 个人就必须选第 $j$ 个人，那么我们连一条 $i$ 指向 $j$ 的边。那么同一个连通分量中就必须同时选择。考虑不能对其他猫产生影响，我们可以选择一个没有出边的强连通分量全部选人(即编…...

编程日记 2024/5/19 20:55:35

RabbitMQ在Java中的完美实现：从入门到精通

哈喽，大家好，我是木头左！一、RabbitMQ简介 RabbitMQ是一个开源的AMQP实现，服务器端用Erlang语言编写，支持多种客户端，如：Python、Ruby、.NET、Java、JMS、C、PHP、ActionScript、XMPP、STOMP等，支持AJAX。用于在分布式系统中存储转发消息，在易用性、扩展性、高可用性等…...

编程日记 2024/5/19 19:15:03

实验二电子传输系统安全-进展1

上周任务完成情况（代码链接，所写文档等将电子公文传输系统重新调试通过，并运行小组成员每个人读完《Core.Software.Security.Security.at.the.Source.CN.软件安全.从源头开始》和《The.Security.Development.Lifecycle.CN.软件安全开发生命周期》，并写好相应的读书笔记熟…...

编程日记 2024/5/19 9:06:08

PyInstaller常用打包命令

PyInstaller是一个第三方库，它能够在Windows、Linux、 Mac OS X 等操作系统下将 Python 源文件打包，通过对源文件打包， Python 程序可以在没有安装 Python 的环境中运行，也可以作为一个独立文件方便传递和管理。PyInstaller支持Python 2.7和Python 3.3+。可以在Windows、M…...

编程日记 2024/5/18 17:15:47

HTML+CSS网页设计期末课程大作业【茶叶文化网站设计题材】web前端开发技术 web课程设计网页规划与设计

🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (10…...

编程日记 2024/5/21 0:16:35

数据结构与算法(六) 贪心算法

这篇文章来讲贪心算法（Greedy Algorithm），这是一种特殊的动态规划算法 1、本质我们在之前的文章中讲过，动态规划可以解决一类具有最优子结构和重叠子问题特征的问题贪心算法本质上是一种特殊的动态规划算法，因此在…...

编程日记 2024/5/20 23:08:12

LeetCode-1774. 最接近目标价格的甜点成本【数组，背包问题，优化暴力，回溯】

LeetCode-1774. 最接近目标价格的甜点成本【数组，背包问题，优化暴力，回溯】题目描述：解题思路一：转化为0-1背包求解。一：因为每种配料最多可以用两次，所以直接把每种辅料变成两个。二&#xff1…...

编程日记 2024/5/17 9:46:00

Python封装机制及实现方法

大部分语言都具备 3 个典型特征，即封装、继承和多态。简单的理解封装（Encapsulation），即在设计类时，刻意地将一些属性和方法隐藏在类的内部，这样在使用此类时，将无法直接以“类对象.属性名”&…...

编程日记 2024/5/19 21:02:51

Flet 教程大全合集

Flet是什么 Flet 是一个框架，使您能够轻松地以您喜欢的语言构建实时 Web、移动和桌面应用程序，并与您的团队安全地共享它们。无需前端经验。 Flet有什么优势 Flet有什么特点在几分钟内从想法到应用程序用于您的团队、周末项目、数据输入表单、信息亭应用程序或高保真原型…...

编程日记 2024/5/20 23:31:05

mongodb整合springbootQ

SpringBoot整合MongoDB_一个冬天的童话的博客-CSDN博客_mongodb的依赖SpringBoot整合MongoDB的过程https://blog.csdn.net/m0_53563908/article/details/1268980981，环境配置 1.引入依赖 <dependency><groupId>org.springframework.boot</groupId&g…...

编程日记 2024/5/19 7:35:55

【吴恩达机器学习笔记】十一、聚类

✍个人博客：https://blog.csdn.net/Newin2020?spm1011.2415.3001.5343 📣专栏定位：为学习吴恩达机器学习视频的同学提供的随堂笔记。 📚专栏简介：在这个专栏，我将整理吴恩达机器学习视频的所有内容的笔记&…...

编程日记 2024/5/18 8:40:02

BUUCTF Misc 黑客帝国 [MRCTF2020]你能看懂音符吗 [HBNIS2018]caesar [HBNIS2018]低个头

黑客帝国下载文件一长串16进制，复制到在线16进制转文本很明显是一个RAR文件，使用脚本将16进制转换成文件 import binasciihex_data这里填十六进制数据 outopen(res.rar,wb) out.write(binascii.unhexlify(hex_data)) out.close() 需要密码&#xff…...

编程日记 2024/5/18 8:12:31

基于多目标灰狼算法的冷热电联供型微网低碳经济调度（Matlab代码实现）

👨‍🎓个人主页：研学社的博客 💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势：🌞🌞🌞博客内容尽量做到思维缜…...

编程日记 2024/5/16 5:14:22

Linux系统启动过程总结

Linux系统启动过程总结 1、Linux 中 rc.local、init.d、rc.x、init 这几个文件（夹）各有什么作用？启动执行的脚本应该均放在 rc.local 中吗？ - 知乎 2、/etc/inittab文件详解_muxi01lingyi的博客-CSDN博客_/etc/inittab /etc/inittab文件详解 - 莘莘学子 - 博客园 3、Li…...

编程日记 2024/5/20 4:55:54

防火墙ssh详解讲解

♥️作者：小刘在C站\ ♥️每天分享云计算网络运维课堂笔记，一起努力，共赴美好人生！ ♥️夕阳下，是最美的，绽放。目录一.防火墙配置对外的默认二.防火墙配置内部ospf 三.防火墙远程管理四.远程管理…...

编程日记 2024/5/20 11:36:57

Java【String】【StringBuilder】【StringBuffer】你都会用吗

文章目录前言一、常用的方法1、字符串构造2、字符串比较3、字符串查找4、字符串转化5、字符串替换6、字符串分割7、字符串截取二、字符串的不可变性三、StringBuilder、StringBuffer总结前言在校招和笔试过程中，字符串是相当频繁被问到的话题，在之前的…...

编程日记 2024/5/17 23:12:35

Himall商城Xml帮助类 XML序列化 OSS策略

#region XML序列化 OSS策略 /// <summary> /// XML序列化 /// </summary> /// <param name="obj">序列对象</param> /// <param name="filePath">XML文件路径</param> /// …...

编程日记 2024/5/19 3:53:51

【人民币识别】人民币序列号识别【含GUI Matlab源码 908期】

⛄一、简介本文描述的人民币序列号识别系统实现了从图像预处理到识别结果的过程, 而序列号识别是本文的重要内容.以序列号区域为研究对象, 主要包括图像预处理、图像分割以及序列号识别等过程。 1 图像预处理人民币图像总体上来说灰度偏高, 灰度值基本上都大于150 (对8位25…...

编程日记 2024/5/15 17:14:19

html静态网站基于动漫网站网页设计与实现共计4个页面

HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 ⚽精彩专栏推荐&#x1…...

编程日记 2024/5/18 10:40:23

Himall商城Zip帮助类压缩文件(Zip)

public class ZipInfo { /// <summary> /// 解/压缩成功状态 /// </summary> public bool Success { get; set; } /// <summary> /// 解/压缩结果信息 /// <…...

编程日记 2024/5/18 12:20:28

MyBatis-Plus条件构造器[常用的模糊查询、排序查询、逻辑查询和指定字段查询案例]

系列文章目录 Mybatis-Plus知识点[MyBatisMyBatis-Plus的基础运用]_心态还需努力呀的博客-CSDN博客 Mybatis-PlusSpringBoot结合运用_心态还需努力呀的博客-CSDN博客MyBaits-Plus中TableField和TableId用法_心态还需努力呀的博客-CSDN博客 MyBatis-Plus中的更新操作&#x…...

编程日记 2024/5/20 1:54:02

cubeIDE开发，如何结合FreeRTOS开发STM32程序

一、STM32CubeIDE使用内置的FreeRTOS 不同于STM32CubeIDE使用像RTThread这些第三方物联网系统，STM32CubeIDE在安装时就已经在MiddleWare中间件一栏直接支持了FreeRTOS操作系统。既然STM32CubeIDE已经把FreeRTOS深度整合到了自家的系统中，所以移植及使用…...

编程日记 2024/5/20 3:57:14

写给儿子的一封信

最近听闻你成绩有点不理想，爸爸想跟你讲几个想法。之前学羽毛球的时候，我往往带有期望，希望你能学成像林丹一样。每次你去上课，我也在旁边盯着，后来我发现效果不好，你好像很害怕我说你，学的也不…...

编程日记 2024/5/19 16:41:52

eclipse导入svn项目，项目有红色的感叹号/叉号

eclipse导入svn项目，项目左下角有红色的感叹号/叉号 1.首先调出Problems ( window -> show view-> Problems ) 查看报错信息其次，看看Project是否开启了项目自动构建（Build Automatically） 2.根据报错信息逐一解决 3.…...

编程日记 2024/5/18 9:46:05

基于 Serverless 架构的 CI/CD 框架：Serverless-cd

近日，Serverless 开发者平台 Serverless Devs 重磅发布基于 Serverless 架构的轻量级 CI/CD 框架 ——Serverless-cd。Serverless-cd 是一款运行在 Serverless 架构上的功能强大而灵活，安全，低成本的 CI/CD 开源框架。该框架基于 Serverless …...

编程日记 2024/5/20 20:08:42

Vue Class与Style绑定

Vue Class与Style绑定1 Class绑定1.1 字符串写法1.2 数组写法1.3 对象写法2 Style绑定2.1 对象写法2.2 数组写法1 Class绑定在Vue中，如果要为某个元素动态添加某个类，并不会使用document.getElementById等选择器将该元素获得，而是使用v-bin…...

编程日记 2024/5/20 17:05:57

制作一个谷歌浏览器插件，实现网页数据爬虫

一、什么是浏览器插件浏览器插件，基于浏览器的原有功能，另外增加新功能的工具，是可定制浏览体验的小型软件程序，让用户可以根据个人需要或偏好来定制浏览器。如拦截网页中的广告、划词翻译、倍速视频等等。 Chrome、edge等浏…...

编程日记 2024/5/20 7:10:23

Java实验七

文章目录前言一、判断E盘指定目录下是否有后缀名为.jpg的文件，如果有就输出此文件名称。二、分别使用字节流和字节缓冲流的两种读取方式实现对图片文件的复制操作并比较两种方式在复制时间上的效率。三、编写一个程序，分别使用转换流、字符流和缓冲字符流…...

编程日记 2024/5/18 20:27:53

Linux文件系统——文件系统、挂载点、目录结构

目录一、目录结构 1.1 基本介绍 1.2 详细说明目录作用二、挂载点一、目录结构 1.1 基本介绍 Linux是一切皆文件，将所用的东西当做文件处理目录结构就是一个单一的树状结构整个的目录树只有一个树根：/ 根目录文件夹分门别类的放到根目录…...

编程日记 2024/5/10 8:03:10

Linux——匿名管道、命名管道及进程池概念和实现原理

目录一.什么是匿名管道二.如何使用匿名管道 （一）.pipe原理 （二）.pipe使用三.命名管道概念及区别 （一）.什么是命名管道 （二）.与匿名管道的联系和区别四.命名管道的使用 &…...

编程日记 2024/5/12 20:59:41

[附源码]计算机毕业设计基于SpringBoot的高校课程知识库

项目运行环境配置： Jdk1.8 Tomcat7.0 Mysql HBuilderX（Webstorm也行） Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。项目技术： SSM mybatis Maven Vue 等等组成，B/S模式 M…...

编程日记 2024/5/18 0:21:44

$X=\frac{N}{T}$

[网络工程师]-应用层协议-SNMP

简单网络管理协议（Simple Network Management Protocol，SNMP）是在应用层上进行网络设备间通信的管理协议，可以用于网络状态监视、网络参数设定、网络流量统计与分析、发现网络故障等。SNMP基于UDP协议，由SNMP协议、管理…...

编程日记 2024/5/16 20:32:11

BERT 相关资源整理

文章 NLP文档挖宝(3)——能够快速设计参数的TrainingArguments类使用 PyTorch 进行知识蒸馏调节学习率 Huggingface简介及BERT代码浅析使用huggingface的Transformers预训练自己的bert模型FineTuning BERT 预训练预训练模型：从BERT到XLNet、RoBERTa、ALBERT B…...

编程日记 2024/5/18 6:52:05

tinymce富文本编辑器的使用

tinymce富文本编辑器的使用 1、基本介绍 tinymce富文本官网：https://www.tiny.cloud/ 中文文档：http://tinymce.ax-z.cn/ tinymce-npm地址：https://www.npmjs.com/package/tinymce tinymce英文文档-示例地址：https://www.tin…...

编程日记 2024/5/19 19:39:37

【大数据趋势】12月3日纳指大概率反弹到黄金分割附近，然后下跌，之后进入趋势选择期，恒指会跟随。感觉或许有什么大事情要发生，瞎猜中。

行情核心源头分析: 纳斯达克指数是否会符合大数据规则，走黄金分割线规则回顾一下上周大数据预测的趋势，虽有波折但最终趋势预测准确上周11.20日大数据模拟出一个趋势图，大趋势上需要继续上涨尾期，制造一个背离出现&#xff0c…...

编程日记 2024/5/19 15:20:16

vue中打印插件vue-print-nb(二)-实例之两种方法——安包之设置一个id和绑定一个对象下载print.js之ref设置锚点

vue中打印插件vue-print-nb(二)-实例之两种方法——安包之设置一个id和绑定一个对象 & 下载print.js之ref设置锚点第一种方法方式1、设置一个id ① 给要打印的部分设置一个 id ② 在打印按钮中添加 v-print"#id名" 1、安装vue-print-nb插件 npm install v…...

编程日记 2024/5/14 9:27:20

[ 渗透测试面试篇 ] 渗透测试面试题大集合(详解)（八）暴力破解相关面试题

🍬 博主介绍 👨‍🎓 博主介绍：大家好，我是 _PowerShell ，很高兴认识大家~ ✨主攻领域：【渗透领域】【数据通信】【通讯安全】【web安全】【面试分析】 🎉点赞➕评论➕收藏养成习…...

编程日记 2024/5/17 17:53:39

ssm项目整合，简单的用户管理系统

ssm项目整合，简单的用户管理系统项目概述项目搭建创建项目1.创建maven项目2.导入项目依赖及maven资源过滤设置3.添加web支持4.配置tomcat5.配置web发布依赖jar包6.数据库的表创建7.实体类创建7.1 lombok常用注解:dao层1.daoMapper接口创建2.Mapper.xml配置文件3.myb…...

编程日记 2024/5/19 18:34:17

2023最新SSM计算机毕业设计选题大全（附源码+LW）之java高校饭堂管理系统8gmjo

这个选题的话其实有很多的，就看你自己能接受怎么样的，比如可以做网站类、系统类、小程序类、安卓app、大数据类等等，这个也要看你个人能力和技术问题，如果技术小白或者有一点点基础的话建议选择网站类和系统类的，如果有…...

编程日记 2024/5/16 20:32:12

Kettle BIGNUMBER TIMESTAMP 类型格式处理

一、问题描述 Kettle默认的格式化处理对BIGNUMBER列 ,把0 会强行写成0.0；对TIMESTAMP列强行写成如2021/12/31 16:51:55.000000000格式。从而引起不必要错误。二、解决方案最新的Kettle下载地址：https://udomain.dl.sourceforge.net/project/pentaho/Pentaho-9.3/client…...

编程日记 2024/5/18 10:03:36

Qt实现编辑框失去焦点隐藏功能

今天来为大家分享一个小功能，首先看实现的效果吧~ 功能讲解： QLineEdit控件进行文本编辑，点击保存按钮后，隐藏编辑框和保存按钮，仅展示编辑内容，当鼠标点击空白处时，同样隐藏编辑框、隐藏保存按…...

编程日记 2024/5/9 2:05:04

人工智能内容生成元年—AI绘画原理解析

AIGC体验生成一、背景 2022年AIGC（AI生成内容）焕发出了勃勃生机，大有元年之势，技术与应用迭代都扎堆呈现。在各种新闻媒体处可以看到诸多关于学术前沿研究，以及相应落地的商用案例。可谓出现了现象级的学术-商业共振。…...

编程日记 2024/5/20 18:06:44

基于STM32单片机的温度报警器（数码管)（Proteus仿真+程序）

编号：26 基于STM32单片机的温度报警器（数码管) 功能描述： 本设计由STM32F103单片机最小系统DS18B20温度传感器数码管显示模块声光报警模块独立按键组成。 1、主控制器是STM32F103单片机 2、DS18B20温度传感器测量温度 3、数码管显示温度值&…...

编程日记 2024/5/18 23:16:22

Ubuntu18.04安装ROS、Gazebo、Mavros、PX4、QGC教程

修改国内源修改apt sudo cp /etc/apt/source.list /etc/apt/source.list.old sudo gedit /etc/apt/source.list输入如下进行保存 deb http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse deb-src http://mirrors.aliyun.com/ubuntu/ bionic m…...

编程日记 2024/5/19 16:27:20

Java项目：SSM学生会管理系统

作者主页：源码空间站2022 简介：Java领域优质创作者、Java项目、学习资料、技术互助文末获取源码项目介绍本项目分为管理员、学生两种角色， 管理员角色包含以下功能： 管理员登陆,管理学生,管理机构,活动信息发布,部门管理,职位…...

编程日记 2024/5/19 22:39:04

资源管理的部分

估算资源的活动的资源目录概述需求：设计思路实现思路分析1.估算的资源的资源的分解结构：获取资源2.虚拟团队3.CPO模型4.团队的5.资源日历建设团队团队一般成长规律形成指导型管理风格认可奖励培训指标管理团队关于授权情商，领导力等控制资源…...

编程日记 2024/5/17 6:40:02

Docker Swarm 集群

Swarm 是 Docker 公司推出的用来管理docker集群的平台，Swarm 是 Docker 官方容器编排项目，可以在多个服务器或主机上创建容器集群服务，Swarm 自己不运行容器，它只是接受 Docker 客户端发来的请求，调度适合的节点来运行…...

编程日记 2024/5/20 22:42:22

期末复习-软件体系结构

软件体系结构一、软件重用与构件技术软件重用的定义重用驱动的软件的开发过程构件的三种描述模型三种构件分类方法的组织方式，检索方式，刻面分类法二、软件体系结构概述软件体系结构构件连接件约束软件体系结构的四个发展阶段三、软件体系结构风格…...

编程日记 2024/5/19 13:12:50

操作系统—死锁

一、死锁概念死锁多个进程在运⾏过程中因争夺资源⽽造成的⼀种僵局，占有自身资源并请求对⽅资源。死锁的产生会导致程序卡死，不解锁程序将永远无法进行下去。二、死锁原因 ▪ 资源分配不当，系统资源不⾜ ▪ 程序推进的顺序不合适 ▪…...

编程日记 2024/5/17 5:34:29

shell编程（一）

shell 简介 Shell 是一个用 C 语言编写的程序,一般我们说的shell编程，是指编写shell脚本。 Shell 负责完成用户与内核之间的交互（shell是一个命令解释器，负责将用户的命令解析成操作系统所能理解的指令） 第一个shell脚本创建…...

编程日记 2024/5/13 22:49:51

Unity 3D 碰撞体（Collider）|| Unity 3D 触发器（Trigger）

在游戏制作过程中，游戏对象要根据游戏的需要进行物理属性的交互。因此，Unity 3D 的物理组件为游戏开发者提供了碰撞体组件。碰撞体是物理组件的一类，它与刚体一起促使碰撞发生。碰撞体是简单形状，如方块、球形或者胶囊形&…...

编程日记 2024/5/20 3:52:30

随笔荟萃 | sincerity

我们在第一学期中，有一堂经济政治与社会课上，老师给我们讲到共建社会主义和谐社会时，我们现在的社会需要更多的人参与，我又想起班主任陆坚老师对我们全班同学所说的话就是：“我们先做人后做事。”我们如何做人、做人的…...

编程日记 2024/5/19 8:49:40

Windows环境-Redis数据库部署

Windows 10 企业版 Redis redis-6.0.16.tar.gz redis-6.0.16能完全安装成功，试过更高版本的6.2.7和7.0.4安装过程中都有报错。 [Makefile:376: debug.o] Error 1 [Makefile:9: install] Error 2 从网上的资料来看，都说redis6.2和7.0版本问题&#xff…...

编程日记 2024/5/15 11:51:17

优雅的springboot参数校验

前言在后端的接口开发过程，实际上每一个接口都或多或少有不同规则的参数校验，有一些是基础校验，如非空校验、长度校验、大小校验、格式校验；也有一些校验是业务校验，如学号不能重重复、手机号不能重复注册等&#xff…...

编程日记 2024/5/20 12:59:56

鸿蒙应用布局ArkUI：【其他常用布局容器和组件】介绍

其他常用布局容器和组件创建轮播（Swiper）实现轮播图功能开发前请熟悉鸿蒙开发指导文档：gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。栅格布局（GridRow/GridCol）和Grid布局类似…...

编程日记 2024/5/19 1:37:06

20240511每日运维----聊聊nignx改配置所有的nginx改完unknow

1、改配置所有的nginx改完unknow src/core/nginx.h src/http/ngx_http_header_filter_module.c src/http/ngx_http_special_response.c src/http/v2/ngx_http_v2_filter_module.c 2、make 3、去objs里面把nginx文件替换过去sbin/nginx...

编程日记 2024/5/18 22:58:48

使用VMware或VirtualBox安装eNSP Pro并使用CRT连接设备

文章目录使用Oracle Virtual Box安装eNSP Pro创建虚拟机配置网卡配置带外管理网络使用VMware Workstation安装eNSP Pro转换文件格式及虚拟磁盘模式配置网卡创建虚拟机配置使用CRT连接管理设备前一段时间是开放了eNSP Pro的账号权限，但是在写博客时，权…...

编程日记 2024/5/20 18:48:03

小白必看：新手学编程必会的100个代码

前言我记得刚开始接触编程的时候，觉得太难了。也很好奇，写代码的那些人也太厉害了吧？全是英文的，他们的英文水平一定很好吧？ 他们是怎么记住这么多代码格式的？而且错了一个标点符号，整个程…...

编程日记 2024/5/20 14:42:46

【知识拓展】大白话说清楚：IP地址、子网掩码、网关、DNS等

前言工作中常听别人说的本地网络是什么意思？同一网段又是什么意思？它俩有关系吗？ 在工作中内经常会遇到相关的网络问题，涉及网络通信中一些常见的词汇，如IP地址、子网掩码、网关和DNS等。具体一点：经常会…...

编程日记 2024/5/18 19:40:51

利用OpenShift的ImageStream部署临时版本

公司是港企，项目都部署在OpenShift上统一管理，因为运行环境为香港网络(外网)，配置、中间件等大陆无法直接访问联通。因此在大陆开发时，测试是个很大的问题。为了避免往Git上频繁提交未确定可用的版本，选择用利用OpenSh…...

编程日记 2024/5/17 0:11:04

不懂技术可以当项目经理吗？看完这篇你就知道了

项目经理作为项目的核心负责人，主要负责项目的规划、组织、协调和控制。如果你不懂技术，但具备出色的项目管理技能，你仍然可以成功地管理项目。你可以通过与技术团队建立紧密的合作关系，明确项目需求，并依赖技术团队…...

编程日记 2024/5/20 11:26:50

确保数据可视化的准确性：后校验的重要性和方法

前言在数据可视化项目中，选择合适的图表类型并确定数据字段是首要步骤，但这些步骤本身并不能保证最终的图表能够有效地传达正确的信息。数据的质量和特性可能会影响图表的解释性和准确性。因此，进行后校验以确保数据的适用性和一致性对于避…...

编程日记 2024/5/20 11:05:18

C++ STL概念之仿函数（函数对象）/ 空间配置器 / 适配器 / 理解STL

仿函数（函数对象） 什么是仿函数仿函数，或称为函数对象，在C中是通过重载operator()的类实例，使得类的实例能够像函数一样被调用。可调用对象函数指针（Function Pointers）: 这是指向函数的指…...

编程日记 2024/5/20 7:07:45

TypeScript中的泛型（Generics）

TypeScript中的泛型（Generics） 在前面的几篇文章中，我们了解了TypeScript的类、接口和基本的数据类型系统。本文将重点介绍TypeScript中的泛型，这是一种强大的工具，它允许我们创建可重用的组件，同时保持类…...

编程日记 2024/5/20 6:59:40

c++AVL树的模拟实现

前面对map/multimap/set/multiset进行了简单的介绍，在其文档介绍中发现，这几个容器有个共同点是：其底层都是按照二叉搜索树来实现的，但是二叉搜索树有其自身的缺陷，假如往树中插入的元素有序或者接近有序&#xff0c…...

编程日记 2024/5/20 19:20:12

错误: 找不到或无法加载主类问题(已解决)

今天在虚拟机中安装了idea2023.2的版本，运行代码时发现错误找不到主类！ 直接说结论： 我先clean了一下target，然后重新build，发现maven报错了，idea2023.2默认使用了内置的maven，然后我切换了一下…...

编程日记 2024/5/19 23:14:19