css技巧和web项目逻辑梳理

news/2025/3/5 0:12:58/文章来源:https://www.cnblogs.com/zyh-828/p/18751803
学到的技能/知识 运动 提升 不足
1.CSS技巧:学会了为多个模块设置背景图 3公里有氧跑 1.三节大课的第三节有些累,不想听了,想摸鱼看手机,但是这次克制住了这个想法,继续听讲 睡了懒觉,9点50上课,9点20才起 解决方法:通过跟着老师的步骤在演算纸上写一些知识点,再次进入了状态
2. web项目逻辑和结构梳理 记录: 2.中午给自己设定了休息15分钟去看小说,时间到了正看的上瘾,纠结了一会还是放下了手机选择先去完成今天的作业 原因:太困了。。。解决方法:早睡会因为昨晚2点睡的
**1.CSS定义**
.section {margin-bottom: 40px;                       //设置外边框padding: 20px;                             //设置内边框border-radius: 8px;                        //设置模块边角,使得模块之间有层次感box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  //设置阴影background-size: cover;                    //让背景图覆盖整个元素background-position: center;               //让背景图居中   background-color: rgba(255, 255, 255, 0.5);//半透明白色背景 background-blend-mode: overlay;            //背景图与背景色混合,使字体不被遮挡 
}
.section:nth-child(1) {                        //第一个模块background-image: url('你的图片');          //添加第一个图片地址
}.section:nth-child(1) {                        //第二个模块background-image: url('你的图片');          //添加第二个图片地址
}
**在HTML页面中使用方法**
`<div class="section">内容1</div>`
`<div class="section">内容2</div>`**2.web项目结构**src/main/java

└── com
└── example
└── demo
├── DemoApplication.java // Spring Boot 启动类包
├── config // 配置类包(如Web配置、安全配置等)
├── controller // 控制器层包(处理HTTP请求)
├── service // 服务层包(业务逻辑)
├── repository // 数据访问层包(DAO或Repository接口)
├── entity // 实体类包(数据模型)

**DemoApplication.java**
*Spring Boot的启动类,包含 main 方法,用于启动应用。通常使用 @SpringBootApplication 注解。**config 包**
存放配置类,例如:*Web配置(WebMvcConfig)*安全配置(SecurityConfig)*数据库配置(DataSourceConfig)**controller 包**
*存放控制器类,处理HTTP请求。通常使用 @RestController 或 @Controller 注解。**service 包**
*存放服务类,实现业务逻辑。通常使用 @Service 注解。**repository 包**
*存放数据访问接口,通常使用Spring Data JPA的 @Repository 注解。**entity 包**
*存放实体类,通常与数据库表对应。使用 @Entity 注解。**项目逻辑**
`DemoApplication.java`(Spring Boot 启动类)这是项目的入口点,通常最先创建。它包含 main 方法,用于启动Spring Boot应用;在实现业务逻辑之前,
要先定义与数据库表对应的Java对象的实体类,通常使用JPA注解(如 @Entity、@Id 等);repository负责与数据库交互,包含CSUD方法;service服务层负
责实现核心业务逻辑,调用repository层的方法;controller控制层负责处理HTTP请求,调用服务层方法,并返回响应;config通常来自定义一些配置(如WEB配置,安全配置)
等,项目后期或需要时添加。

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

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

什么是变异测试?

一、变异测试的目的 变异测试是一种软件测试技术,用于评估测试用例的有效性。其核心思想是通过在源代码中引入人为的缺陷(称为“变异”),然后运行测试用例,检查这些变异是否被检测到。如果测试用例能够发现这些变异,说明它们有效;否则,测试用例可能需要改进。 二、变异…

离散数学学习笔记

离散数学学习笔记图关系计数基本结构命题

记录一下用烧录夹给M710Q刷魔改bios

买了一台nec7想尝试一下linux桌面系统,机器本来仅仅支持六到七代的CPU,一开始选择的是G4600,但在Ubuntu24.04 桌面环境下有些卡顿,浏览器开的比较慢,于是萌生了上八代U的想法 于是买了CH341A编程器和烧录夹,直接开干 首先一定要说的是,烧录夹真的很不好用,夹成功的完全…

win11家庭版安装wsl2

开启功能 新建一个xxx.bat,右键编辑,将下面这段代码粘贴进去,保存回到桌面,然后右键以管理员身份运行。 然后需要重启。 pushd "%~dp0" dir /b %SystemRoot%\servicing\Packages\*Hyper-V*.mum >hyper-v.txt for /f %%i in (findstr /i . hyper-v.txt 2^>n…

1。11

@所有人 网络安全C10-2025.1.11作业:对bluecms进行代码审计,分析复现文件上传、ssti模板注入、文件删除等漏洞2、复习ThinkPHP框架基础知识,重点掌握url传参方式以及获取用户参数的写法3、复习ThinkPHP框架漏洞,重点掌握框架代码执行漏洞及工具使用,了解sql注入漏洞及常见…

1。18

@所有人 网络安全C10-2025.1.18作业:安装jdk并配置多版本jdk切换脚本。安装并破解最新版IDEA,并汉化使用IDEA创建java项目,输出helloworld并打包使用IDEA进行调试,熟练掌握调试方法5、复习java se基础,重点掌握面向对象编程。6、申请deepseek key,安装chatbox、continue、…

Day03_vhdl学习的完善

VHDL代码功能: 针对七段数码管的译码器,将输入的bcd码转换为适合共阴极七段数码管的并行输出代码功能: 不同的结构体使同一实体实现不同功能 注:下次采用Typora自带代码功能插入代码 补充注释,增加注释量 完成设计作业,具有一定创新性和难度英语单词注:今天为第一次练习…

几只毛毛虫?

几只毛毛虫? 题目描述 一天,在生物课上,老师带着小羊和他的同学去公园观察动物。 他看到了草丛里有很多毛毛虫,于是他想,毛毛虫有什么特征呢? 于是他把一条毛毛虫抽象成了一棵有 $n$ 个节点的树。树是一个有 $n$ 个点 $n−1$ 条无向边组成的连通图。 这棵树被称为一条毛毛…

C基础1

基础回顾 Hello World到底是什么🤔 //预处理 #include <stdio.h> //include是找的意思,找到stdio这个头文件//.h是头文件的后缀,.c是c语言源文件的后缀,.cpp是c++源文件的后缀//std是standard标准,i是input输入,o是output输出 //程序的主入口 int main( ) //int表示…

我的Redission使用初体验

本文记录作者第一次使用Redission实现分布式锁的体验。对于碰到的问题进行了一些总结。当我们实际使用redis手写实现分布式锁时,会产生不可重入、不可重试、超时释放和主从一致的问题,此时redission为我们提供的锁完美达成以上要求,适合我们生产时使用。Redisson的实际使用 …

Power Automate 格式化JSON时字段为空

前言最近,在使用Power Automate处理JSON的时候,碰到一个错误。正文1.处理JSON的过程,一般是这样的,如下图:2.测试一下,这样,我们就很容易操作JSON字符串中的属性了,如下图:3.但是,大家在开发中,碰到过这样的问题没有?4.详细的错误信息,如下图:[{"message&qu…

ChromaDB

ChromaDB是一个开源的嵌入式向量数据库,专为存储和查询高维向量数据而设计,特别适用于与大型语言模型(LLMs)和嵌入模型(Embeddings)相关的应用场景 安装pip install chromadb启动服务chroma run --path ./chroma_data --host 0.0.0.0 --port 8000说明: --path ./chroma_…