SpringBoot | IDEA 搭建 springboot 项目 + jsp 页面模板

SpringBoot | IDEA 搭建 springboot 项目 + jsp 页面模板,第1张

搭建 springboot 项目,web页面用 jsp 模板

我把自己遇到的问题和解决方法罗列了一下,看看你们会不会也遇到这些问题

Group 和 Artifact 被称为“坐标”,为了保证项目唯一性

Group分为多个段,一般可设成两段,第一段为域,例如org、com、cn,org为非营利组织,com为商业组织;第二段为公司名称

Artifact 为项目名称

其他的可根据自己的需求选择对应的 starter 进行依赖,或者可后期在pom.xml 中配置

在 main 下新增 webapp 目录, 在 webapp 目录下新增 WEB-INF 目录和 jsp 目录,则将 jsp 文件创轿兄猜建在 jsp 目录下

右击 jsp 目录 ->new ->JSP/JSPX page 创建 jsp 文件,例如本文创建 index.jsp

首先,右击尘亮 项目  ->  Open Module Settings

选择Modules  ->  选择Web  ->  点击 + 号  ->  点击 web.xml

选择 main\webapp\WEB-INF 目录,在后面添加上 web.xml,点击ok

web.xml 内容如下:

添加  org.apache.tomcat.embed 的 tomcat-embed-jasper 依赖包和 javax.servlet 的 jstl 依赖包

配置tomcat端口(默认值为8080),可以选择不配置

spring.mvc.view.prefix 和 spring.mvc.view.suffix 是 Spring Boot 约定的视图前缀和后缀的配置,意思是找到 /jsp/ 目录下以 .jsp 为后缀的 JSP 文件

右击 com.spring.demo 目录 ->new ->选择 pakage,新增 controller 包

右闭型击 controller 目录 ->  new ->选择 Java Class,创建 Controller 类 ,本人创建为 IndexController 类

引入注解 @Controller 和 @RequestMapping,返回 jsp 页面

springboot 小 demo 搭建完毕    ^_^

1、首先打开eclipse软件,点击左上角的文件FIle--NewFile新建javaproject;或者在左侧的空白处直接右键--新建

2、快捷方式中没有webproject,可以通过搜索的方式找到webproject。如果没有webproject,可以再这里进行搜索,输入关键字:web即可快速查询到web项目。

3、输入web项目的名称,创建web工程时,输入工程的名称,然后点击Finish完成即可创建成功。

4、创建JSP文件。在web项目中创建jsp文件,可以再webcontent路径下创建XX.jsp,将项目放在tomcat等容器上既可以直接访问

5、文件新建,选择jspFile,输入jsp文件的名称,后缀jsp会自动加上,然后点击完成就会创建一个空的jsp文件模板,里面包含jsp的很多标签等。

6、输入jsp文件的名称。如果是index.jsp表示web项目中的首页,访问时可以不写index.jsp,系统会默认查找index.jsp文件。

7、web项目和普通javaProject区别是名称上有一个类似小地球的图标,类似浏览器图标一样,这样就创建一个web工程项目。

用 include 指令 引入 <%@ include file=" "%> 对于布局 和 静态的 html 一样 table 和 div 来控制。

另外补充 :

include与jsp:include区别jsp中include[1]有两种裤拍形式,分别是神森

<%@ include file=” ”%>

<jsp:include page=” ” flush=”true”/>

前者是指令元素、后者是行为元素。通常当应用程序中所有的页面的某些部分(例如标题、页脚和导航栏)都相同的时候,就可以胡瞎羡考虑用include。<%@ include file=” ”%>,jsp的include指令元素读入指定页面的内容。并把这些内容和原来的页面融合到一起。(这个过程是在翻译阶段:也就是jsp被转化成servlet的阶段进行的。)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12255831.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存