使用Formatter格式化数据

使用Formatter处理日期
本文介绍了一个简单的示例,展示了如何在Java Web应用中利用Spring框架的Formatter接口来格式化和解析日期类型的输入。通过自定义DateFormatter类实现了Formatter接口,并在UserControl中处理了表单提交的数据。

 代码:

registerForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!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>测试Formatter接口</title>
</head>
<body>
<h3>注册页面</h3>
<form action="register" method="post">
     <table>
         <tr>
         	<td><label>登录名: </label></td>
             <td><input type="text" id="loginname" name="loginname" ></td>
         </tr>
          <tr>
         	<td><label>生日: </label></td>
             <td><input type="text" id="birthday" name="birthday" ></td>
         </tr>
         <tr>
             <td><input id="submit" type="submit" value="登录"></td>
         </tr>
     </table>
</form>
</body>
</html>

success.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!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>测试Formatter</title>
</head>
<body>
登录名:${requestScope.user.loginname }<br>
生日:<fmt:formatDate value="${requestScope.user.birthday}" pattern="yyyy年MM月dd日"/><br>
</body>
</html>

User.java

package com.bean;

import java.io.Serializable;
import java.util.Date;

// 域对象,实现序列化接口
public class User implements Serializable{
	
	private String loginname;
	private Date birthday;

	public User() {
		super();
		// TODO Auto-generated constructor stub
	}

	public String getLoginname() {
		return loginname;
	}

	public void setLoginname(String loginname) {
		this.loginname = loginname;
	}

	public Date getBirthday() {
		return birthday;
	}

	public void setBirthday(Date birthday) {
		this.birthday = birthday;
	}

	@Override
	public String toString() {
		return "User [loginname=" + loginname + ", birthday=" + birthday + "]";
	}
}

DateFormatter.java

package com.formatter;

import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Locale;

import org.springframework.format.Formatter;

public class DateFormatter implements Formatter<Date> {
	// 日期类型模板:如yyyy-MM-dd
	private String datePattern;
	// 日期格式化对象
	private SimpleDateFormat dateFormat;
	// 构造器,通过依赖注入的日期类型创建日期格式化对象
	public DateFormatter(String datePattern) {
		this.datePattern = datePattern;
		this.dateFormat = new SimpleDateFormat(datePattern);
	}

	// 显示Formatter<T>的T类型对象
	public String print(Date date,Locale locale){
		return dateFormat.format(date);
	}
	
	// 解析文本字符串返回一个Formatter<T>的T类型对象。
	public Date parse(String source, Locale locale) throws ParseException {
		try {
			return dateFormat.parse(source);
		} catch (Exception e) {
			throw new IllegalArgumentException();
		}
		
	}

}

UserController.java

package com.control;


import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import com.bean.User;

@Controller
public class UserController{
	private static final Log logger = LogFactory.getLog(UserController.class);
	 
	@RequestMapping(value="/{formName}")
	 public String loginForm(@PathVariable String formName){
		// 动态跳转页面
		return formName;
	} 
	 @RequestMapping(value="/register",method=RequestMethod.POST)
	 public String register(@ModelAttribute User user, Model model) {
		 logger.info(user);
		 model.addAttribute("user", user);
	     return "success";
	 }
}

截图:




效果与ConversionService转换数据差不多。

### 使用 `el-table` 的 `formatter` 属性进行数据格式化 在 Element UI 中,`el-table-column` 组件提供了 `formatter` 属性用于自定义表格列的数据展示方式。通过此属性可以实现复杂的逻辑处理并返回最终显示的内容。 #### 基本用法 对于简单的字符串截取操作: ```javascript // 定义方法,在 methods 或者 computed 中均可 stateFormat(row, column, cellValue, index, maxLength) { if (!cellValue) return ""; if (cellValue.length > maxLength) { return `${cellValue.slice(0, maxLength)}...`; } return cellValue; } ``` 在模板中调用该函数作为 `formatter` 参数传递给 `<el-table-column>`: ```vue <template> <el-table :data="tableData"> <!-- ...其他配置 --> <el-table-column prop="title" label="标题" :formatter="(row, column, cellValue, index) => stateFormat(row, column, cellValue, index, 20)"> </el-table-column> <!-- ...其他配置 --> </el-table> </template> <script> export default { data() { return { tableData: [ // 表格数据... ] }; }, methods: { stateFormat(row, column, cellValue, index, maxLength) { if (!cellValue) return ''; if (cellValue.length > maxLength) { return `${cellValue.slice(0, maxLength)}...`; } return cellValue; } } }; </script> ``` #### 处理复杂情况下的 HTML 输出 当需要输出带有样式或其他标签的HTML内容时,需要注意浏览器的安全机制会自动转义任何尝试注入到DOM中的潜在危险字符。因此直接返回HTML字符串通常不会按预期工作[^1]。 为了安全地渲染富文本或嵌入式组件,建议采用如下策略之一: - **使用 scoped slot** 利用具名插槽(named slots),可以在每一行内编写更灵活的布局结构而不受限于纯文本形式的结果。 ```vue <el-table-column label="状态"> <template v-slot="{ row }"> <span style="color:red;" v-if="row.status === 'error'">错误</span> <span v-else>{{ row.status }}</span> </template> </el-table-column> ``` - **借助第三方库转换Markdown/HTML** 如果确实有必要呈现完整的HTML片段,则可考虑引入像marked这样的工具先将目标串转化为合法节点再插入页面;不过这种方式需谨慎评估其安全性风险[^2]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

潇潇雨歇_

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

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

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

打赏作者

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

抵扣说明:

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

余额充值