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

HTML5动漫主题网站天空之城 10页 html+css+设计报告成品项目模版

news 来源：原创 2025/5/9 0:49:21

📂文章目录

一、📔网站题目

二、✍️网站描述

三、📚网站介绍

四、🌐网站演示

五、⚙️网站代码

🧱HTML结构代码

💒CSS样式代码

六、🔧完整源码下载

七、📣更多

一、📔网站题目

⭐ HTML5动漫主题网站天空之城 10页 html+css+设计报告成品项目模版。

❤ 我的主页：【🚀获取更多优质源码】

❤ 更多源码：【🔥Web网页设计作业成品源码分享(持续更新)】

二、✍️网站描述

🏷️HTML5动漫主题网站天空之城 10页 html+css+设计报告成品项目模版，其中包含：html文件10个、css文件1个、images图片22个。

其中标签用到了：div、p、h1、a、img、h3、b等标签。

其中5个网页包含：漫画简介页、乔巴简介页、乔巴图集页、漫画欣赏页、网站介绍页。

三、📚网站介绍

📔网站布局：采用DIV+CSS进行网页布局，兼容各大浏览器保证可以正常展示；

📘网站素材：图片均采自网络素材，符合了页面主题规范；

📒网站文件：其中HTML是网页的结构、CSS是网页的样式、JS是页面的动态效果；

📙网页编辑：如(DW、HBuilder、NotePAD、VScode、Sublime、Webstorm、Text、Notepad++)都可修改代码。

四、🌐网站演示

五、⚙️网站代码

🧱HTML结构代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>天空之城网</title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
</head><body><div class="container"><div class="header"><a href="index.html"><img src="images/logo.png"><span>天空之城</span></a></div><div class="nav"><a href="index.html">天空之城</a><a href="info.html">影片信息</a><a href="plot.html">剧情简介</a><a href="person.html">人物简介</a><a href="auto.html">登场机器</a><a href="gag.html">幕后花絮</a><a href="mean.html">影片意义</a><a href="word.html">热门影评</a><a href="register.html">影迷注册</a><a href="login.html">影迷登录</a></div><div class="wrapper"><div class="focus"><a href="info.html"><img src="images/focus.jpg"/></a></div><div class="line"><p><b><a href="plot.html">剧情简介</a></b><span><a href="plot.html">小姑娘希达（SHEETA）是传说中“天空之城拉普达（Laputa）”王族的后裔，那曾是超越地上文明不知几千年的空中文明，但不知为何，希达的祖先离开“天空之城”，抛弃发达的科技，在地面上过起隐居的生活。然而一天，几个不明身份的男子出现在她家门口。故事由希达所坐的军队飞行船遭到空中海盗的袭击而开始。争斗中希达从万米高空的飞行船上跌落下来……故事另外一个主人公少年巴鲁（PASU）是矿工机师的学徒，这一天收工时，发现天上有个亮晶晶的东西正在慢慢地下落。。。。。</a></span></p><a href="plot.html"><img src="images/plot.jpg"/></a></div><div class="item"><a href="person.html"><img src="images/person1.jpg"/></a><h3>希达全</h3><p><a href="person.html">希达全，名罗希达·多耶鲁·乌鲁·拉普达。希达是一位身世不明的少女。</a></p></div><div class="item"><a href="person.html"><img src="images/person2.jpg"/></a><h3>巴鲁</h3><p><a href="person.html">巴鲁是一位住在有矿坑的小型城镇附近的少年，男主角，本身个性直接且豪爽。</a></p></div><div class="item"><a href="person.html"><img src="images/person3.jpg"/></a><h3>穆斯卡</h3><p><a href="person.html">穆斯卡是拉普达王族另一分支的后裔。为政府的情报机关之特务头领，军衔是上校。</a></p></div><div class="item"><a href="person.html"><img src="images/person4.jpg"/></a><h3>穆罗将军</h3><p><a href="person.html">穆罗将军是探索拉普达任务的指挥官，军中阶级为将军，有着一副军队指挥官的身材。</a></p></div><div class="item"><a href="person.html"><img src="images/person5.jpg"/></a><h3>朵拉</h3><p><a href="person.html">朵拉是空中海贼的首领，是个面恶心善的老海盗，精通天文地理和密码破解。</a></p></div><div class="item"><a href="person.html"><img src="images/person6.jpg"/></a><h3>查尔斯</h3><p><a href="person.html">朵拉的长男，是一个有着丰厚胡子的大男人，身体很强壮，平日里一副很凶的样子。</a></p></div><div class="item"><a href="person.html"><img src="images/person7.jpg"/></a><h3>路易</h3><p><a href="person.html">朵拉的次男。留有一小撮的胡子，穿着一件白色的西服，里边是一件紫色的衬衣。</a></p></div><div class="item"><a href="person.html"><img src="images/person8.jpg"/></a><h3>亨利</h3><p><a href="person.html">朵拉的三男。虎蛾号的成员。帽子时常把眼睛遮起来，脸颊上长有雀斑。</a></p></div><div class="item"><a href="person.html"><img src="images/person9.jpg"/></a><h3>波姆爷爷</h3><p><a href="person.html">巴鲁的友人，一名在废弃矿坑里生活的老者，知晓矿石知识与飞行石相关的传说。</a></p></div><div class="list"><h3><a href="gag.html">幕后花絮</a></h3><p><a href="gag.html">《天空之城》是吉卜力工作室的开山之作。宫崎骏是受到了小说《格列佛游记》的启发才写出了该片的故事，并亲自担任导演将其制作成动画电影推出。该片是宫崎骏的第三部作品，也是吉卜力工作室推出的首部动画电影。</a></p><a href="gag.html"><img src="images/gag.jpg"/></a></div><div class="list"><h3><a href="mean.html">影片意义</a></h3><p><a href="mean.html">《天空之城》是一部纯粹的宫崎骏式风格的电影。女性角色一直是宫崎骏影片塑造人物的重点，也许女性柔美刚强的性格更易于吸引我们，唯美的画面所隐藏的沉重的命题似乎解释了为什么宫崎骏对女性角色塑造的忠贞不渝。</a></p><a href="mean.html"><img src="images/mean.jpg"/></a></div><div class="list"><h3><a href="word.html">热门影评</a></h3><p><a href="word.html">《天空之城》比人们所期望的宫崎骏作品更加倾向于公式化，但他后期作品中梦幻般的光辉已经在该片中初见雏形，而且该片中还有着惊人的科幻元素，足以比肩当代的一些优秀科幻电影作品。（《偏锋杂志》评）</a></p><a href="word.html"><img src="images/word.jpg"/></a></div></div><div class="footer">Copyright @ 2022 tkzc.com 天空之城网 版权所有</div></div></body>
</html>

💒CSS样式代码

@charset "utf-8";*{margin:0;padding:0;box-sizing:border-box;
}
html body{font-size:14px;color:#333;background-color:#dceefc;
}
a{color:#555;text-decoration:none;
}
a:hover{color:#4ea4c7;text-decoration:underline;
}.container{width:1000px;margin:0 auto;overflow:hidden;background-color:#fff;
}.header{float:left;width:1000px;height:100px;line-height:100px;font-size:34px;background-color:#4ea4c7;
}
.header a{color:#fff;
}
.header img{float:left;width:55px;height:55px;margin:24px 0 0 380px;
}
.header span{margin-left:10px;
}.nav{float:left;width:1000px;height:40px;line-height:40px;font-weight:bold;background-color:#0483b1;
}
.nav a{color:#fff;margin:0 20px 0 20px;
}.wrapper{float:left;width:1000px;
}.focus{float:left;width:1000px;height:480px;
}
.focus img{float:left;width:1000px;height:480px;
}.line{float:left;width:960px;margin:30px 0 0 20px;
}
.line p{float:left;width:635px;
}
.line p b{float:left;width:635px;height:20px;line-height:20px;margin-top:5px;font-size:16px;
}
.line p span{float:left;width:635px;line-height:27px;margin-top:8px;
}
.line img{float:right;width:306px;height:170px;
}.item{float:left;width:306px;margin:30px 0 0 20px;
}
.item img{float:left;width:100px;height:100px;
}
.item h3{float:right;width:190px;height:20px;line-height:20px;font-size:16px;
}
.item p{float:right;width:190px;line-height:25px;margin-top:5px;
}.list{float:left;width:306px;margin:25px 0 0 20px;
}
.list h3{float:left;width:306px;height:25px;line-height:25px;
}
.list p{float:left;width:306px;line-height:27px;margin-top:5px;
}
.list img{float:left;width:306px;height:170px;margin-top:10px;
}.info{float:left;width:1000px;padding-bottom:10px;
}
.info h2{float:left;width:1000px;height:30px;line-height:30px;margin:20px 0;text-align:center;
}
.info img{float:left;width:900px;margin:20px 0 10px 50px;
}
.info p{float:left;width:266px;margin-left:50px;border-bottom:1px dotted #cccccc;
}
.info p b{float:left;width:80px;height:58px;line-height:58px;
}
.info p span{float:left;width:186px;height:58px;line-height:58px;
}.text{float:left;width:1000px;padding-bottom:10px;
}
.text h2{float:left;width:1000px;height:30px;line-height:30px;margin-top:20px;text-align:center;
}
.text img{float:left;width:900px;margin:20px 0 10px 50px;
}
.text p{float:left;width:900px;line-height:28px;margin-left:50px;text-indent:25px;
}.person{float:left;width:1000px;
}
.person h2{float:left;width:1000px;height:30px;line-height:30px;margin-top:20px;text-align:center;
}
.person p{float:left;width:306px;margin:20px 0 0 20px;padding-bottom:15px;border:1px solid #f1f1f1;
}
.person p img{float:left;width:160px;height:160px;margin:15px 0 0 73px;border-radius:50%;
}
.person p b{float:left;width:276px;height:25px;line-height:25px;margin:12px 0 0 15px;font-size:16px;text-align:center;
}
.person p span{float:left;width:276px;line-height:25px;margin:5px 0 0 15px;
}.auto{float:left;width:1000px;
}
.auto h2{float:left;width:1000px;height:30px;line-height:30px;margin-top:20px;text-align:center;
}
.auto p{float:left;width:468px;margin:20px 0 0 20px;padding-bottom:15px;border:1px solid #f1f1f1;
}
.auto p img{float:left;width:160px;height:160px;margin:15px 0 0 150px;border-radius:50%;
}
.auto p b{float:left;width:438px;height:25px;line-height:25px;font-size:16px;text-align:center;margin:12px 0 0 15px;
}
.auto p span{float:left;width:438px;line-height:25px;margin:5px 0 0 15px;
}.into{float:left;width:1000px;padding:130px 0 150px 0;
}
.into p{float:left;width:990px;
}
.into p b{float:left;width:300px;height:65px;line-height:65px;text-align:right;
}
.into p input{float:left;width:330px;height:35px;margin:15px 0 0 20px;
}
.into p input.submit{color:#fff;background-color:#4ea4c7;border:0;
}.footer{float:left;width:1040px;height:80px;line-height:80px;margin-top:30px;text-align:center;color:#fff;background-color:#4ea4c7;
}

六、🔧完整源码下载

👉🏻点击【下载链接】👈🏻

七、📣更多

👉🏻文章推荐：【修改文件修改日期为最新】

👉🏻文章推荐：【Web网页设计作业成品源码分享(持续更新)】

👉🏻关注我，获取更多源码~

👉🏻html网页设计、web前后端网站制作、大学生网页设计作业、个人网站制作、jQuery网站设计、uniapp小程序、vue网站设计、node.js网站设计、网页成品模板、期末大作业，各种设计应有尽有，持续更新中..

👉🏻如果我的文章对您有帮助，请“👍点赞”“✍️评论”“💗收藏” 一键三连哦！

HTML5动漫主题网站天空之城 10页 html+css+设计报告成品项目模版

📂文章目录一、📔网站题目二、✍️网站描述三、📚网站介绍四、🌐网站演示五、⚙️网站代码 🧱HTML结构代码 💒CSS样式代码六、🔧完整源码下载七、📣更多一、&#…...

编程日记 2025/5/9 0:49:21

【VSCode】如何修改左侧资源管理器字体大小

方法一左下角的“设置”—> 选择“窗口” —> 找到 Zoom Level,一般1、2效果就挺大的，可以设置小数0.5、负数-1等，具体设置说明见下图： 这个有一点不好的是，不仅仅资源管理器字体变化，整个VSCode界面会跟着变…...

编程日记 2025/5/5 2:44:07

使用 Visual Studio 开发 Windows 服务

Windows 服务是一种后台运行的应用程序，可以在没有用户界面的情况下执行任务。以下是从概念到具体实现的详细说明。 1. 什么是 Windows 服务 Windows 服务是运行在 Windows 操作系统上的应用程序，具有以下特点： 后台运行：无需用…...

编程日记 2025/5/3 21:11:07

类型转换与IO流：C++世界的变形与交互之道

文章目录前言🎄一、类型转换🎈1.1 隐式类型转换🎈1.2 显式类型转换🎁1. C 风格强制类型转换🎁2. C 类型转换操作符 🎈1.3 C 类型转换操作符详解🎁1. static_cast🎁2. dynamic_cast&…...

编程日记 2025/5/7 11:28:11

go的web框架介绍

Go 语言有许多优秀的 Web 框架，适用于不同类型的 Web 应用开发，涵盖从简单的 API 开发到复杂的微服务架构。以下是一些常见的 Go Web 框架： 1. Gin 简介：Gin 是一个高性能的 Go Web 框架，设计目标是让开发者能够以极…...

编程日记 2025/5/6 5:50:47

WPF+MVVM案例实战与特效（三十一）- 封装一个加载动画的自定义控件

文章目录 1、案例效果2、案例实现1、资源与文件创建2、自定义控件封装3、自定义控件使用4、总结1、案例效果 2、案例实现在开发WPF应用程序时，我们常常需要一个灵活的加载动画控件，该控件可以根据窗口的大小自动调整其内部元素（如图片、边框和文本）的尺寸，并且能够通过简…...

编程日记 2025/4/29 3:21:41

cocos creator 3.8 抖音、字节跳动录制器 12

property(Node) luzhishijianDisplay: Node null!;//录制时间显示 property(Node) luzhikaishiBut: Node null!;//录制开始 property(Node) luzhijieshuBut: Node null!;//录制结束 luzhikaishiType: boolean false;//是否开始录制开始计时 gameluzhiTime: number 0;onLoa…...

编程日记 2025/5/6 3:45:53

汽车控制软件下载移动管家手机控车一键启动app

移动管家手机控制汽车系统是一款实现车辆远程智能控制的应用程序‌。通过下载并安装特定的APP，用户可以轻松实现以下功能：‌远程启动与熄火‌：无论身处何地，只要有网络，即可远程启动或熄火车辆，提前预冷或预…...

编程日记 2025/5/9 0:47:56

自由学习记录（28）

C# 中的流（Stream） 流（Stream）是用于读取和写入数据的抽象基类。流表示从数据源读取或向数据源写入数据的矢量过程。 C# 中的流类是从 System.IO.Stream 基类派生的，提供了多种具体实现，每种实现都针对…...

编程日记 2025/5/7 17:29:22

HarmonyOS开发：关于签名信息配置详解

目录前言签名信息的重要性签名的方式自动化签名 1、连接真机 2、选择手动签名 （一）生成密钥和证书请求文件 （二）申请调试证书 （三）注册调试设备 （四）申请调试Profil…...

编程日记 2025/5/4 12:38:06

react 组件双向绑定

1. 使用 state 实现双向绑定对于双向绑定，需要同时处理表单元素的value属性（通过state来设置）和onChange事件（用于更新state）。 import { useState } from "react";const MyComponent () > {const [i…...

编程日记 2025/5/4 10:34:26

k8s api对象，CRD

在Kubernetes项目中，一个API对象在Etcd里的完整资源路径，是由：Group（API组）、Version（API版本）和Resource（API资源类型）三个部分组成 apiVersion: batch/v2alpha1 kind:…...

编程日记 2025/5/9 0:46:31

详解MyBatis之篇一

目录 MyBatis 定义使用MyBatis操作数据库创建项目配置演示 UserInfo.java UserInfoMapper UserInfoMapperTest 数据准备自动生成测试类运行结果 MyBatis 定义 MyBatis 是一个优秀的持久层框架，它支持定制化 SQL、存储过程以及高级映射。MyBatis 避…...

编程日记 2025/5/5 1:42:16

uniapp连接mqtt频繁断开原因和解决方法

mqtt参考文档：MQTT.js 入门教程 | EMQ、MQTT.js 入门教程 - EMQX - 博客园 uniapp引用MQTT频繁断开的问题可能由于以下几个原因导致： 网络不稳定：频繁断开可能是由于网络不稳定导致的，可以尝试优化网络连接。心跳机制问题&…...

编程日记 2025/5/5 15:48:37

网络安全内容整理二

网络嗅探技术网络监听网络监听，也称网络嗅探(Network Sniffing)：在他方未察觉的情况下捕获其通信报文、通信内容的技术网卡的工作模式： 1.广播模式(Broadcast Mode)：网卡能够接收网络中的广播信息 2.组播模式(Multicast Mo…...

编程日记 2025/5/4 3:51:44

IDE解说

IDE（Integrated Development Environment，集成开发环境） 是一种集成了多种开发工具的软件应用程序，旨在简化软件开发过程。 IDE 通常包括代码编辑器、编译器或解释器、调试器、构建自动化工具和版本控制系统等组件。通过将这些工…...

编程日记 2025/5/3 12:14:24

安心护送转运平台小程序

安心护送转运平台小程序是一款基于FastAdminThinkPHPUniapp开发的非急救救护车租用转运平台小程序系统，可以根据运营者的业务提供类似短途接送救护服务，重症病人转运服务，长途跨省护送服务。...

编程日记 2025/3/21 15:23:40

mongodb文档字符串批量替换

【mongodb文档字符串批量替换脚本语句】前言： 1、本方式对于数据量大的情况不适用，执行可能比较慢； 2、数据量大的情况，个人推荐代码层面解决，多线程替换更快： （1）写实体类的方式…...

编程日记 2025/5/7 13:52:14

模拟实现vector（非常详细）

模拟实现vector 1.基本概念2.vector()默认构造函数3.size()4.capacity()5.empty()6.reverse7.push_back()8.pop_back()9.operator[ ]10.resize()11.insert() 1.基本概念上一节我们讲了vector的概念以及常用的接口，这一节我们讲一下它的实现，它的底层其实…...

编程日记 2025/5/4 9:55:08

证明直纹极小曲面是平面或者正螺旋面.

目录证明直纹极小曲面是平面或者正螺旋面证明直纹极小曲面是平面或者正螺旋面证明：设极小直纹面 S S S的参数表示为 r ( u , v ) a ( u ) v c ( u ) . (u,v)\mathbf{a}(u)v\mathbf{c}(u). (u,v)a(u)vc(u).则 r u a ′ v c ′ , r v c , r u ∧ r v a ′ ∧…...

编程日记 2025/5/6 17:26:20

电子应用设计方案-34：智能镜子系统方案设计

智能镜子系统方案设计一、引言智能镜子作为一种新兴的智能设备，将传统镜子与现代科技相结合，为用户提供了丰富的信息展示和交互功能。它不仅可以作为普通镜子使用，还能够显示天气、新闻、日程安排等信息，甚至可以与智能家居设备…...

编程日记 2025/5/6 2:59:27

前端项目从开发到部署全流程介绍

一、项目初始化创建项目目录首先创建一个新的项目目录，例如my - front - end - project。使用命令mkdir my - front - end - project && cd my - front - end - project。初始化项目使用npm init或yarn init来初始化项目，这会生成一个packag…...

编程日记 2025/4/28 6:00:09

Vue3.0组件之间通信（defineProps 和 defineEmits 及 defineExpose）

前言： 一、父传子 defineProps二、子传父 defineEmits三、子组件暴露属性和方法给父组件 defineExpose四、依赖注入Provide / Inject 在 <script setup> 中必须使用 defineProps 和 defineEmits API 来声明 props 和 emits ，它们具备完整的类型推…...

编程日记 2025/5/1 20:41:41

多种平台上安装部署调试Open5GS（四）

OpenWRT 源码安装 UERANSIM 安装依赖openwrt源码安装cmake其他依赖准备UERANSIM安装测试验证Open5GS 是一个功能完善的开源5G项目，具备5G、4G核心网功能，最新代码支持R17标准，本系列文章介绍Open5GS在x86、ARM平台上的安装部署方法，并通过搭建UERANSIN、商用5G基站和终端两…...

编程日记 2025/5/8 8:13:00

KST-3D01型胎儿超声仿真体模、吸声材料以及超声骨密度仪用定量试件介绍

一、KST-3D01型胎儿超声仿真体模 KST—3D01型胎儿超声体模，采用仿羊水环境中内置胎龄为7个月大仿胎儿设计。用于超声影像系统3D扫描演示装置表面轮廓呈现和3D重建。仿羊水超声影像呈暗回声（无回波）特性，仿胎儿超声影像呈对比明显…...

编程日记 2025/5/8 20:01:33

论文笔记-WWW2024-ClickPrompt

论文笔记-WWW2024-ClickPrompt: CTR Models are Strong Prompt Generators for Adapting Language Models to CTR Prediction ClickPrompt: CTR模型是大模型适配CTR预测任务的强大提示生成器摘要1.引言2.预备知识2.1传统CTR预测2.2基于PLM的CTR预测 3.方法3.1概述3.2模态转换3.…...

编程日记 2025/5/6 1:27:03

VTK中对于相机camera的设置

1. 相机的核心属性在 VTK 中，vtkCamera 的核心属性有默认值。如果你不设置这些属性，相机会使用默认值来渲染场景。 Position（默认值：(0, 0, 1)）： 默认情况下，相机位于 Z 轴正方向的 (0, 0, 1)…...

编程日记 2025/5/6 0:07:52

小程序解决大问题-物流系统磁盘爆满问题处理

晚上七点，煤矿调运的物流调度系统突然磁盘报名导致服务崩溃。系统用的是微服务，没有详细操作说明，也不敢动，运煤车辆排起了长队，只能联系厂家处理。好在经过30多分钟的处理，服务终于启动，系统运…...

编程日记 2025/5/8 0:19:13

OGRE 3D----5. OGRE和QML事件交互

在现代图形应用程序开发中，OGRE（Object-Oriented Graphics Rendering Engine）作为一个高性能的3D渲染引擎，广泛应用于游戏开发、虚拟现实和仿真等领域。而QML（Qt Modeling Language）则是Qt框架中的一种声明式语言，专注于设计用户界面。将OGRE与QML结合，可以充分利用OGR…...

编程日记 2025/5/2 6:48:07

docker搭建nginx

一. 直接启动nginx镜像 1. 下载nginx镜像 docker pull nginx 2. 运行镜像 docker run -p 8080:80 --name web -d nginx 3. 网址查看 xx.xx.xx.xx:8080 二. 挂在文件启动nginx镜像 1. 拷贝docker文件到本地 docker cp web:/etc/nginx/nginx.conf /root/data/config/nginx…...

编程日记 2025/5/4 17:33:15

Qt之样式表设置总结。。。持续更新

参考文章链接如下： Qt样式表之一：Qt样式表和盒子模型介绍 Qt样式表之二：QSS语法及常用样式 Qt样式表之三：实现按钮三态效果的三种方法 Qt样式表之一：QSS名词解释 Qt样式表之二：常用控件qss Qt样式表之三：QSS奇技淫巧样式表介绍 Qt样式表是一个可以自定义部件外观的十…...

编程日记 2025/5/8 3:12:27

若依项目源码阅读

源码阅读前端代码分析代码生成器生成的前端代码有两个，分别是course.js用于向后端发送ajax请求的接口代码，另一个是index.vue，用于在浏览器展示课程管理的视图组件。前端的代码是基于vue3elementplus。 template用于展示前端组件别的标签…...

编程日记 2025/5/3 22:01:48

Ubuntu20.04运行R-VIO2

目录 1.环境配置2.构建项目3. 运行 VIO 模式4.结果图 1.环境配置 CMakeLists.txt中 C 使用 14、opencv使用4 2.构建项目克隆代码库： 在终端中执行以下命令克隆项目：git clone https://github.com/rpng/R-VIO2.git编译项目： 使用 catkin_m…...

编程日记 2025/4/28 9:51:37

【Python运维】容器管理新手入门：使用Python的docker-py库实现Docker容器管理与监控

《Python OpenCV从菜鸟到高手》带你进入图像处理与计算机视觉的大门！解锁Python编程的无限可能：《奇妙的Python》带你漫游代码世界随着容器技术的广泛应用，Docker已经成为开发和运维中的标准工具之一。使用Python语言管理Docker容器，不仅可以自动化繁琐的容器操作，还能…...

编程日记 2025/5/4 7:37:03

SQL基础入门——SQL基础语法

1. 数据库、表、列的创建与管理在SQL中，数据库是一个数据的集合，包含了多个表、视图、索引、存储过程等对象。每个表由若干列（字段）组成，表中的数据行代表记录。管理数据库和表的结构是SQL的基础操作。 1.1 创建数据…...

编程日记 2025/5/8 10:09:00

Lumos学习王佩丰Excel第十八讲：LOOKUP函数与数组

一、回顾统计函数 1、使用SUMIF函数 sumif(条件区域,求和条件,求和区域) 2、使用SUMIFS函数 SUMIFS(求和范围, 条件范围1, 条件1, 条件范围2, 条件2, ...) 二、认识数组 1、数组生成原理所谓数组，是有序的元素序列。组成数组的各个变量称为数组的元素。对于Ex…...

编程日记 2025/5/4 17:17:49

第二节——计算机网络（四）物理层

车载以太网采用差分双绞线车载以太网并未指定特定的连接器，连接方式更为灵活小巧，能够大大减轻线束重量。传统以太网一般使用RJ45连接器连接。车载以太网物理层需满足车载环境下更为严格的EMC要求，100BASE-T1\1000BASE-T1对于非屏蔽双绞线的传…...

编程日记 2025/5/7 9:30:09

【接口封装】——11、Qt 的单例模式

宏定义： Q_GLOBAL_STATIC(NotifyManager,theInstance) 函数定义： class NotifyManager : public QObject {Q_OBJECTpublic:NotifyManager(QObject *parent nullptr);~NotifyManager();static NotifyManager*getInstance(); //单例模式 } 源代码&#…...

编程日记 2025/3/29 16:42:38

理解字母形状，从而获得含义

英文字母，都是象形符号，所以，理解其形象，所象之形，是一项重要的工作，和非常有意义事情。也是我们快速记住大量单词，将单词从底层逻辑开始理清，融会贯通扩展记忆容量的重要办法之一。…...

编程日记 2025/5/6 14:01:17

redis揭秘-redis01-redis单例与集群安装总结

文章目录【README】【1】安装单机【1.1】安装环境【1.2】安装步骤【2】redis集群主从模式配置【2.1】集群架构【2.2】redis集群主从模式搭建步骤【2.3】redis集群主从模式的问题（单点故障问题） 【3】redis集群哨兵模式配置【3.1】集群架构【3.2】redis…...

编程日记 2025/5/4 9:11:50

mini-spring源码分析

IOC模块关键解释 beanFactory：beanFactory是一个hashMap, key为beanName, Value为 beanDefination beanDefination: BeanDefinitionRegistry，BeanDefinition注册表接口，定义注册BeanDefinition的方法 beanReference：增加Bean…...

编程日记 2025/5/1 10:36:57

RVO动态避障技术方案介绍

原文：RVO动态避障技术方案介绍 - 哔哩哔哩我们在开发游戏的时候经常会遇到这样的问题，当我们寻路的时候，其它人也在寻路，如何避免不从其它人的位置穿过。这个叫做动态避障，目前主流的解决方案就是RVO。本节我们来介绍…...

编程日记 2025/5/5 0:58:39

HTML CSS JS基础考试题与答案

一、选择题（2分/题） 1．下面标签中，用来显示段落的标签是（ d ）。 A、<h1> B、<br /> C、<img /> D、<p> 2. 网页中的图片文件位于html文件的下一级文件夹img中，…...

编程日记 2025/5/7 3:19:48

【C语言】二叉树（BinaryTree）的创建、3种递归遍历、3种非递归遍历、结点度的实现

代码主要实现了以下功能： 二叉树相关数据结构定义定义了二叉树节点结构体 BiTNode，包含节点数据值（字符类型）以及指向左右子树的指针。定义了顺序栈结构体 SqStack，用于存储二叉树节点指针，实现非递归遍历…...

编程日记 2025/5/5 17:58:09

MySQL Workbench 数据库建模详解：从设计到实践

目录数据库建模基础概念MySQL Workbench 简介与安装什么是 MySQL Workbench？安装与环境配置 MySQL Workbench 数据库建模功能详解 EER 图（实体关系图）数据库反向工程数据库正向工程模型同步与版本管理 MySQL Workbench 数据库建模实战教程…...

编程日记 2025/5/2 8:53:03