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

蓝桥杯入职项目（HTML + springBoot）

news 2025/7/8 15:35:21

文章目录

需要解决
npm包安装
- axios
- http-serve
debug
开发下个阶段
测试运行方式注意
- 清理磁盘缓存
问题解决

HTML Web项目的结构通常是基于MVC（Model-View-Controller）模式设计的。下面是一般的项目结构：

index.html：项目的入口文件，通常包含网站的主页和引入的CSS和JavaScript文件。
css/：存放CSS文件。
js/：存放JavaScript文件。
img/：存放图片和其他媒体文件。
lib/：存放第三方库和框架文件。
model/：存放数据模型相关的代码。
view/：存放视图相关的代码。
controller/：存放控制器相关的代码。

这些文件夹通常都有自己的子文件夹来组织代码。例如，js/文件夹中可能有一个名为“utils/”的子文件夹，用于存放通用的工具函数。lib/文件夹中可能有一个名为“jquery/”的子文件夹，用于存放jQuery库的文件。

总的来说，HTML Web项目的结构应该是有组织、易于维护和扩展的。

需要解决

npm包安装

axios

安装

npm install axios

http-serve

安装（建议全局安装 -g）

npm install http-server

标准根目录运行

http-server

我的项目运行

http-server -o ./StudentLoginPage.html

debug

axios是异步请求，需要在response这里打断，然后按步执行，跳过几个方法后，才会继续向下执行

开发下个阶段

测试运行方式注意

清理磁盘缓存

如果在请求状态的200中显示了（磁盘缓存），可以考虑使用以下清理磁盘缓存的方式

请添加图片描述

问题解决

图片加载
需要加反斜杠

            <img src="/img/navigation/icon015.png" alt="考生头像" class="header-avatar"/>

蓝桥杯入职项目（HTML + springBoot）

文章目录需要解决npm包安装axioshttp-servedebug开发下个阶段测试运行方式注意清理磁盘缓存问题解决HTML Web项目的结构通常是基于MVC（Model-View-Controller）模式设计的。下面是一般的项目结构：index.html：项目的入口文件&#x…...

编程日记 2023/5/18 9:48:58

【IAR工程】STM8S208RB基于ST标准库下按键检测

【IAR工程】STM8S208RB基于ST标准库下按键检测📍相关篇《【IAR工程】STM8S208RB基于ST标准库下GPIO点灯示例》🎈《【IAR工程】STM8S208RB基于ST标准库下EXTI外部中断》🔖基于ST STM8S/A标准外设库:STSW-STM8069,版本号：2.3.1&…...

编程日记 2023/5/6 5:14:28

【5】深度学习之Pytorch——如何使用张量处理文本数据集（语料库数据集）

在计算机领域，不断崛起的两个领域，一个是CV一个是NLP，下面我们可以探索一下深度学习在NLP的应用和特点。深度学习在自然语言处理（NLP）领域有广泛的应用。以下是一些主要的应用和特点： 语音识别&#xff1…...

编程日记 2023/5/15 22:48:24

《Spring系列》第5章 refresh()

前言 Spring框架中最重要的肯定是IOC容器，那么其如何进行初始化，就是通过refresh()这个方法，无论是单独使用Spring框架，还是SpringBoot，最终都会通过执行到这个方法，那么下面会介绍一下这个方法一、IOC容…...

编程日记 2023/5/14 9:42:31

ThreeJS-缩放、旋转(四)

代码： <template> <div id"three_div"> </div> </template> <script> import * as THREE from "three"; import {OrbitControls } from three/examples/jsm/controls/OrbitControls export default { name: &quo…...

编程日记 2023/5/18 9:50:03

数据更新 | CnOpenData法拍房数据

法拍房数据一、数据简介法拍房，即“法院拍卖房产”，是被法院强制执行拍卖的房屋。当债务人（业主）无力履行借款合约或无法清偿债务时，而被债权人经司法程序向法院申请强制执行，将债务人名下房屋拍卖&…...

编程日记 2023/5/5 5:37:18

【Spring从成神到升仙系列五】从根上剖析 Spring 循环依赖

👏作者简介：大家好，我是爱敲代码的小黄，独角兽企业的Java开发工程师，CSDN博客专家，阿里云专家博主📕系列专栏：Java设计模式、数据结构和算法、Kafka从入门到成神、Kafka从成神到升仙…...

编程日记 2023/5/24 4:02:00

c++11 标准模板（STL）（std::unordered_multimap）（三）

定义于头文件 <unordered_map> template< class Key, class T, class Hash std::hash<Key>, class KeyEqual std::equal_to<Key>, class Allocator std::allocator< std::pair<const Key, T> > > class unordered…...

编程日记 2023/5/7 20:48:10

Linux进程控制-2

紧接着上篇博客出发，我们接着来讲述Linux中进程控制的内容。目录 1.等待 1.1具体操作 1.等待进程等待主要的作用在于：父进程创建子进程之后，等待子进程退出，获取子进程的退出码，释放子进程的资源，避…...

编程日记 2023/5/30 13:12:57

快速排序算法

一：快速排序思想假设我们现在对“6 1 2 7 9 3 4 5 10 8”这个10个数进行排序。首先在这个序列中随便找一个数作为基准数（不要被这个名词吓到了，就是一个用来参照的数，待会你就知道它用来做啥的了）。为了方便&#xff…...

编程日记 2023/5/15 22:50:55

中华好诗词大学季第二季（四）

第七期 1,二十四友一朝尽，爱妾坠楼何足言出自许浑的《金谷园》，“爱妾”指的是谁 2,李白在《九月十日即事》借菊花表达自己的惋惜之情，请问九月十日是什么节日 A 后登高 B 菊花节 C 小重阳 3,贾宝玉在大观园里面题了“曲径通幽”&#xf…...

编程日记 2023/5/13 5:24:48

分布式系统容灾部署方案

本文主要以OceanBase部署来说明分布式系统容灾部署方案分布式系统提供持续可用的服务尤为重要。好的分布式系统根据需求提供不同等级的的高可用与容灾级别。而在分布式系统中，数据库系统又是最核心最关键的系统。我们以数据库分布式系统为主，考虑…...

编程日记 2023/5/14 9:59:35

Python 爬虫性能相关总结

这里我们通过请求网页例子来一步步理解爬虫性能当我们有一个列表存放了一些url需要我们获取相关数据，我们首先想到的是循环简单的循环串行这一种方法相对来说是最慢的，因为一个一个循环，耗时是最长的，是所有的时间总和代码…...

编程日记 2023/5/25 7:49:28

Baumer工业相机堡盟工业相机如何设置网口的IP地址（工业相机连接的网口设置IP地址步骤）

Baumer工业相机堡盟工业相机如何设置网口的IP地址（工业相机连接的网口设置IP地址步骤）Baumer工业相机Baumer工业相机设置网络端口IP地址匹配设置网络端口IP地址和工业相机IP地址匹配第一次打开CameraExplorer软件确认问题为IP地址不匹配问题打开网络连接…...

编程日记 2023/5/5 23:50:00

Android MediaCodec设置H264 Profile到High

编程日记 2023/5/30 13:14:42

QT之QSysInfo(查看电脑信息)

文章目录前言一、API使用总结前言 QSysInfo是Qt中用于获取有关运行应用程序的系统信息的类。我们可以获取以下信息： 返回系统产品类型，如ios，windows，Linux等返回当前系统的产品版本。返回当前系统的内核类型。返回当前系统的…...

编程日记 2023/5/30 13:15:41

中国塑料编织袋产业竞争状况及投资前景预测报告2023-2029年

中国塑料编织袋产业竞争状况及投资前景预测报告2023-2029年 KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK 《报告编号》: BG451639 《出版时间》: 2023年4月《出版机构》: 中智正业研究院免费售后服务一年，具体内容及订购流程欢迎咨询客服人员内容简介&…...

编程日记 2023/5/24 4:05:17

从头用脚分析FFmpeg源码 - av_read_frame

av_read_frame作用 /*** Return the next frame of a stream.* This function returns what is stored in the file, and does not validate* that what is there are valid frames for the decoder. It will split what is* stored in the file into frames and return one f…...

编程日记 2023/5/6 17:11:40