搭建WEB项目过程中,哪些点需要注意:

1、技术选型:

前端:freemarker、vue

后端:spring boot、spring mvc

2、如何包装返回统一结构结果数据?

首先要弄清楚为什么要包装统一结构结果数据,这是因为当任意的ajax请求超时或者越权操作时,系统能返回统一的错误信息给到前端,前端通过封装统一的ajax请求统一处理这类错误信息(这样统一就避免每次都需要额外处理)。

那如何包装结构呢?

先封装统一返回结果结构对象 JsonMessage:

public class JsonMessage extends HashMap<String, Object> {

    private static final long serialVersionUID = -7149712196874923440L;

    public JsonMessage() {
this.put("status", 200);
} public JsonMessage(boolean status) {
putStatus(status);
} public JsonMessage(String msg) {
this.put("status", 200);
this.put("msg", msg);
} public JsonMessage(boolean status, String msg) {
this.put("msg", msg);
putStatus(status);
} public JsonMessage(String key,Object object) {
this.put("status", 200);
this.put(key, object);
} public JsonMessage(boolean status, String msg, String key, Object value) {
this.put("msg", msg);
putStatus(status);
this.put(key, value);
} public JsonMessage putStatusAndMsg(int code, String msg) {
this.put("status", code);
this.put("msg", msg);
return this;
} public JsonMessage putStatusAndMsg(boolean status, String msg) {
putStatus(status);
this.put("msg", msg);
return this;
} public JsonMessage putStatus(int code) {
this.put("status", code);
return this;
} public JsonMessage putStatus(boolean status) {
if(status){
this.put("status", 200);
}else{
this.put("status", 500);
}
return this;
} public JsonMessage putRedirectUrl(String redirectUrl) {
this.put("url", redirectUrl);
this.put("status", 501);
return this;
} public JsonMessage putMsg(String msg) {
this.put("msg", msg);
return this;
} public JsonMessage put(String arg0, Object arg1) {
super.put(arg0, arg1);
return this;
} }

如何处理包装结果给前端呢?

方法一:所有的controller里ajax请求都返回JsonMessage对象;

方法二:通过 ResponseBodyAdvice 处理;

方法三:通过 HandlerMethodReturnValueHandler 拦截@ResponseBody注解或自定义注解  处理(不太懂的童鞋请百度);

3、如果统一处理异常?

继承 HandlerExceptionResolver 接口即可处理所有异常了,所以这也得分是否ajax请求。然后按不同请求类型处理:


/**
* 统一异常处理,不论是正常跳转请求还是ajax请求都能处理,
*/
@Component
public class GlobalExceptionResolver implements HandlerExceptionResolver { private static Logger logger = LoggerFactory.getLogger(GlobalExceptionResolver.class); @Override
public ModelAndView resolveException(HttpServletRequest request, HttpServletResponse response, Object handler, Exception e) {
if (handler instanceof HandlerMethod) {
HandlerMethod handlerMethod = (HandlerMethod) handler;
String referer = request.getHeader("Referer");
String exceptionMsg = "系统异常,请稍后操作";
String userId = null;
String userName = null;
Object object = request.getSession().getAttribute(Constant.SESSION_USER);
if (object != null) {
LoginUser user = (LoginUser) object;
userName = user.userName();
userId = user.getUserId();
}
if (e instanceof BusinessException) {
logger.warn(StringUtil.format("业务异常,当前请求URL:{} 操作用户编号:{} {} \n访问来源:{} \n参数:{}", request.getRequestURL(), userId,
userName, referer, JsonUtils.beanToJson(request.getParameterMap())), e);
BusinessException exception = (BusinessException) e;
exceptionMsg = exception.getMessage();
} else {
logger.error(StringUtil.format("系统异常,当前请求URL:{} 操作用户编号:{} {} \n访问来源:{} \n参数:{}", request.getRequestURL(), userId,
userName, referer, JsonUtils.beanToJson(request.getParameterMap())), e);
}
if (AnnotationHandleUtils.isAjaxAnnotation(handlerMethod)) {
JsonMessage jmsg = new JsonMessage(false, exceptionMsg);
try {
WebHelper.write(response, jmsg.toString(), HttpStatus.OK.value());
} catch (IOException e1) {
logger.error("发送数据异常", e1);
}
return new ModelAndView();
}
ModelAndView modelView = new ModelAndView("common/500"); //跳转到500错误页面
return modelView.addObject(Constant.ERROR_MES_KEY, exceptionMsg);
}
return null;
}
}

配置servlet 404、500异常跳转地址:

@Bean
public EmbeddedServletContainerCustomizer containerCustomizer() { return new EmbeddedServletContainerCustomizer() {
@Override
public void customize(ConfigurableEmbeddedServletContainer container) {
ErrorPage error404Page = new ErrorPage(HttpStatus.NOT_FOUND, "/common/404.html");
ErrorPage error500Page = new ErrorPage(HttpStatus.INTERNAL_SERVER_ERROR,
"/common/500.html");
ErrorPage errorpage = new ErrorPage("/common/500.html");
container.addErrorPages(error404Page, error500Page,errorpage);
}
};
}

4、如果优雅的处理按钮级别权限?

因为前端采用的是Vue,清楚vue的知道它的表现就是通过model控制view的,所以前端就是在页面渲染 mounted 的时候用ajax去请求,通过返回的字段信息判断是否要显示某按钮或者链接或者视图块。

那后端要如何才能做到验证权限呢?

采用 HandlerMethodReturnValueHandler 拦截所有需要返回权限信息的ajax请求,再根据 methodParameter能获取到method对象,然后就能获取到method上的权限注解信息了再统一调用鉴权服务,再把结果包装到JsonMessage对象返回就可以了。

5、如何配置消息装换器?

首先要弄清楚为什么需要配,因为我们需要按项目要求来下自定义Jackson转换json规范,比如:date类型默认情况是转成时间戳,那这对于前端就需要再装换才可以。再比如null值的对象是否要在json中输出默认是会输出,那我们也可以改成不输出。当然还有其他的就不举例了。


/**
* 通过继承 WebMvcConfigurerAdapter 来配置spring mvc
*
*/
@Configuration
public class ApplicationConfiguration extends WebMvcConfigurerAdapter{ @Autowired
private LoginInterceptor loginInterceptor; @Autowired
private PermissionInterceptor permissionInterceptor; @Autowired
private ResponseBodyResolver responseBodyResolver; /**
* 可以注入spring mvc提供的 RequestMappingHandlerAdapter bean
*/
@Autowired
private RequestMappingHandlerAdapter requestMappingHandlerAdapter; @Autowired
private DateConverter dateConverter; /**
* 添加interceptors
*/
@Override
public void addInterceptors(InterceptorRegistry registry) {
registry.addInterceptor(loginInterceptor);
registry.addInterceptor(permissionInterceptor);
super.addInterceptors(registry);
} /**
* 配置消息转换器
*/
@Override
public void configureMessageConverters(List<HttpMessageConverter<?>> converters) {
converters.add(new ByteArrayHttpMessageConverter());
converters.add(mappingJackson2HttpMessageConverter()); //配置jackson2
super.configureMessageConverters(converters);
} public MappingJackson2HttpMessageConverter mappingJackson2HttpMessageConverter(){
MappingJackson2HttpMessageConverter mappingJackson2HttpMessageConverter = new MappingJackson2HttpMessageConverter();
mappingJackson2HttpMessageConverter.setSupportedMediaTypes(
Lists.newArrayList(MediaType.TEXT_PLAIN,MediaType.APPLICATION_JSON_UTF8));
ObjectMapper objectMapper= new ObjectMapper();
//属性命名规则,这个一般不需要配
objectMapper.setPropertyNamingStrategy(new LowerCasePropertyNamingStrategy());
objectMapper.configure(MapperFeature.ALLOW_EXPLICIT_PROPERTY_RENAMING, true);
objectMapper.setSerializationInclusion(JsonInclude.Include.NON_NULL);
//默认date属性格式,可以其它的
objectMapper.setDateFormat(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"));
mappingJackson2HttpMessageConverter.setObjectMapper(objectMapper);
return mappingJackson2HttpMessageConverter;
} @Override
public void addReturnValueHandlers(List<HandlerMethodReturnValueHandler> returnValueHandlers) {
returnValueHandlers.add(responseBodyResolver);
super.addReturnValueHandlers(returnValueHandlers);
} /**
* 配置属性编辑器,主要是当前端form提交字符串时转成date类型
*/
@PostConstruct
public void webBindingInitializer(){
requestMappingHandlerAdapter.setWebBindingInitializer(dateConverter);
} } @Component
public class DateConverter implements WebBindingInitializer{ @Override
public void initBinder(WebDataBinder binder, WebRequest request) { binder.setAutoGrowCollectionLimit(Integer.MAX_VALUE);
// CustomDateEditor只要继承PropertyEditorSupport
CustomDateEditor dateEditor = new CustomDateEditor(CustomDateEditor.TIMEFORMAT, true); //注册自定义的属性编辑器 表示如果命令对象有Date类型的属性,将使用该属性编辑器进行类型转换
binder.registerCustomEditor(Date.class, dateEditor); } }

6、项目示例:

6.1  项目依赖 pom.xml:

<?xml version="1.0"?>
<project
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"
xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>1.4.2.RELEASE</version>
<relativePath />
</parent> <artifactId>web-demo</artifactId>
<dependencies>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.1.0</version>
</dependency>
<!-- spring-boot -->
<dependency>
<groupId>org.mybatis.spring.boot</groupId>
<artifactId>mybatis-spring-boot-starter</artifactId>
<version>${mybatis.spring.boot.version}</version>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
<!-- <dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<optional>true</optional>
</dependency>-->
</dependencies> </project>

application.properties:

logging.config=classpath:conf/xml/logback.xml

#freemarker config info
spring.freemarker.templateEncoding=UTF-8
spring.freemarker.cache=false
spring.freemarker.charset=UTF-8
spring.freemarker.check-template-location=true
spring.freemarker.content-type=text/html
spring.freemarker.expose-request-attributes=false
spring.freemarker.expose-session-attributes=false
spring.freemarker.request-context-attribute=rc
spring.freemarker.templateLoaderPath=classpath:/templates/pages
#这没加后缀是因为在代码里手动标名后缀
spring.freemarker.suffix=
spring.freemarker.view-names=*.html #server config
server.session.timeout=1800
server.contextPath=/demo
server.port=8080
#server.compression.enabled=true
#server.compression.min-response-size=1024
#server.tomcat.max-threads=500 #resource config
spring.resources.chain.cache=false
spring.resources.static-locations=classpath:/static/
#spring.resources.cache-period=60 #cache config
spring.cache.type=guava
#缓存最大数量1000条, 缓存失效时间5分钟
spring.cache.guava.spec=maximumSize=1000,expireAfterAccess=10m spring.http.multipart.max-file-size=5Mb
spring.http.multipart.max-request-size=5Mb
spring.http.multipart.enabled=true

6.2 启动类:

@PropertySource(value={"classpath:conf/env/datasource.properties",
"classpath:conf/env/message.properties",
"classpath:conf/env/config.properties"})
@SpringBootApplication
@EnableTransactionManagement
@EnableAutoConfiguration(exclude=RabbitAutoConfiguration.class)
@EnableCaching
@MapperScan("com.test.demo.persistence")
@ComponentScan(value={"com.test.demo"})
//导入spring xml文件
//@ImportResource(locations = { "classpath*:/spring.xml" })
public class WebDemoApplication { private final static Logger logger = LogManager.getLogger(WebDemoApplication.class); public static void main(String[] args) {
System.setProperty("spring.config.location", "classpath:conf/env/application.properties");
SpringApplication.run(WebDemoApplication .class, args);
logger.info("start completed !");
} @Bean
public EmbeddedServletContainerCustomizer containerCustomizer() { return new embeddedServletContainerCustomizer() {
@Override
public void customize(ConfigurableEmbeddedServletContainer container) {
ErrorPage error404Page = new ErrorPage(HttpStatus.NOT_FOUND, "/common/404.html");
ErrorPage error500Page = new ErrorPage(HttpStatus.INTERNAL_SERVER_ERROR, "/common/500.html");
ErrorPage errorpage = new ErrorPage("/common/500.html");
container.addErrorPages(error404Page, error500Page,errorpage);
}
};
} }

Spring Boot搭建Web项目常用功能的更多相关文章

  1. spring boot 搭建web项目常见五种返回形式

    在web项目中一般常见的五种返回形式: 返回页面,使用模板引擎,spring boot推荐使用thymeleaf,类似的还有freemarker等. 返回字符串(json),一般用于完全的前后端分离开 ...

  2. 使用Spring Boot开发Web项目(二)之添加HTTPS支持

    上篇博客使用Spring Boot开发Web项目我们简单介绍了使用如何使用Spring Boot创建一个使用了Thymeleaf模板引擎的Web项目,当然这还远远不够.今天我们再来看看如何给我们的We ...

  3. 【spring boot】5.spring boot 创建web项目并使用jsp作前台页面

    贼烦的是,使用spring boot 创建web项目,然后我再idea下创建的,but 仅仅启动spring boot的启动类,就算整个项目都是好着的,就算是能够进入controller中,也不能成功 ...

  4. 基于Spring boot的web项目搭建教程(一)

    前言: 本教程参考了大量前辈的代码,在此不方便一一列举.本教程使用IDEA开发工具搭建项目,对于本人的IDEA已经集成了某些插件,比如Lombok,Thymeleaf,yml等插件,这些插件不在文中提 ...

  5. Spring Boot从入门到实战:整合Web项目常用功能

    在Web应用开发过程中,一般都涵盖一些常用功能的实现,如数据库访问.异常处理.消息队列.缓存服务.OSS服务,以及接口日志配置,接口文档生成等.如果每个项目都来一套,则既费力又难以维护.可以通过Spr ...

  6. 使用Spring Boot开发Web项目

    前面两篇博客中我们简单介绍了Spring Boot项目的创建.并且也带小伙伴们来DIY了一个Spring Boot自动配置功能,那么这些东西说到底最终还是要回归到Web上才能体现出它的更大的价值,so ...

  7. Spring MVC 搭建web项目示例

    环境为Eclipse 1:新建Dynamic web project  : springMvcDemo 2:下载spring的jar包,把jar包复制到WEB-INF/lib目录下 3.添加配置文件w ...

  8. 03.基于IDEA+Spring+Maven搭建测试项目--常用dependency

    <!--常用的依赖配置--> <!--未展示完整的pom.xml文件内容--> <properties> <java.version>1.8</j ...

  9. spring boot 创建web项目并使用jsp作前台页面

    参考链接:https://www.cnblogs.com/sxdcgaq8080/p/7712874.html

随机推荐

  1. 人工智能之一般合一算法Java实现之

    import java.util.ArrayList; import java.util.Arrays; import java.util.List; import java.util.Scanner ...

  2. Python 日常技巧

    jupyter notebook 本地开启jupyter,画图需打开限制:jupyter notebook --NotebookApp.iopub_data_rate_limit=2147483647 ...

  3. 记一次生产环境thrift服务的配置问题

    问题现象 有客户反馈我们的产品有时反应很慢,处理会出现超时. 问题分析过程 1.第一反应可能是用户增加,并发量太大了,询问了运营,最近用户注册数据并没有猛增. 2.分析access日志,发现有隔一段时 ...

  4. C语言窗口例子

    #include <windows.h> LRESULT CALLBACK WndProc( HWND, UINT, WPARAM, LPARAM ) ; //声明用来处理消息的函数 in ...

  5. 【病毒分析】对一个vbs脚本病毒的分析

    [病毒分析]对一个vbs脚本病毒的分析 本文来源:i春秋社区-分享你的技术,为安全加点温度 一.前言 病毒课老师丢给我们一份加密过的vbs脚本病毒的代码去尝试分析,这里把分析过程发出来,供大家参考,如 ...

  6. 10分钟看懂Docker和K8S

    本文来源:鲜枣课堂 2010年,几个搞IT的年轻人,在美国旧金山成立了一家名叫"dotCloud"的公司. 这家公司主要提供基于PaaS的云计算技术服务.具体来说,是和LXC有关的 ...

  7. Kali学习笔记28:Burpsuite(下)

    文章的格式也许不是很好看,也没有什么合理的顺序 完全是想到什么写一些什么,但各个方面都涵盖到了 能耐下心看的朋友欢迎一起学习,大牛和杠精们请绕道 扫描: 上一篇介绍到了爬网,那么到这里我以及爬取了一个 ...

  8. [Postman]代理(16)

    代理服务器充当内部网络和Internet之间的安全屏障,使Internet上的其他人无法访问内部网络上的信息. 什么是代理? 在基本网络中,客户端向服务器发出请求,服务器发回响应. 代理服务器是充当计 ...

  9. 使用ajax的post方式下载excel

    项目需求,前端发起ajax请求,后端生成excel并下载,同时需要在header头中,带上token验证信息,参考了很多文章,最终实现如下: PHP后端使用base64: $filename = 'd ...

  10. 快速熟悉Matlab

    一 获取数组长度: d = size(X) [m,n] = size(X) m = size(X,dim) [d1,d2,d3,...,dn] = size(X) 二  注释和取消注释. 点击ctrl ...