B站尚硅谷SSM-CRUD学习记录(二)引入bootstrap

最新推荐文章于 2023-03-12 17:25:41 发布
最新推荐文章于 2023-03-12 17:25:41 发布
阅读量192 收藏
点赞数
分类专栏： SSM 文章标签： ssm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuesonbw/article/details/111245677
版权
本文记录了在SSM项目中引入Bootstrap的过程，包括从官网下载Bootstrap，将其放置在工程的static文件夹下，创建index.jsp并正确引入样式及jQuery库，解决编码格式问题。
摘要由CSDN通过智能技术生成

官网
https://www.bootcss.com/
直接查看文档，点击下载页面
https://v3.bootcss.com/getting-started/#download
下载
在这里插入图片描述
放在工程目录下，可以在webapp下新建一个static文件夹存放
在这里插入图片描述

在webapp下新建一个index.jsp就可以使用bootstrap了

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<!-- 引入jquery -->
<script type="text/javascript" src="static/js/jquery-1.12.4.min.js"></script>
<!-- 引入样式 -->
<link href="static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
<script src="static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</head>
<body>

</body>
</html>

引入样式，格式可以参考
https://v3.bootcss.com/getting-started/#download
页面下的基本模板项，在网页模板中，href已经是网页形式，这里仍采用工程路径的方式配置，推荐href="static/bootstrap-3.3.7-dist/css/bootstrap.min.css"
另外在模板中，js的样式引入是在body中的，本视频教学在head中。同时引入jQuery，下载好之后存放到static/js/目录
这里还有一个问题，默认生成的index.jsp，编码格式不是UTF-8，而是ISO-8859-1，保存会报错，改成UTF-8即可

龙屠大吉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ssm-crud:SSM + Maven + BootStrap 整合案例
05-19
一、功能及涉及到的技术 功能点： 分页 数据校验 jquery前端校验+JSR303后端校验 ajax Rest风格的URI；...技术点： 基础框架 - ssm（SpringMVC+Spring+...引入bootstrap前端框架 编写ssm整合的关键配置文件 • web.x
03——BootStrap之CRUD（静态页面）
Frank_cxx的博客
07-06 1043
index.jsp代码 String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>       ">
ssm怎样导入html,SSM项目中怎样引入并使用Bootstrap
weixin_33953322的博客
06-27 469
Bootstrap官网下载进入官网，点击用于生产环境的Bootstrap下的下载Bootstrap点击下载并解压解压之后SSM中使用BootstrapSSM项目目录下的webapp目录下新建static目录，将下载后的bootstrap的文件复制到static目录下。再在webapp下新建js目录，将jquery引入进来。如果没有jquery文件或者bootstrap下载不成功，github下载新...
使用bootstrap-table简化CRUD
weixin_34349320的博客
09-22 390
1. 引入bootstrap-table资源包, 页首引用css, 页脚引用js 2. table 参数说明 data-toggle="table" data-toolbar="#toolbar" //指定关联的toolbar div id data-show-refresh="true" data-show-...
Springboot配置拦截器出现“No mapping for GET“静态资源的情况
热门推荐
长舒的博客
01-22 2万+
出现这种情况，假定css,js,fonts文件都在/resources/static下，那么在webConfig.java内加上这两个函数 private static final String[] CLASSPATH_RESOURCE_LOCATIONS = { "classpath:/META-INF/resources/", "classpath:/resource...
SSM +Bootstrap CRUD操作
Tom_kobe的博客
11-20 869
给大家分享一个自己写过bootstrap的CRUD，仅供大家学习！ 话不多说，直接上代码！ 项目结构 项目采用三层架构，主体框架是SSM+Bootstrap 基本的实体bean和mapper都是采用mybatis插件自动生成，配置文件会放到文章的末尾 Department.class package com.edu.bean; public class Department { private Integer deptId; private String deptName;
尚硅谷SSM-CRUD整合项目
m0_56015025的博客
03-12 168
ssm项目
简单ssm-crud项目笔记
阿盐的博客
03-20 885
实现简单的基于ssm的增删改查的一些总结
ssm-crud.zip_JSON_bootstrap_maven_ssm框架项目_ssm项目
09-20
SSM框架是Java Web开发中常用的三大框架Spring、Spring MVC和MyBatis的组合，而本项目"ssm-crud.zip"是一个基于SSM的增删查改（CRUD）应用，采用Maven进行构建，并结合了Bootstrap前端框架以及JSON数据传输技术。...
ssm-crud 用ssm+bootstrap+ajax实现增删改查
04-29
本项目"ssm-crud"则是基于SSM框架实现的增删改查功能，结合了Bootstrap前端框架和Ajax异步技术，提供了更加友好的用户体验。 1. **Spring框架**：Spring作为核心容器，负责管理对象（如Bean）的生命周期和依赖注入...
ssm-crud.zip
07-01
【SSM-Crud.zip】是一个包含Java Web...SSM-Crud项目展示了如何利用现代Java Web技术栈来构建一个功能丰富的、具有高可扩展性的应用，对于学习和实践SSM框架以及Web开发流程的开发者来说，这是一个有价值的参考资料。
SSM-CRUD.rar
08-09
SSM-CRUD.rar是一个包含基于SSM（Spring、SpringMVC、MyBatis）框架开发的简单CRUD系统的压缩包。SSM是Java Web开发中常用的三大组件，它们分别负责依赖注入、Web请求处理和数据库操作。在这个系统中，前端界面使用...
深度学习算法hinton的自动编码器matlab代码.rar
08-09
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
Windows快捷键大全
08-09
Windows系统，Windows快捷键大全，常用快捷键，Windows热键，热键大全，操作系统，IT，电脑，计算机，计算机操作，电脑热键
基于MATLAB的细胞计数MATLAB.7z
最新发布
08-09
在MATLAB中进行细胞计数可以使用以下步骤： 1. 预处理图像：导入图像并进行预处理，例如调整图像大小、转换为灰度图像等。 2. 图像分割：使用合适的图像分割方法将细胞从背景分离出来。常用的图像分割方法包括阈值分割、边缘检测等。 3. 细胞计数：对分割后的图像进行细胞计数。可以使用MATLAB中的函数或自定义算法进行计数。例如，可以使用regionprops函数获取每个连通分量的属性，然后根据一些条件（如面积、圆度等）筛选出细胞，并统计细胞数量。 下面是一个示例代码，演示了如何使用MATLAB进行细胞计数： ```matlab % 1. 导入图像并进行预处理 image = imread('cells.jpg'); grayImage = rgb2gray(image); % 2. 图像分割 threshold = graythresh(grayImage); binaryImage = imbinarize(grayImage, threshold); % 3. 细胞计数 labeledImage = bwlabel(binaryImage);
数据标注分类（13页 PPT）.pptx
08-09
数据标注分类（13页 PPT）
PPAP提交等级表.pdf
08-09
PPAP提交等级表
easyx的打字小游戏
08-09
使用C语言结合EasyX图形库编写一个打字小游戏是一个有趣且富有教育意义的项目，它不仅能够帮助你巩固C语言编程技能，还能让你学习到如何使用图形库来创建交互式应用程序。EasyX是一个简单易用的图形库，专门用于Windows平台，它提供了丰富的图形和窗口操作接口，非常适合初学者和学生进行图形编程实践。 在开发打字小游戏时，你首先需要设计游戏的基本逻辑。游戏的目标是让玩家在限定时间内尽可能准确快速地输入屏幕上出现的单词或句子。游戏可以设置不同的难度级别，比如随着级别的提升，单词出现的速度加快，或者单词的长度增加。 使用EasyX图形库，你可以轻松地在窗口中绘制文本、图形和响应用户输入。例如，你可以使用EasyX提供的绘图函数来显示单词，使用键盘事件处理函数来捕捉玩家的输入，并判断输入是否正确。此外，EasyX还支持计时器功能，可以用来实现倒计时和计分。 在编写代码时，你需要考虑游戏的主循环，它负责更新游戏状态、处理用户输入和渲染图形。你还需要设计一个用户界面，显示当前分数、剩余时间和输入的单词。EasyX提供了丰富的绘图函数，可以让你自定义界面的外观和风格。 为了增加游戏的趣味性和
尚硅谷ssmmybatis笔记
09-12
尚硅谷的SSM MyBatis笔记是关于使用MyBatis框架进行SSM（Spring + SpringMVC + MyBatis）项目开发的学习笔记。以下是一些主要内容和步骤： 1. MyBatis的二级缓存是指在同一个SqlSession两次查询期间手动清空了缓存...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值