eclipse导入静态网页模板+搭建springboot环境示例+细节问题解决(详细)

最近在做项目实训,导了一个静态网页模板,奈何不知道放哪,放进去又用不了,,最终一番探索成功了,写个文记录下,也希望能为遇到同样情况的小伙伴们提供帮助。🤭
接下来就跟我来康康把~~

一、eclipse导入静态网页模板

1.下载一个静态网页模板
从 站长之家 或者 模板之家 都可以下载,这里附上 站长之家 的地址

首先,康康我下载的静态网页模板的目录结构
在这里插入图片描述
2.eclipse里导入静态网页项目

(1 因为我要做一个基于SSM(Spring+SpringMVC+MyBatis)框架的项目,所以建立了一个Maven项目,
点击查看搭建Maven环境,eclipse创建maven项目详细步骤

(2创建成功后,按下图所示操作:
在这里插入图片描述
其中,项目创建后默认设置jdk1.5,根据项目需求,在pom.xml文件中建立依赖后,还需根据依赖的版本要求,更新jdk版本(右键项目–>选择maven–>Update Project即可更新),这里先做一个说明,后续还会用到。

到此,静态网页模板已经导入了,那么如何验证静态网页模板导入成功呢?

来搭建一个springboot环境,试着运行程序,访问一下页面,如果页面布局和文字与原模板一致,那么导入模板就成功了,就可以基于模板,进行下一步的开发了。

二、搭建springboot环境

1.在pom.xml中配置 父级web启动器

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>nuliya</groupId>
  <artifactId>demo01</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  
  <parent>
				  <groupId>org.springframework.boot</groupId>
					<artifactId>spring-boot-starter-parent</artifactId>
					<version>2.2.2.RELEASE</version> 		
  </parent>
  <dependencies>
				<!--引入 web开发的启动器 -->
				<dependency>
					<groupId>org.springframework.boot</groupId>
					<artifactId>spring-boot-starter-web</artifactId>
				</dependency>
			</dependencies>
</project>

配置完后发现,项目报错
在这里插入图片描述
这是因为此时的项目还在jdk1.5版本,在这里插入图片描述
而配置的父级和启动器要求jdk版本到1.8,因此按照前面所说的方法
右键项目–>选择maven–>Update Project–>如下图所示操作:
在这里插入图片描述
强制更新maven,确定后,项目的jdk就变成1.8了在这里插入图片描述
2.创建控制层
src/main/java目录下新建一个包,取名com
再新建一个包,取名com.controller,(保证下面创建的 启动类App.java 在 控制类MyController.java 的上一级目录,否则会跳转失败,找不到页面
在controller包下新建一个控制类MyController.java

package com.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

//控制类记得加注解
@Controller
public class Mycontroller {
	@GetMapping("/myindex") 
	public String gotoIndex() {
		return "index";
	}

}

3.创建启动类
在com包下新建一个启动类 App.java

package com;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
//记得加注解
@SpringBootApplication
public class App {
	public static void main(String[] args) {
		SpringApplication.run( App.class, args);
	}
}

4.运行启动类
eclipse启动spring成功如下图所示:
在这里插入图片描述
接下来,找个浏览器输入http://localhost:8080/myindex
结果出错了,,啊哈哈哈。。😅
网页出错:
Whitelabel Error Page
This application has no explicit mapping for /error, so you are seeing this as a fallback.this
控制台报错:
Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is java.lang.NullPointerException] with root cause

然后我上网查啊查,加注解,编译错误,导包错误,弄了半天都没解决我的问题 💔💔。。

最后,终于找到一个解决方法。o( ̄▽ ̄)ブ
由于找不到原博文了,没法附上原问题解决作者的文章了

错误原因spring视图解析器错了,换成springboot推荐使用的thymeleaf视图解析器
解决方法:
在pom.xml添加thymeleaf依赖

<dependency>
					<groupId>org.springframework.boot</groupId>
					<artifactId>spring-boot-starter-thymeleaf</artifactId>
				</dependency>

然后重新输入地址,http://localhost:8080/myindex
成功了~~/(ㄒoㄒ)/~~
在这里插入图片描述
然后这个网页的布局和原模版一致,证明我们之前导入模板是成功的!💪

导入模板后,接下来就是基于SSM的开发了,

需要注意有关添加mybatis启动数据库驱动连接池等依赖的 名称版本 问题。

还有application.properties的配置,否则springboot会启动失败。

而且采用thymeleaf模板,在改界面设计时,记得采用thymeleaf的th属性和语法,

相关细节遇到再补充把。

java学习ing.jpg 😊o( ̄▽ ̄)ブ

有其他见解,评论区留言或者私信,一起讨论,纠正。

关注我,努力鸭~和我一起学习鸭~

另外,转载文章请记得附上原文链接哦

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

努力鸭~

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

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

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

打赏作者

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

抵扣说明:

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

余额充值