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

利用HTML和css技术编写学校官网页面

news 来源：原创 2025/5/18 7:56:16

一，图例展示

二，代码说明

1，html部分：

【第一张图片】

【第二张图片】

【第三张图片】

2，css部分：

【第一张图片】

【第二张图片】

【第三张图片】

三，程序代码

一，图例展示

二，代码说明

1，html部分：

【第一张图片】

创建了一个基本的页面结构，包含header（顶部导航栏）和main（主横幅区域）。
在header中，设置了学校 logo、学校名称、主导航菜单以及用户相关选项（学生、教工等）。
main区域放置了新春快乐的横幅图片。

【第二张图片】

构建了一个包含 “工大要闻” 和 “综合新闻” 两个新闻板块的页面结构。
“工大要闻” 板块使用图片和标题展示新闻，“综合新闻” 板块则以列表形式呈现新闻标题和日期。

【第三张图片】

创建了一个additional - sections容器，用于包裹 “学术 & 交流” 和 “媒体 & 关注” 两个板块。
每个板块都有一个标题（h2）、一个 “更多” 链接和一个无序列表（ul），列表中每个列表项（li）展示一条具体的信息，包括信息标题和日期。

2，css部分：

【第一张图片】

设置了盒模型和字体等基本属性。
对header及其内部元素（如 logo 区域、导航菜单、用户选项）进行了样式设置，包括背景颜色、文本颜色、布局等。
对main - banner和banner - img进行了样式设置，确保横幅图片能正确显示在页面中。

【第二张图片】

将两个新闻板块并排展示，设置了各自的样式，如标题样式、新闻项样式、列表样式等。
对图片、文本等元素的样式进行了设置，以实现与给定页面类似的视觉效果。

【第三张图片】

对additional - sections容器进行了宽度、外边距和弹性布局设置，使其在页面中水平居中且两个板块并排显示。
分别设置了 “学术 & 交流” 和 “媒体 & 关注” 板块的宽度。
定义了列表的顶部外边距，以及列表项的底部外边距、边框和内边距样式，同时设置了列表项中链接的字体颜色和大小。

三，程序代码

HTML部分：

<!DOCTYPE html>
<html lang="zh - CN">

<head>
<meta charset="UTF - 8">
<meta name="viewport" content="width=device-width, initial - scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>西北工业大学官网页面</title>
</head>

<body>
<header class="header">
<div class="header - container">
<div class="logo - area">
<img src="nwpulogo.png" alt="西北工业大学logo" class="logo">
<span class="school - name">西北工业大学</span>
<span class="english - name">NORTHWESTERN POLYTECHNICAL UNIVERSITY</span>
</div>
<nav class="main - nav">
<ul class="nav - list">
<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>
<li><a href="#">招生就业</a></li>
<li><a href="#">人才招聘</a></li>
</ul>
</nav>
<div class="user - options">
<a href="#">学生</a>
<a href="#">教工</a>
<a href="#">校友</a>
<a href="#">访客</a>
<a href="#">常用链接</a>
<a href="#"><img src="mailicon.png" alt="邮件图标" class="mail - icon">书记|校长</a>
<a href="#" class="lang - switch">ENG</a>
<a href="#" class="search - icon"><img src="searchicon.png" alt="搜索图标"></a>
</div>
</div>
</header>

<main class="main - banner">
<img src="bannerimage.png" alt="新春快乐横幅" class="banner - img">
</main>
<div class="news - container">

<div class="news - section">
<h2 class="section - title">工大要闻</h2>
<a href="#" class="more - link">更多>></a>
<div class="news - items">
<div class="news - item">
<img src="news1.jpg" alt="中共西北工业大学第十四届委员会第二次全体会议">
<p class="news - title">中国共产党西北工业大学第十四届委员会第二次全体会议举行</p>
</div>
<div class="news - item">
<img src="news2.jpg" alt="我校召开2024年人才工作总结暨表彰会">
<p class="news - title">我校召开2024年人才工作总结暨表彰会</p>
</div>
<div class="news - item">
<img src="news3.jpg" alt="学校召开2024年度人才培养工作总结大会">
<p class="news - title">学校召开2024年度人才培养工作总结大会</p>
</div>
<div class="news - item">
<img src="news4.jpg" alt="学校召开2024年科技工作总结暨表彰会">
<p class="news - title">学校召开2024年科技工作总结暨表彰会</p>
</div>
</div>
</div>


<div class="news - section">
<h2 class="section - title">综合新闻</h2>
<a href="#" class="more - link">更多>></a>
<a href="#" class="news - website - link">新闻网</a>
<ul class="news - list">
<li class="news - list - item">
<a href="#">中共中央、国务院印发《教育强国建设规划纲要（2024—2035年）》</a>
<span class="news - date">01 - 19</span>
</li>
<li class="news - list - item">
<a href="#">我校帕维尔教授受邀参加李强总理出席的新春座谈交流会</a>
<span class="news - date">01 - 30</span>
</li>
<li class="news - list - item">
<a href="#">新春前夕学校领导走访慰问老领导、老党员、老同志、专家学者、...</a>
<span class="news - date">01 - 20</span>
</li>
<li class="news - list - item">
<a href="#">学校召开2024年度二级单位考核暨基层党委书记抓党建述职评议会</a>
<span class="news - date">01 - 05</span>
</li>
<li class="news - list - item">
<a href="#">我校召开第三届学术委员会第二次全体会议</a>
<span class="news - date">01 - 17</span>
</li>
<li class="news - list - item">
<a href="#">2025年初雪中的大美校园</a>
<span class="news - date">01 - 27</span>
</li>
<li class="news - list - item">
<a href="#">我校37名学子入选首届青年人才托举工程博士生专项计划</a>
<span class="news - date">01 - 27</span>
</li>
<li class="news - list - item">
<a href="#">电子信息学院李立教授入选2024科学中国人·年度科技人物“影响力...</a>
<span class="news - date">01 - 20</span>
</li>
<li class="news - list - item">
<a href="#">央视《我的大学》聚焦西工大“为国铸剑”</a>
<span class="news - date">01 - 04</span>
</li>
<li class="news - list - item">
<a href="#">我校15项教学案例入选陕西省专业学位研究生教学案例库</a>
<span class="news - date">01 - 26</span>
</li>
</ul>
</div>
</div>

   <div class="additional - sections">

   <div class="academic - section">
   <h2 class="section - title">学术&交流</h2>
   <a href="#" class="more - link">更多>></a>
   <ul class="academic - list">
   <li class="academic - item">
   <a href="#">【学术报告】研究生出国（境）交流项目系列报告——牛立志...</a>
   <span class="news - date">01 - 16</span>
   </li>
   <li class="academic - item">
   <a href="#">【学术报告】研究生出国（境）交流项目系列报告——周易：...</a>
   <span class="news - date">01 - 09</span>
   </li>
   <li class="academic - item">
   <a href="#">【学术报告】研究生出国（境）交流项目系列报告 ——祝怀...</a>
   <span class="news - date">01 - 07</span>
   </li>
   <li class="academic - item">
   <a href="#">【学术报告】研究生出国（境）交流项目系列报告——周鹤：...</a>
   <span class="news - date">01 - 07</span>
   </li>
   <li class="academic - item">
   <a href="#">【学术报告】研究生出国（境）交流项目系列报告——习萌洁...</a>
   <span class="news - date">01 - 07</span>
   </li>
   <li class="academic - item">
   <a href="#">【学术报告】研究生出国（境）交流项目系列报告 ——张利...</a>
   <span class="news - date">01 - 07</span>
   </li>
   </ul>
   </div>


   <div class="media - section">
   <h2 class="section - title">媒体&关注</h2>
   <a href="#" class="more - link">更多>></a>
   <ul class="media - list">
   <li class="media - item">
   <a href="#">[科技日报]力求优化创新资源配置</a>
   <span class="news - date">01 - 21</span>
   </li>
   <li class="media - item">
   <a href="#">[央视]《焦点访谈》千年古都网红城市......真实的西安还拿下...</a>
   <span class="news - date">01 - 19</span>
   </li>
   <li class="media - item">
   <a href="#">[央视]《军事科技》梦想成真——探秘走出银幕的尖端装备</a>
   <span class="news - date">01 - 18</span>
   </li>
   <li class="media - item">
   <a href="#">[中国科技网]陕西省第十四届人民代表大会第三次会议开幕</a>
   <span class="news - date">01 - 17</span>
   </li>
   <li class="media - item">
   <a href="#">[光明日报]“宝藏”选修课，“宝”在哪里?</a>
   <span class="news - date">01 - 14</span>
   </li>
   <li class="media - item">
   <a href="#">[中国科学报]西工大张艳宁教授荣获“CCF夏培肃奖”</a>
   <span class="news - date">01 - 12</span>
   </li>
   </ul>
   </div>
   </div>
</body>

</html>

CSS部分：

/* 全局样式 */
* {
margin: 0;
padding: 0;
box - sizing: border - box;
}

body {
font - family: Arial, sans - serif;
}

/* 顶部导航栏样式 */
.header {
background - color: #0066cc;
color: white;
padding: 10px 0;
}

.header - container {
display: flex;
justify - content: space - between;
align - items: center;
max - width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.logo - area {
display: flex;
align - items: center;
}

.logo {
width: 80px;
height: 80px;
}

.school - name {
font - size: 24px;
margin - left: 10px;
}

.english - name {
font - size: 14px;
margin - left: 10px;
}

.main - nav {
display: flex;
}

.nav - list {
list - style: none;
display: flex;
}

.nav - list li {
margin - right: 20px;
}

.nav - list a {
color: white;
text - decoration: none;
}

.user - options {
display: flex;
align - items: center;
}

.user - options a {
color: white;
text - decoration: none;
margin - left: 15px;
}

.mail - icon {
width: 20px;
height: 20px;
vertical - align: middle;
margin - right: 5px;
}

.lang - switch {
text - transform: uppercase;
font - size: 14px;
}

.search - icon img {
width: 20px;
height: 20px;
}

/* 主横幅样式 */
.main - banner {
width: 100%;
margin - top: 20px;
}

.banner - img {
width: 100%;
display: block;
}

/* 全局样式 */
* {
margin: 0;
padding: 0;
box - sizing: border - box;
list - style: none;
text - decoration: none;
}

body {
font - family: Arial, sans - serif;
}

.news - container {
max - width: 1200px;
margin: 20px auto;
display: flex;
justify - content: space - between;
}

.news - section {
width: 48%;
}

.section - title {
font - size: 20px;
margin - bottom: 10px;
}

.more - link {
float: right;
color: #0066cc;
font - size: 14px;
}

.news - website - link {
float: right;
color: #0066cc;
font - size: 14px;
}

.news - items {
display: flex;
flex - wrap: wrap;
justify - content: space - between;
}

.news - item {
width: 48%;
margin - bottom: 20px;
}

.news - item img {
width: 100%;
display: block;
margin - bottom: 10px;
}

.news - title {
font - size: 16px;
line - height: 1.4;
}

.news - list {
margin - top: 10px;
}

.news - list - item {
margin - bottom: 10px;
border - bottom: 1px solid #ccc;
padding - bottom: 5px;
}

.news - list - item a {
color: #333;
font - size: 14px;
}

.news - date {
float: right;
color: #666;
font - size: 12px;
}

.additional - sections {
max - width: 1200px;
margin: 20px auto;
display: flex;
justify - content: space - between;
}

.academic - section,
.media - section {
width: 48%;
}

.academic - list,
.media - list {
margin - top: 10px;
}

.academic - item,
.media - item {
margin - bottom: 10px;
border - bottom: 1px solid #ccc;
padding - bottom: 5px;
}

.academic - item a,
.media - item a {
color: #333;
font - size: 14px;
}

利用HTML和css技术编写学校官网页面

目录一，图例展示二，代码说明 1，html部分： 【第一张图片】【第二张图片】【第三张图片】 2，css部分： 【第一张图片】【第二张图片】【第三张图片】三，程序代码一，…...

编程日记 2025/5/18 7:56:16

易语言Easy Programming Language

E易语言 EF 易语言.飞场 EPL EF 我心易飞扬! Elogo 易乐谷我的程序我来写！ Easy Programming Language Elogo 未来的小程序员！易语言运行时环境检验报告自有编辑器、自带数据库、本土化支持易语言系统全部自行设计开发。自有编译器。所编译目的程序运…...

编程日记 2025/5/16 3:35:18

支付宝安全发全套解决方案

产品价值 ● 通过支付宝的资金能力，让服务商机构通过信息流驱动资金流，在不碰触客户企业资金的同时，为客户企业完成转账。账目清晰，无合规和资质风险。 ● 为服务商提供全链路的资金流动明细信息，服务商可以将这些信息…...

编程日记 2025/5/17 20:16:13

如何通过腾讯 ima.copilot 训练自己的知识库

如何通过腾讯 ima.copilot 训练自己的知识库在信息爆炸的时代，拥有一个专属的知识库，能让我们在学习、工作中快速获取所需信息，极大地提升效率。腾讯推出的 AI 智能工作台 ima.copilot，为我们打造个人知识库提供了便利。今天&am…...

编程日记 2025/5/16 20:48:41

本地部署DeepSeek-R1（Mac版）

本地部署DeepSeek-R1（Mac版） 前言：过年这段时间，DeepSeek火遍全球，但遭受黑客攻击，10次对话基本9次都是服务器繁忙，请稍后重试。那么，本地部署整起来总体来说，本地部署…...

编程日记 2025/5/16 12:11:23

uniapp 编译生成鸿蒙正式app步骤

1，在最新版本DevEco-Studio工具新建一个空项目并生成p12和csr文件（构建-生成私钥和证书请求文件） 2，华为开发者平台根据上面生成的csr文件新增cer和p7b文件，分发布和测试 3，在最新版本DevEco-Studio工具文…...

编程日记 2025/5/12 7:29:31

C++STL与内存管理总结

1：内存管理方面：涉及分配（请求）与释放，主要分为静态内存，自动存储期（栈内存）、动态内存分配（堆内存）以及智能指针系列，之所以重要，因…...

编程日记 2025/5/17 15:29:34

【文本处理】如何在批量WORD和txt文本提取手机号码，固话号码，提取邮箱，删除中文，删除英文，提取车牌号等等一些文本提取固定格式的操作，基于WPF的解决方案

企业的应用场景数据清洗：在进行数据导入或分析之前，往往需要对大量文本数据进行预处理，比如去除文本中的无关字符（中文、英文），只保留需要的联系信息（手机号码、固话号码、邮箱）。…...

编程日记 2025/5/18 0:10:40

算法跟练第十弹——栈与队列

文章目录 part01 逆波兰表达式求值part02 滑动窗口最大值part03 前 K 个高频元素归纳：将字符串转转换成整数：LinkedListMap遍历优先级队列的比较器跟着代码随想录刷题的第十天。代码随想录链接：代码随想录 part01 逆波兰表达式求值题目链接…...

编程日记 2025/5/14 17:30:57

计算机毕业设计——Springboot的校园新闻网站

🎉**欢迎来到琛哥的技术世界！**🎉 📘 博主小档案： 琛哥，一名来自世界500强的资深程序猿，毕业于国内知名985高校。 🔧 技术专长： 琛哥在深度学习任务中展现出卓越的能力&a…...

编程日记 2025/5/17 10:51:52

在CT107D单片机综合训练平台上实现外部中断控制LED闪烁

引言在单片机开发中，外部中断是一个非常重要的功能，它可以让单片机在检测到外部信号变化时立即做出响应。本文将详细介绍如何在CT107D单片机综合训练平台上使用外部中断来控制LED灯的闪烁。我们将使用两种不同的方式来实现这一功能：一种是在…...

编程日记 2025/5/17 11:22:02

C# ASP.NET 介绍

.NET学习资料 .NET学习资料 .NET学习资料一、概述 ASP.NET是由微软创建的一个开源 Web 框架，用于使用.NET 构建现代化的 Web 应用程序和服务。它为开发者提供了一套丰富的工具、库和编程模型，使得创建功能强大、高效且安全的 Web 应用变得更加容易。…...

编程日记 2025/5/18 6:38:25

Django中select_related 的作用

Django中这句代码Dynamic.objects.select_related(song)是什么意思？ 在 Django 中，这句代码： Dynamic.objects.select_related(song) 的作用是在查询 Dynamic 模型的同时，预加载 song 关联的外键对象，从而减少数据…...

编程日记 2025/5/16 10:38:24

MyBatis常见知识点

#{} 和 ${} 的区别是什么？ 答： ${}是 Properties 文件中的变量占位符，它可以用于标签属性值和 sql 内部，属于原样文本替换，可以替换任意内容，比如${driver}会被原样替换为com.mysql.jdbc. Driver。一个…...

编程日记 2025/5/16 1:46:05

CentOS 安装 Docker

一、使用官方安装脚本自动安装安装命令如下： curl -fsSL https://get.docker.com | bash -s docker --mirror Aliyun 也可以使用国内 daocloud 一键安装命令： curl -sSL https://get.daocloud.io/docker | sh 二、手动安装卸载旧版本较旧的 Do…...

编程日记 2025/5/9 17:07:34

【sqlite】python操作sqlite3（含测试）

个人小项目或者小团队，sqllite很适用，数据库封装操作如下 #!/usr/bin/env python # -*- coding: utf-8 -*- # Time : 2025-02-08 13:57 # Author : duxiaowei # File : connect_sqllite.py # Software: PyCharm """ sqllite操作, …...

编程日记 2025/5/16 17:24:21

PTC Windchill介绍

以下内容摘自PTC的Windchill介绍材料，确有其用，摘录一些： 存储和搜索产品信息所有产品信息的中央存储库。同样的，对于产品相关内容，例如 CAD 模型、文档、技术插图、嵌入式软件、计算和要求规范，都有一个…...

编程日记 2025/5/17 5:25:37

3.矩阵分解技术在推荐系统中的应用

接下来我们将深入探讨矩阵分解技术在推荐系统中的应用。矩阵分解是一种强大的技术，可以有效地处理数据稀疏性问题，并提高推荐系统的性能。在这一课中，我们将介绍以下内容： 矩阵分解的基本概念奇异值分解（SVD&#xff…...

编程日记 2025/5/14 17:33:29

visual studio 在kylin v10上跨平台编译时c++标准库提示缺少无法打开的问题解决

情况1：提示无法打开源文件 "string"之类导致无法编译情况2:能编译，但无法打开这些库文件或标准库使用提示下划红色问题解决方案： 一、通过工具->选项->跨平台里，在“远程标头IntelliSense管理器”更新下载一下…...

编程日记 2025/5/15 21:15:43

TextWebSocketHandler 和 @ServerEndpoint 各自实现 WebSocket 服务器

TextWebSocketHandler 和 ServerEndpoint 都可以用于实现 WebSocket 服务器，但它们属于不同的技术栈，使用方式和功能有一些区别。以下是它们的对比： 1. 技术栈对比特性TextWebSocketHandler (Spring)ServerEndpoint (Java EE/JSR-356)所属框…...

编程日记 2025/5/12 8:48:48

一种非完全图下的TSP求解算法

序旅行商问题（Traveling Salesman Problem，简称TSP）是组合优化中的一个经典问题，就是给定一组城市和城市之间的距离，找到一条最短路径使得每个城市只被访问一次后返回到起点。一些传统的解法都是基于完全图的，我在网上也很少找到非完全图的解法，非完全图应该在实际应…...

编程日记 2025/5/17 20:49:44

文件操作(1.文件资源上传到MinIO 2.文件资源保存在数据库中)

目录本文提供文件操作接口的实现(上传下载) 附件资源表实体类具体代码实现上传到MinIO服务器 pom依赖 yml配置 MinIO配置服务实现类保存到数据库本文提供文件操作接口的实现(上传下载) 附件资源表实体类 Data AllArgsConstructor NoArgsConstructor EqualsAndHa…...

编程日记 2025/5/1 1:01:12

deepseek模型技术优势研究

1.1 混合专家模型（MoE）架构 DeepSeek 模型采用了混合专家模型（Mixture-of-Experts，MoE）架构，这一架构在大规模预训练与下游应用中展现了显著的计算资源利用效率优势。MoE 架构的基本思想是在传统 Transfor…...

编程日记 2025/5/17 9:54:58

项目6：基于大数据校园一卡通数据分析和可视化

1、项目简介本项目是基于大数据的清华校园卡数据分析系统，通过Hadoop，spark等技术处理校园卡交易、卡号和商户信息数据。系统实现消费类别、男女消费差异、学院消费排行和年级对比等分析，并通过Web后端和可视化前端展示结果。项目运行便捷&…...

编程日记 2025/5/16 15:30:22

零、资源准备虚拟机相关： VMware workstation 16：虚拟机/vmware_16.zip（建议选择vmware_17版本）CentOS Stream 9：虚拟机/CentOS-Stream-9-latest-x86_64-boot.iso（安装包小，安装时需要联网下载）/ 虚拟机/CentOS-Stream-9-latest-x86_64-dvd1.iso(安装包大)JDK jdk1.8：…...

编程日记 2025/5/18 0:41:12

leetcode 2466. 统计构造好字符串的方案数

题目如下数据范围本题就是加了马甲的跳格子问题即一次能选择跳zero格或者one格(注意这两个不是定值，不是翻译成0和1它们只是代表能跳几格)我们令f(i)为从第0格跳到i格的路径数(也就是好串有几个)显然如果存在的话： f(i) f(i - zero) f(i - one)。…...

编程日记 2025/5/15 11:43:56

Jupyter Notebook自动保存失败等问题的解决

一、未生成配置文件需要在命令行中，执行下面的命令自动生成配置文件 jupyter notebook --generate-config 执行后会在 C:\Users\用户名\.jupyter目录中生成文件 jupyter_notebook_config.py 二、在网页端打开Jupyter Notebook后文件保存失败；运行代码…...

编程日记 2025/5/11 22:50:20

局域网内别的电脑怎么连接到对方的mysql数据库

要让局域网内的其他电脑连接到一台主机上的 MySQL 数据库，你需要进行一些配置，包括 MySQL 服务器的设置、权限调整，以及客户端连接的步骤。以下是详细的步骤说明： 1. 确保 MySQL 服务器允许远程连接默认情况下，MySQL 服务器可能只允许本地连接（localhost）。你需要修改…...

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

flask和django的对比

Flask 和 Django 都是流行的 Python Web 框架，尽管它们都用于构建 Web 应用，但它们的设计理念和使用场景有所不同。以下是它们之间的一些对比： 1. 框架类型 Flask：微框架（Micro-framework），意…...

编程日记 2025/5/17 9:09:37

基于 GEE 批量下载陆地植被净初级生产力 NPP 产品

目录 1 陆地植被净初级生产力（NPP） 2 完整代码 3 运行结果 1 陆地植被净初级生产力（NPP） 陆地植被净初级生产力（NPP）是指植物在单位时间单位面积上由光合作用产生的有机物质总量中扣除自养呼吸后的剩余…...

编程日记 2025/5/15 21:52:05

使用Deepseek ，怎么很好的与Deepseek 进行精准问答

与 DeepSeek 进行高效问答的关键在于清晰表达需求、合理使用功能、灵活调整提问方式。以下是一些实用建议： 一、基础原则明确问题 ✅ 清晰描述背景、目标和具体需求。 ❌ 避免模糊提问：“帮我写点东西”→ ✅“我需要一篇关于AI在医疗领域应用的500字…...

编程日记 2025/5/17 23:41:33

cefsharp131升级132测试（WinForms.NETCore）

一、升级（Nuget）版本说明（readme）:最低.NET Core3.1 (NET5.0+) + Visual C++ 2019 Redist 二、试运行、兼容性测试...

编程日记 2025/4/26 9:26:29

docker部署及操作

目录一、Docker的简介二、基础环境配置以及部署 1. Linux基础配置 2. 开启Linux内核的流量转发功能一、Docker的简介 Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器或Windows …...

编程日记 2025/5/17 7:59:37

Jmeter对图片验证码的处理

Jmeter对图片验证码的处理在web端的登录接口经常会有图片验证码的输入，而且每次登录时图片验证码都是随机的；当通过jmeter做接口登录的时候要对图片验证码进行识别出图片中的字段，然后再登录接口中使用； 通过jmeter对图片验证码…...

编程日记 2025/5/18 7:54:56

DeepSeek本地部署_cherry studio知识库搭建

1.下载并安装：ollama Download Ollama on macOSDownload Ollama for macOShttps://ollama.com/download 安装是否成功确认，管理员权限运行PowerShell： ollama -h 2.下载安装deepseek 管理员方式运行PowerShell，运行命令&#x…...

编程日记 2025/5/15 21:00:54

CSS 实现下拉菜单效果实例解析

1. 引言在 Web 开发过程中，下拉菜单是一种常见且十分实用的交互组件。很多前端教程都提供过简单的下拉菜单示例，本文将以一个简洁的实例为出发点，从 HTML 结构、CSS 样式以及整体交互逻辑三个层面进行详细解析，帮助大家理解纯 C…...

编程日记 2025/5/12 17:54:29

项目场景拷打

补偿事务解决超卖通过补偿事务避免超卖问题，可以通过以下几种方式实现： 1. 使用数据库事务与锁机制事务管理：将库存扣减和订单生成操作放在同一个数据库事务中，确保操作的原子性。如果事务中任何一个步骤失败，则整…...

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

C语言之扫雷

C语言之扫雷 game.hgame.ctest.c 参考 https://blog.csdn.net/m0_62391199/article/details/124694375 game.h #pragma once #include <stdio.h> #include <time.h> #include <stdlib.h>#define ROW 9 #define COL 9#define ROWS ROW2 #define COLS COL2#de…...

编程日记 2025/5/18 5:52:59

android手机本地部署deepseek1.5B

手机本地部署大模型需要一个开源软件 Release Release v1.6.7 a-ghorbani/pocketpal-ai GitHub 下载release版本apk 它也支持ios，并且是开源的，你可以编译修改它安装完后是这样的可以下载推荐的模型，也可以在pc上下载好，然后copy到手机里点 + 号加载本地模型...

编程日记 2025/5/13 11:42:55

用C语言实现斐波那契数列：从基础代码到深入理解

在编程的世界里，斐波那契数列是一个经典且有趣的概念，今天我们就通过一段C语言代码来深入探索如何生成斐波那契数列。代码初览这段代码实现了输入一个整数 n ，然后输出斐波那契数列的第 n 项。代码逐行解析变量声明： - int …...

编程日记 2025/5/14 3:13:36

vue3 怎么自动全局注册某个目录下的所有 vue 和 tsx 组件

在开发 vue3 项目时，我们会有这样的诉求，怎么自动全局注册某个目录下的所有 vue 和 tsx 组件？ 虽然已经有非常强大的 unplugin-vue-components 支持，但是在某些动态场景下，unplugin-vue-components 也选择了不支持。 …...

编程日记 2025/5/12 12:20:50

Android 消息总站设计思路

项目是组件化模式，这里记录下项目消息总站设计思路目录 1、接口模式 2、Viewmodel 模式 3、LiveDataBus 模式 3、EventBus 模式 1、接口模式消息总站：MessageCenter 单利模式 public class MessageCenter {private static MessageCenter instanc…...

编程日记 2025/5/16 8:52:27

webstorm 右下角git分支组件不显示如何恢复

1、在上方工具栏点击view 2、选择Appearance 3、选择 Status Bar Widgets 4、勾选Git Branch 目录如下图所示...

编程日记 2025/4/11 18:24:27

三、k8s pod详解

pod详解的相关的基础知识和初始化容器，以及私有化的镜像仓库*。 pod进阶：pod的状态，pod的探针 pod的详解： pod是k8s集群管理的最小单位，最小的资源组件，也是最小化运行容器的资源对象。容器运行在pod里…...

编程日记 2025/5/16 21:49:50

代码随想录算法训练day39--动态规划之《打家劫舍系列》

代码随想录算法训练 —day39 文章目录代码随想录算法训练前言一、198.打家劫舍二、213.打家劫舍II三、337.打家劫舍 III总结前言今天是算法训练的第39天，希望自己能够坚持下来！ 今日任务依旧是动态规划，不过是打家劫舍系列： …...

编程日记 2025/5/15 6:14:27

AI是什么？

一、概述 1.1 AI是什么就像给机器装了个"会学习的大脑"，让它们能像人一样： 看懂世界（比如手机相册自动识别猫狗照片）听懂人话（比如叫"Siri定个闹钟"）自己思考（比如围棋…...

编程日记 2025/5/14 0:42:32

ZooKeeper 的典型应用场景：从概念到实践

引言在分布式系统的生态中，ZooKeeper 作为一个协调服务框架，扮演着至关重要的角色。它的设计目的是提供一个简单高效的解决方案来处理分布式系统中常见的协调问题。本文将详细探讨 ZooKeeper 的典型应用场景，包括但不限于配置管理、命名服务…...

编程日记 2025/5/18 3:19:22

C++ list介绍

文章目录 1. list简介2. list的实现框架2.1 链表结点2.2 链表迭代器2.3 链表 3. list迭代器及反向迭代器设计3.1 list迭代器3.2 list反向迭代器3.3 list迭代器失效 4. list与vector比较 1. list简介 list，即链表。链表的种类有很多，是否带头结点&#…...

编程日记 2025/5/11 2:40:38

暂未整理啊

测码学院 python的数据类型不可变数据类型：字符串/数字/元组/ type（变量名） 获得数据的类型 str：字符串 int：整数 float：浮点数 bool：true/false 布尔类型 list：列表 dict&…...

编程日记 2025/5/13 4:55:36

C# Basic

文章目录项目地址一、基础501. What is CIL?2. What is CLR?3. What is the difference betweent value type and reference types?4. what is boxing and unboxing?5. How are exceptions handled in C#?6. What is the difference between a class and a struct?7. Wh…...

编程日记 2025/5/16 21:22:24

一，图例展示

二，代码说明

1，html部分：

【第一张图片】

【第二张图片】

【第三张图片】

2，css部分：

【第一张图片】

【第二张图片】

【第三张图片】

三，程序代码

相关文章：