上一次我们使用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}。
最后,我们打开浏览器看看效果:
==============================================================
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
相关推荐
spring boot jsp mvc jpa hibernate mysql 示例 sample
Spring Boot学习 Spring Boot Spring MVC MyBatis MySQL Spring
通过Idea创建Spring Boot java项目 基于Spring Boot + MVC 之控制器Controller实现 基于Spring Boot + MVC 之service和持久化层的实现 基于Spring Boot + JPA实现MVC三层框架
基于Spring Boot & Spring MVC开发的教学辅助系统。 > > Version 1.0.5 #### DONE - 用户登录 - 邮箱绑定、解绑 - 密码修改、重置 - 个人资料查看、修改 - 课程资料上传、下载 - 课程视频上传、下载、观看 - 课程...
赠送jar包:spring-webmvc-5.0.8.RELEASE.jar; 赠送原API文档:spring-webmvc-5.0.8.RELEASE-javadoc.jar; 赠送源代码:spring-webmvc-5.0.8.RELEASE-sources.jar; 赠送Maven依赖信息文件:spring-webmvc-5.0.8....
spring boot+spring mvc+spring整合开发**音乐**小程序(含简单服务端) 项目描述 spring boot+spring mvc+spring代理请求**音乐接口获取数据,然后提供给**小程序做显示 运行环境 jdk8+IntelliJ IDEA+maven ...
访问Spring MVC和新的Spring Web Sockets,以实现更简单的Web开发 使用微服务进行Web服务开发并与Spring Boot应用程序集成 无缝添加持久性和数据层,使您的Spring Boot Web应用程序做得更多 使用Spring Boot集成企业...
java后台权限管理系统源码(spring boot+mvc+mybatis)。 项目是maven,相应的jar包也在压缩包里。项目基于jdk1.8整合了springboot+mvc+mybatis(通用mapper)+druid+jsp+bootstrap等技术,springboot+Listener(监听器)...
【BAT必备】spring面试题,spring MVC面试题,spring boot面试题,spring cloud面试题【BAT必备】spring面试题,spring MVC面试题,spring boot面试题,spring cloud面试题【BAT必备】spring面试题,spring MVC面试...
项目描述 学生成绩管理系统,有三...spring boot+spring mvc+mybatis+layui+jquery+thymeleaf http://localhost:8080/Sys/loginView 管理员账号 admin admin 老师登录 2020031920 111111 学生账号登录 20200319 111111
实现简单即时通讯聊天系统、spring boot + mvc + mybatis + netty-sokey.io.zip
项目描述 spring boot+spring mvc+spring代理请求音乐接口获取数据,然后提供给微信小程序做显示 运行环境 jdk8+IntelliJ IDEA+maven 项目技术(必填) spring boot+spring mvc+spring
spring boot、mvc、mybatis、netty-sokey.io 实现简单即时通讯聊天系统
本课程内容包括Spring简介、Spring Boot简介、安装JDK、安装Maven、第一个Spring Boot程序(使用Spring Initializr构建、Spring Boot代码讲解、安装Notepad++)、构建系统、代码、配置、三种方式运行程序、安装...
spring-boot-mvc.jar
java重点面试题-Spring+Spring MVC+Spring Boot+MySQL
支持spring mvc和spring boot图片下载,不需要添加配置,下载路径为浏览器的默认路径。图片的下载地址,直接是图片的访问路径。直接a标签点击后,访问后台Controller直接下载,超级好用
项目采用整合spring boot+mvc+mybatis+netty-sokey.io+html+js实现简单的一对一聊天和聊天室多人聊天
Spring MVC 到 Spring Boot 的简化之路
Spring Boot 2 Recipes quickly introduces you to Pivotal's Spring Boot 2 micro-framework, then dives into code snippets on how to apply and integrate Spring Boot 2 with the Spring MVC web framework, ...