专栏首页编程直播室Spring Boot 之 MVC1、新建工程2、依赖更新3、编写Controller4、准备Model数据,映射请求路径5、配置JSP模版6、渲染输出

Spring Boot 之 MVC1、新建工程2、依赖更新3、编写Controller4、准备Model数据,映射请求路径5、配置JSP模版6、渲染输出

上一次我们使用Spring Boot开发了一个简单的REST服务应用,那么传统网页应用怎么做呢? 渲染HTML是Spring Boot可以完美胜任的,并且提供了多种模板引擎的默认配置支持,所以在模板引擎的支持下,我们可以很快的上手开发动态网站。

Spring Boot提供了默认配置的模板引擎主要有以下几种:

  • Thymeleaf
  • FreeMarker
  • Velocity
  • Groovy
  • Mustache

Spring Boot建议使用这些模板引擎,避免使用JSP,但JSP有天然的血缘关系,我们教程也是从最简便的地方入手,所以这里我们使用JSP模版。

1、新建工程

接下来我们新建一个工程,Starter Project就是Boot,Legacy Project 就是传统的Spring项目,这里我们选择Starter Project。

右键新建工程

由于JSP模版不能放到classpath下(反正我没有成功),所以这里Packaging选择War。然后其他地方根据项目情况填写。

工程项目信息

2、依赖更新

点击Finish结束,接下来就自动编译了,由于默认使用的是maven管理依赖,不出意外伟大的墙这个时候就跳出来了,我一般是用代理解决这个问题。

编辑C:\Users\username.m2\settings.xml文件:

<settings>  
<proxies>    
   <proxy>    
     <id>myProxy</id>    
     <active>true</active>    
     <protocol>http</protocol>    
     <host>127.0.0.1</host>    
     <port>1080</port>
     <!--
     <username>XXXXX</username>    
     <password>XXXXX</password>    
     <nonProxyHosts>*.XXX.com|XXX.org</nonProxyHosts>
-->  
   </proxy>    
 </proxies>  
 </settings>  

当IDE里面没有错误的时候,说明更新好了。

3、编写Controller

和RESTController 一样,通过@Controller注解我们编写一个Controller类:

@Controller
@SpringBootApplication
public class SpringBootWebApplication {

    public static void main(String[] args) {
        SpringApplication.run(SpringBootWebApplication.class, args);
    }

}

科学的写法应该是针对业务领域,单独写一个Controller类,这里我为了简化代码把SpringBootWebApplication些微Controller类。

4、准备Model数据,映射请求路径

我们现在application.propeties中准备点数据,当然这个数据你可以从数据库取也行:

application.message=Hello JSP Template

接下来我们针对请求路径"/"写个映射方法,并从配置文件中读取数据,返回到客户端:

@Controller
@SpringBootApplication
public class SpringBootWebApplication {

    @Value("${application.message:Hello World}")
    private String message;
    
    @Value("${application.message2:Hello World2}")
    private String message2;
    
    public static void main(String[] args) {
        SpringApplication.run(SpringBootWebApplication.class, args);
    }
    
    @RequestMapping("/")
    public String welcome(Map<String, Object> model) {      
        model.put("time", new Date());
        model.put("message", this.message);
        model.put("message2", this.message2);
        return "welcome";
    }
}

在Controller类中,我们通过@Value注解获取配置文件中的application.message值。在映射方法中通过Map来传递Model,最后通过“welcome”视图来渲染。由于application.message2没有值,所以会使用默认值Hello World2。

5、配置JSP模版

请求和模型都已经准备好了,我们接下来配置JSP模版,修改application.properties如下:

spring.mvc.view.prefix=WEB-INF/jsp/
spring.mvc.view.suffix=.jsp

第一个表示模版存放位置,第二个是模版文件后缀名。

6、渲染输出

由于前面返回welcome,所以通过welcome视图来渲染,我们在WEB-INF/jsp/目录下新建welcome.jsp文件来显示数据:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!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=UTF-8">
<title>Spring Boot Web MVC Demo</title>
</head>
<body>
    <c:url value="/resources/text.txt" var="url" />
    <spring:url value="/resources/text.txt" htmlEscape="true"
        var="springUrl" />
    Spring URL: ${springUrl} at ${time}
    <br> JSTL URL: ${url}
    <br> Message: ${message}
    <br> Message2: ${message2}
</body>
</html>

如果你熟悉html和jsp的话,上面代码不难理解,model数据通过${}来获取展示,例如:message是${message}。 最后,我们打开浏览器看看效果:

网页输出效果

转载请注明: http://www.techcave.cn http://tedeum.iteye.com

============================================================== Ionic 2 实例开发


Ionic 2 安装 环境安装 创建Ionic项目 测试运行项目 Ionic 2 项目结构 ./src/index.html ./src/ ./src/app/app.html Ionic 2 应用剖析 0 开始之前 1 创建一个新的Ionic 2 应用 2 目录结构 Root Components 模版 App Module 总结 Ionic 2 添加页面 创建页面 创建附加页面 使用 Ionic 2 开发Todo应用 0 开始之前 1 创建新的Ionic 2工程 2. 设置主页(Home page) 3 持久化数据保存 4 总结 Ionic 2 实现列表滑动删除按钮 1.创建Ionic2应用 2.准备列表数据 3.修改主页(HOME)的模版 4.创建方法删除数据 5.添加一个编辑按钮 总结 Angular 2 新概念和语法 Angular 2 & Ionic 2 概念 Angular 2 语法 Ionic 2 导航简明指南 入栈出栈(Pushing and Popping) 什么时候使用导航栈?什么时候使用rootPage? Ionic 2 基本导航功能 总结 Ionic 2 中使用管道处理数据 1.生成一个新应用 2.创建一个管道 3.使用管道 总结 Ionic 2 中使用HTTP与远程服务器交互数据 开始之前 我们需要一个列表 3.获取远程数据 4.推送数据到服务器 总结 Ionic 2 中的样式与主题 Ionic 2主题简介 创建Ionic 2应用主题的方式 没有苹果电脑打包iOS平台的 Ionic 2程序 开始之前 1 创建一个Ionic 2的应用 2 建立Ionic Cloud 3 生成证书和创建一个安全概要 4 使用Ionic Package 命令 总结 Ionic 2中使用百度地图和Geolocation 新建项目 加入百度地图SDK库 加载地图 获取定位 坐标转换 地图定位 激活百度地图导航 总结 在Ionic 2 Native中使用Cordova插件 Ionic 和 Cordova 的误解 使用Ionic Native 使用没有包含在Ionic Native中的插件 Ionic 2 中添加图表 1. 照例新建一个项目 2. 安装Chart.js 3. 在模版中使用 总结 Ionic 2 中的创建一个闪视卡片组件 1. 创建一个新的应用作为例子 2. 什么是组件? 3. 创建组件模版 4. 创建组件类 5. 创建 CSS 动画 6. 添加组件到模版 总结 Ionic 2 中创建一个照片倾斜浏览组件 1. 创建一个新的应用 2. 实现照片倾斜浏览组件 3. 使用照片倾斜浏览组件 总结 Ionic 2 中实现一个简单的进度条 理解 自定义组件中的 Input 和 output 1.创建一个新的应用 2.创建组件 修改src/components/progress-bar/progress-bar.ts如下: 3.使用这个组件 总结 使用VS Code在Chrome中调试Ionic 2 优化你的Ionic2应用 打开Angular产品模式 修改(click) 为 (tap) 使用 --prod 参数编译 总结 Ionic 2 开发遇到的问题及处理集 Console.log 不输出 编译Android报错:compileArmv7DebugJavaWithJavac 一些更新命令 错误:Error: listen EADDRINUSE 0.0.0.0:53703

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 新增章节——Ionic 2 中创建一个照片倾斜浏览组件内容简介 Ionic 2 实例开发 新增章节将为你介绍:同期新增和修改的章节还有:

    孙亖
  • 新增章节——Ionic 2 中添加图表

    孙亖
  • Ionic 2 应用剖析0 开始之前1 创建一个新的Ionic 2 应用2 目录结构3. Class 定义Root Components 模版App Module总结

    孙亖
  • JVM致命错误日志(hs_err_pid.log)分析

    当jvm出现致命错误时,会生成一个错误文件 hs_err_pid<pid>.log,其中包括了导致jvm crash的重要信息,可以通过分析该文件定位到导致cr...

    用户1263954
  • JVM致命错误日志(hs_err_pid.log)分析

    当jvm出现致命错误时,会生成一个错误文件 hs_err_pid<pid>.log,其中包括了导致jvm crash的重要信息,可以通过分析该文件定位到导致cr...

    九州暮云
  • UNPv2第五章:Posix消息队列

    消息队列可认为是一个消息链表。有足够写权限的线程可往队列里放置消息,有足够读权限的线程可从队列里取走消息。 队列中每个消息都具有如下属性:  一个...

    提莫队长
  • 相互揭短:看SAP的人如何评价Oracle

    很多网友要找Oracle和SAP的对比,此文从软件的成熟度和技术先进性上、创新力和软件的功能等六个方面进行了比对,但从此文通篇可以看出作者有SAP倾向,不过至少...

    人称T客
  • 如何充分利用SAP许可证?

    为没有使用过的东西买单是不划算的,而软件许可使用不当也很糟糕,对于软件巨头SAP的客户而言,只是做最低程度的SAP 许可管理是远远不够的。 T媒体曾在画皮SAP...

    人称T客
  • SAP Cloud for Customer(C4C)的一些学习资料

    1. 登录https://help.sap.com, 搜索栏里输入cloud for customer:

    Jerry Wang
  • SAP Cloud for Customer(C4C)的一些学习资料

    1. 登录https://help.sap.com, 搜索栏里输入cloud for customer:

    Jerry Wang

扫码关注云+社区

领取腾讯云代金券