jsp+bootstrap 页面不能正常访问

最新推荐文章于 2024-04-24 16:11:00 发布
最新推荐文章于 2024-04-24 16:11:00 发布
阅读量257 收藏
点赞数
文章标签： bootstrap html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44798321/article/details/120076515
版权

一、javaWeb需要将静态文件挡在static文件夹下
在这里插入图片描述
二、jsp 引用路径要正确
在这里插入图片描述

徐睡睡
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
WebCollector+SpringBoot+Vue+Bootstrap，简易通用式Web应用爬虫
10-18
利用WebCollector+SpringBoot+Vue+Bootstrap搭建的一个Web应用版的爬虫，可以应付多种直观可以见的页面爬取，通过http://localhost:8886/index.jsp即可访问，其中网站输入为爬取网站首页网址，其余分别填写CSS选择器...
jsp页面引入bootstrap时出现异常
rj2017211811的博客
03-04 731
异常: util.js:56 Uncaught TypeError: Cannot read property ‘fn’ of undefined at setTransitionEndSupport (util.js:56) at util.js:147 at util.js:10 at bootstrap.js:9 at bootstrap.js:10 引入的bootstrap的文件 <...
JSP页面无法加载bootstrap，同样的代码可以在静态html中加载
qq_45408824的博客
10-21 475
用IDEA开发javaweb项目时，JSP页面无法加载bootstrap，同样的代码可以在静态html中加载 我遇到的问题原因是自己的javaweb项目中未能将/webapp目录下的lib资源目录设置为资源文件! 导致IDEA无法识别此目录为资源文件，从而无法加载里面的资源静态文件。 解决方法： 打开项目管理 然后点击/lib目录 再点击上面的resources，点击OK 可以看到此时的/lib目录上面有个资源文件的标识： 然后就解决了! ...
安装bootstrap遇到的问题，以及解决办法
chenacxz的博客
04-12 3362
1、安装完毕，启动项目，js无法使用，页面报错如下 因为之前装的lib下的bootstrap版本太高的缘故 找到之前安装路径输入一下命令符 bower install bootstrap#3.0.3 --save-dev 他会提醒你选装， 1）bootstrap#3.0.3 2）bootstrap#4.0.1 在Answer后输入1，回车之后安装完毕...
Bootstrap入门到精通（最全最详细）
Debug的博客
02-22 994
随着Bootstrap的问世，Web开发者不必再花费时间、费力地编码，只需找到合适的代码，插入到合适位置即可。此外，CSS利用LESS编写，很多样式和设计都已设计完成。以上就是今天要讲的内容，本文目前简单介绍了Bootstrap的使用，后续还会继续更行。
bootstrap下载的选项框不能跳转，解决办法
veronicabqy的博客
01-23 2127
由于bootstrap是基于jquary的，所以首先得下载并且引用jquary 3.3.1.js，由于是动态的
毕业设计，基于SSM+MySql+Bootstrap+EasyUI开发的互联网车展平台，内含Java完整源代码，数据库脚本等
01-14
⑴ 两类用户的研究：进入前端页面后，客户可以通过不同标签访问到不同的商品信息，通过不同静态页面了解平台及平台各部分功能。管理员可以对商品进行增加、修改、删除以及分页查看。 ⑵ 功能列表 功能列表主要分为...
毕业设计，基于SSM+Bootstrap+MySql开发的博客论坛系统，内含Java完整源代码，数据库脚本
02-03
点赞评论肯定不能少 博客的重新编辑和删除,方便用户管理 个人首页直接点击文章分类获得标签名,直接查找对应文章,也可以搜索关键字进行文章的查找 想要搜索一些问题?首页的搜索功能就可以满足你,输入关键字或者文章...
bootstrap3.3 布局工具 离线版本 没网络也能用
04-14
bootstrap3.3 布局工具 离线版本 没网络也能用~~~~~~~~~~~~~~~~~~~
Bootstrap V3 中文网 离线页面
05-28
Bootstrap中文网 离线页面，不收分了，希望给你带来方便，该压缩包是Bootstrap的http://v3.bootcss.com/ 离线镜像，下载后解压打开index.htm即可
毕业设计，基于SSM+MySql+Bootstrap开发的带权限的手机电脑自适应新闻博客网站，内含Java完整源代码，数据库脚本
01-20
本系统前台页面是自适应设备的，就是不同的设备访问页面都会自动适应，如手机、电脑、平板等都会自动适应，实现了基本的新闻博客功能：首页展示最新文章新闻、按分类分页展示、异步加载分页、按条件搜索、评论文章等...
JSP_SSM_Bootstrap互联网车展平台+源代码+文档说明+数据库.zip
12-16
⑴ 两类用户的研究：进入前端页面后，客户可以通过不同标签访问到不同的商品信息，通过不同静态页面了解平台及平台各部分功能。管理员可以对商品进行增加、修改、删除以及分页查看。 ⑵ 功能列表 功能列表主要分为...
前端三剑客 HTML+CSS+JavaScript ⑤ HTML文本标签
最新发布
m0_73983707的博客
04-24 235
1.这些不常用的文本标签，编码时不必过于纠结(酌情而定，不用也行)2.blockquote和address是块级元素，其他的文本标签，都是行内元素3.有些语义感不强的标签，很少使用，例如：重要的、语义感强的标签即可；
用html写一个旋转菜单
liulang68的博客
04-24 188
【代码】用html写一个旋转菜单。
Web前端开发之HTML_3
zx1026409886的博客
04-23 725
表单在Web网页中用来给用户填写信息，从而采集用户信息，使网页具有交互功能。所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。表单是由容器和控件组成的，一个表单一般应包含用户填写信息的输入框，按钮等，这些输入框、按钮叫做控件，表单就是容器，它能够容纳各种各样的控件。
用html画一个四叶草
liulang68的博客
04-20 883
以上是部分代码，需要请看主页加联系方式。
HTML 入门
lvshihao_的博客
04-16 1043
全称：Internet Engineering Task Force（国际互联网工程任务组），成立于1985年底，是一个权威 的互联网技术标准化组织，主要负责互联网相关技术规范的研发和制定，当前绝大多数国际互联网技术标准均出自IETF。全称：World Wide Web Consortium（万维网联盟），创建于1994年，是目前Web技术领域，最具影响力的技术标准机构。超文本：暂且简单理解为 “超级的文本”，和普通文本比，内容更丰富。注意：文档声明，必须在网页的第一行，且在 html 标签的外侧。
代码实现一个基于Spring boot + Mybatis-Plus+JQUERY+Bootstrap 的留言板
05-03
首先，我们需要创建一个 Spring Boot 项目，并添加以下依赖： ```xml <!-- Spring Boot Starter Web --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <!-- Mybatis Plus --> <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.4.1</version> </dependency> <!-- MySQL Connector --> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>8.0.23</version> </dependency> <!-- JSP and JSTL --> <dependency> <groupId>org.apache.tomcat.embed</groupId> <artifactId>tomcat-embed-jasper</artifactId> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> </dependency> <!-- Bootstrap and jQuery --> <dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>5.0.0-beta3</version> </dependency> <dependency> <groupId>org.webjars</groupId> <artifactId>jquery</artifactId> <version>3.5.1</version> </dependency> ``` 接着，我们需要配置 MySQL 数据库连接。在 `application.properties` 文件中添加以下配置： ```properties spring.datasource.url=jdbc:mysql://localhost:3306/message_board?useUnicode=true&characterEncoding=utf-8&serverTimezone=Asia/Shanghai spring.datasource.username=root spring.datasource.password=root spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver ``` 其中，`message_board` 是我们新建的数据库名。 接下来，我们需要定义留言实体类 `Message`： ```java @Data @TableName("message") public class Message { @TableId(type = IdType.AUTO) private Long id; private String name; private String content; @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") private Date createTime; } ``` 使用 `@TableName` 注解指定表名，使用 `@TableId` 注解指定主键。 接着，我们需要定义留言 DAO 接口 `MessageMapper`： ```java public interface MessageMapper extends BaseMapper<Message> { } ``` 继承 `BaseMapper` 接口即可自动获得 CRUD 操作。 然后，我们需要定义留言服务实现类 `MessageServiceImpl`： ```java @Service public class MessageServiceImpl extends ServiceImpl<MessageMapper, Message> implements MessageService { } ``` 继承 `ServiceImpl` 类即可自动获得 CRUD 操作的实现。 接下来，我们需要定义留言控制器 `MessageController`： ```java @Controller public class MessageController { @Autowired private MessageService messageService; @GetMapping("/") public String index(Model model) { List<Message> messages = messageService.list(); model.addAttribute("messages", messages); return "index"; } @PostMapping("/add") public String add(Message message) { message.setCreateTime(new Date()); messageService.save(message); return "redirect:/"; } } ``` 使用 `@Autowired` 注解自动注入留言服务实现类。`index` 方法用于展示留言列表，`add` 方法用于添加留言。 最后，我们需要编写留言页面 `index.jsp`： ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE html> <html> <head> <title>留言板</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="/webjars/bootstrap/5.0.0-beta3/css/bootstrap.min.css" rel="stylesheet"> <script src="/webjars/jquery/3.5.1/jquery.min.js"></script> <script src="/webjars/bootstrap/5.0.0-beta3/js/bootstrap.bundle.min.js"></script> </head> <body> <div class="container pt-5"> <div class="row"> <div class="col-md-8"> <h1>留言板</h1> <hr> <ul class="list-unstyled"> <c:forEach items="${messages}" var="message"> <li> <h4>${message.name}</h4> <p>${message.content}</p> <p class="text-muted">${message.createTime}</p> </li> </c:forEach> </ul> </div> <div class="col-md-4"> <h2>添加留言</h2> <hr> <form action="/add" method="post"> <div class="mb-3"> <label for="name" class="form-label">姓名</label> <input type="text" class="form-control" id="name" name="name"> </div> <div class="mb-3"> <label for="content" class="form-label">内容</label> <textarea class="form-control" id="content" name="content" rows="5"></textarea> </div> <button type="submit" class="btn btn-primary">提交</button> </form> </div> </div> </div> </body> </html> ``` 使用 Bootstrap 和 jQuery 实现样式和交互效果。 最后，启动项目并访问 http://localhost:8080/ 即可看到留言板页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

徐睡睡

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值