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

蓝桥杯入职项目(HTML + springBoot)

文章目录

  • 需要解决
  • 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"/>
http://www.lryc.cn/news/45553.html

相关文章:

  • 【IAR工程】STM8S208RB基于ST标准库下按键检测
  • 【5】深度学习之Pytorch——如何使用张量处理文本数据集(语料库数据集)
  • 《Spring系列》第5章 refresh()
  • ThreeJS-缩放、旋转(四)
  • 数据更新 | CnOpenData法拍房数据
  • 【Spring从成神到升仙系列 五】从根上剖析 Spring 循环依赖
  • 设计模式之代理模式(C++)
  • c++11 标准模板(STL)(std::unordered_multimap)(三)
  • Linux进程控制-2
  • 快速排序算法
  • 中华好诗词大学季第二季(四)
  • 分布式系统容灾部署方案
  • Python 爬虫性能相关总结
  • Baumer工业相机堡盟工业相机如何设置网口的IP地址(工业相机连接的网口设置IP地址步骤)
  • Android MediaCodec设置H264 Profile到High
  • QT之QSysInfo(查看电脑信息)
  • 中国塑料编织袋产业竞争状况及投资前景预测报告2023-2029年
  • 从头用脚分析FFmpeg源码 - av_read_frame
  • 第17章_触发器
  • 3956. 截断数组
  • React Labs: 我们最近在做什么——2023 年 3 月
  • 文件系统设计详解
  • 好看~立马启动python实现美女通通下
  • Git 安装设置
  • Python-闭包
  • Gitlab中Pipeline语法四
  • Go语言精修(尚硅谷笔记)第五章
  • 三、MySQL 高级(DML 增删改)
  • 面向AI编程的本质是什么?
  • 深入浅出——深度学习训练中的warmup