springboot+hibernate开发中的坑

1. Springboot2.0 限制文件上传的配置:百度都是针对Springboot1.x的.

# MULTIPART (MultipartProperties)
spring.servlet.multipart.enabled=true # Whether to enable support of multipart uploads.
spring.servlet.multipart.file-size-threshold=0 # Threshold after which files are written to disk. Values can use the suffixes "MB" or "KB" to indicate megabytes or kilobytes, respectively.
spring.servlet.multipart.location= # Intermediate location of uploaded files.
spring.servlet.multipart.max-file-size=1MB # Max file size. Values can use the suffixes "MB" or "KB" to indicate megabytes or kilobytes, respectively.
spring.servlet.multipart.max-request-size=10MB # Max request size. Values can use the suffixes "MB" or "KB" to indicate megabytes or kilobytes, respectively.
spring.servlet.multipart.resolve-lazily=false # Whether to resolve the multipart request lazily at the time of file or parameter access.

其他配置可以查看官网

2. SpringBoot内嵌的Tomcat对上传文件有限制,会切断Responese的响应。

需要自己创建新的ConnectorsEnable Multiple Connectors with Tomcat

3.swagger2碰到 @manytomany,启动会出现错误

Springfox 2.7.0 with M:n-Relation; Failed to start bean 'documentationPluginsBootstrapper'; nested exception is com.google.common.util.concurrent.ExecutionError: java.lang.StackOverflowError

暂时没有办法解决:官方是这么回复

4.jackson碰到@manytomany双向关联,response会出现循环引的溢出

同Jackson的注解,允许一方管理关系。通过注解@JsonManagedReference``@JsonBackReference
参考详细
http://www.sonymoon.com/archives/92

5. 使用注解@JsonManagedReference,@JsonBackReference,前台提交application/json;charset=UTF-8,后台会有错误

org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/json;charset=UTF-8' not supported

通过注解@JsonIgnore,将其中一方忽略 

6. @PutMapping不能获取参数,为null

@PutMapping获取参数的方式和PostMapping不一样

## 7. 在继承QuartzJobBean的任务类中,如果使用类JPA
实体类是@ManyToMany,注意user.getOrganizations。不能注入Service

“`java
public class SampleJob extends QuartzJobBean {

private String name;

// Invoked if a Job data map entry with that name
public void setName(String name) {
    this.name = name;
}

@Override
protected void executeInternal(JobExecutionContext context)
        throws JobExecutionException {

    UserService userService = Global.applicationContext.getBean(UserService.class);
    User user = userService.findById(1);

    System.out.println(String.format("Hello %s! time is %s", this.name,
            new SimpleDateFormat("HH:mm:ss").format(new Date())) + " -> " + user.getOrganizations());
}

}
异常信息
org.hibernate.LazyInitializationException: failed to lazily initialize a collection of role: com.yodean.oa.sys.user.entity.User.organizations, could not initialize proxy – no Session
at org.hibernate.collection.internal.AbstractPersistentCollection.throwLazyInitializationException(AbstractPersistentCollection.java:582) ~[hibernate-core-5.2.14.Final.jar:5.2.14.Final]
at org.hibernate.collection.internal.AbstractPersistentCollection.withTemporarySessionIfNeeded(AbstractPersistentCollection.java:201) ~[hibernate-core-5.2.14.Final.jar:5.2.14.Final]
at org.hibernate.collection.internal.AbstractPersistentCollection.initialize(AbstractPersistentCollection.java:561) ~[hibernate-core-5.2.14.Final.jar:5.2.14.Final]
at org.hibernate.collection.internal.AbstractPersistentCollection.read(AbstractPersistentCollection.java:132) ~[hibernate-core-5.2.14.Final.jar:5.2.14.Final]
at org.hibernate.collection.internal.PersistentSet.toString(PersistentSet.java:299) ~[hibernate-core-5.2.14.Final.jar:5.2.14.Final]
at java.lang.String.valueOf(String.java:2994) ~[na:1.8.0_111]
at java.lang.StringBuilder.append(StringBuilder.java:131) ~[na:1.8.0_111]
at com.yodean.oa.common.job.SampleJob.executeInternal(SampleJob.java:33) ~[classes/:na]
at org.springframework.scheduling.quartz.QuartzJobBean.execute(QuartzJobBean.java:75) ~[spring-context-support-5.0.4.RELEASE.jar:5.0.4.RELEASE]
at org.quartz.core.JobRunShell.run(JobRunShell.java:202) ~[quartz-2.3.0.jar:na]
at org.quartz.simpl.SimpleThreadPool$WorkerThread.run(SimpleThreadPool.java:573) [quartz-2.3.0.jar:na]

2018-03-23 17:43:50.952 ERROR 77460 — [ryBean_Worker-1] org.quartz.core.ErrorLogger : Job (TASK.t1 threw an exception.“`

[http://codrspace.com/Khovansa/spring-quartz-with-a-database/](http://codrspace.com/Khovansa/spring-quartz-with-a-database/)
[https://stackoverflow.com/questions/6990767/inject-bean-reference-into-a-quartz-job-in-spring](https://stackoverflow.com/questions/6990767/inject-bean-reference-into-a-quartz-job-in-spring)
[https://stackoverflow.com/questions/32336152/spring-boot-quartz-lazyinitializationexception](https://stackoverflow.com/questions/32336152/spring-boot-quartz-lazyinitializationexception)

## 8. jackson标签`@JsonIgnore`
* 我之前认为response的时候只是不会打印出去。
* 但是我发现,有注解`@JsonIgnore`的字段,使用`@RequestBody`,接受参数有问题。**接受不到**

## 9. SpringMVC @RequestBody 用map接收请求参数的问题解决
用`@RequestParam`,然后就对了。。对了。。了。。**这个注解必须要写**
```java
 @GetMapping("/tree")
    public Result<List<TreeNode>> getOrgsAsTree(@RequestParam Map<String, Object> params) {

    }

Set<Integer> List<Integer>接收参数都必须加注解@RequestParam
JavaBean,Integer[]等基本类型可以不用加

集合类不写注解会抛出异常

No primary or default constructor found for interface java.util.Set

10 JPA扩展Repository

http://www.baeldung.com/spring-data-jpa-method-in-all-repositories

注意在实现方法上,必须使用注解@Transactional
不然保存会失败

@Transactional
    public void updateNonNull(T t) {

        try {
            ID id = (ID)PropertyUtils.getProperty(t, "id");
            T persist = findById(id).get();
            NullAwareBeanUtilsBean.getInstance().copyProperties(persist, t);
            save(persist);
        } catch (Exception e) {
            throw new OAException(ResultEnum.UNKNOW_ERROR);
        }
    }

11 JPA 实体类最佳实践

如果字段名和数据库列名不对应,要显示地写出@column

   @Column(name = "user_id")
    private Integer userId;

不然在使用注解,无法正常启动

uniqueConstraints = {@UniqueConstraint(columnNames={"category", "category_id", "user_id", "del_flag"})}

12 用List Set代替数组

13 Entity类中用String代替Character

14 SpringBoot 消息推送(SSE)

spring封装了对sse的操作
https://www.logicbig.com/tutorials/spring-framework/spring-web-mvc/sse-emitter.html

15 文件预览

office在线预览: https://blogs.office.com/en-us/2013/04/10/office-web-viewer-view-office-documents-in-a-browser/
office 转pdf -> mozilla/pdf.js 查看pdf文件

  • 如何word转pdf
    1. 安装libreoffice
      yum install libreoffice
    2. 执行命令
soffice --headless --invisible --convert-to pdf /mnt/a.docx --outdir /mnt

参考链接http://bakcom.iteye.com/blog/2397446
* 乱码解决方案

参考链接:https://blog.csdn.net/wlwlwlwl015/article/details/51482065

第一个子元素的margin-top会顶开父元素与父元素相邻元素的间距

今天遇到一个css,奇怪的问题:

第一个子元素的margin-top会顶开父元素与父元素相邻元素的间距,why?

<!DOCTYPE html>
<html lang="en">
<head>

    <style>
        .pat {
            height: 100px;
            background-color: red;
        }
        h1 {
            margin-top: 30px;
        }
    </style>
</head>
<body>
    <div class="pat">
        <h1>hello man</h1>
    </div>
</body>
</html>

div没有在最顶部显示,反而是h1置顶了。如图:

http://xhope.top/wp-content/uploads/2018/01/1111.png

这个问题发生的原因是根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。

再说了白点就是:父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己“领导”(父元素,祖先元素)的麻烦。只要给领导设置个有效的 border或者padding就可以有效的管制这个目无领导的margin防止它越级,假传圣旨,把自己的margin当领导的margin执行。
对于垂直外边距合并的解决方案上面已经解释了,为父元素例子中的middle元素增加一个border-top或者padding-top即可解决这个问题。

参考链接http://www.hicss.net/do-not-tell-me-you-understand-margin/

logback.xml基本配置

由于版本不一样,logback的配置总存在差异,导致不能正常使用。

我的版本

slf4j: 1.7.25
logback: 1.2.3
参考官网:https://logback.qos.ch/documentation.html

<?xml version="1.0" encoding="UTF-8"?>
<!--
scan:当此属性设置为true时,配置文件如果发生改变,将会被重新加载,默认值为true。
scanPeriod:设置监测配置文件是否有修改的时间间隔,如果没有给出时间单位,默认单位是毫秒当scan为true时,此属性生效。默认的时间间隔为1分钟。
debug:当此属性设置为true时,将打印出logback内部日志信息,实时查看logback运行状态。默认值为false。
-->
<configuration scan="false" scanPeriod="60 seconds" debug="true">
    <!-- 定义日志的根目录 -->
    <property name="LOG_HOME" value="/Users/rick/jkxyx205/log" />
    <!-- 定义日志文件名称 -->
    <property name="appName" value="site"></property>
    <!-- ch.qos.logback.core.ConsoleAppender 表示控制台输出 -->
    <appender name="stdout" class="ch.qos.logback.core.ConsoleAppender">
        <!--
        日志输出格式:%d表示日期时间,%thread表示线程名,%-5level:级别从左显示5个字符宽度
        %logger{50} 表示logger名字最长50个字符,否则按照句点分割。 %msg:日志消息,%n是换行符
        -->
        <encoder>
            <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} [%thread] %-5level %logger{50} - %msg%n</pattern>
        </encoder>
    </appender>

    <!-- 滚动记录文件,先将日志记录到指定文件,当符合某个条件时,将日志记录到其他文件 -->
    <appender name="appLogAppender" class="ch.qos.logback.core.rolling.RollingFileAppender">
        <!-- 指定日志文件的名称 -->
        <file>${LOG_HOME}/${appName}.log</file>
        <!--
        当发生滚动时,决定 RollingFileAppender 的行为,涉及文件移动和重命名
        TimeBasedRollingPolicy: 最常用的滚动策略,它根据时间来制定滚动策略,既负责滚动也负责出发滚动。
        -->
        <rollingPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedRollingPolicy">
            <!--
            滚动时产生的文件的存放位置及文件名称 %d{yyyy-MM-dd}:按天进行日志滚动
            %i:当文件大小超过maxFileSize时,按照i进行文件滚动
            -->
            <fileNamePattern>${LOG_HOME}/${appName}-%d{yyyy-MM-dd}-%i.log</fileNamePattern>
            <!--
            可选节点,控制保留的归档文件的最大数量,超出数量就删除旧文件。假设设置每天滚动,
            且maxHistory是365,则只保存最近365天的文件,删除之前的旧文件。注意,删除旧文件是,
            那些为了归档而创建的目录也会被删除。
            -->
            <MaxHistory>365</MaxHistory>
            <!--
            当日志文件超过maxFileSize指定的大小是,根据上面提到的%i进行日志文件滚动 注意此处配置SizeBasedTriggeringPolicy是无法实现按文件大小进行滚动的,必须配置timeBasedFileNamingAndTriggeringPolicy
            -->
            <maxFileSize>100MB</maxFileSize>
            <totalSizeCap>20GB</totalSizeCap>

        </rollingPolicy>
        <!--
        日志输出格式:%d表示日期时间,%thread表示线程名,%-5level:级别从左显示5个字符宽度 %logger{50} 表示logger名字最长50个字符,否则按照句点分割。 %msg:日志消息,%n是换行符
        -->
        <encoder>
            <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} [ %thread ] - [ %-5level ] [ %logger{50} : %line ] - %msg%n</pattern>
        </encoder>
    </appender>

    <!--
    logger主要用于存放日志对象,也可以定义日志类型、级别
    name:表示匹配的logger类型前缀,也就是包的前半部分
    level:要记录的日志级别,包括 TRACE < DEBUG < INFO < WARN < ERROR
    additivity:作用在于children-logger是否使用 rootLogger配置的appender进行输出,false:表示只用当前logger的appender-ref,true:表示当前logger的appender-ref和rootLogger的appender-ref都有效
    -->
    <!-- hibernate logger -->
    <logger name="org.hibernate" level="ERROR" />
    <!-- Spring framework logger -->
    <logger name="org.springframework" level="ERROR" additivity="false"></logger>

    <logger name="com.yodean.site" level="DEBUG" additivity="true">
        <!--<appender-ref ref="appLogAppender" />-->
    </logger>

    <!--
    root与logger是父子关系,没有特别定义则默认为root,任何一个类只会和一个logger对应,
    要么是定义的logger,要么是root,判断的关键在于找到这个logger,然后判断这个logger的appender和level。
    -->
    <root level="INFO">
        <appender-ref ref="stdout" />
        <appender-ref ref="appLogAppender" />
    </root>
</configuration>

line-height深入理解

语法

line-height:normal | <length> | <percentage> | <number>

默认值:normal

适用于:所有元素

继承性:有

动画性:当值为 <length> | <number>

计算值:指定值

经常配合的属性有 display: inline-block vertical-align:middle

听我解释

line-height作用于所有元素,具有继承性;

一个容器的高度是有line-height决定的,不是由文字大小;

文字本身可以看成是一个内联(inline)元素;

如果,父容器设置了行高200px

  • 子元素是内联的,设置行高,子元素的行高是不会覆盖的,这设置是没有任何效果的;
  • 子元素是块内联的,设置行高,子元素的行高是覆盖的,内部有自己的行高,整体在父容器中,通过vertical-align:middle实现多行居中的效果(此时的元素可以看成是一个img标签);
  • 子元素是块结构,设置行高,子元素的行高是覆盖的,但是父容器的高度不是200px,而是块子元素的行高撑起,可以理解,父元素的行高失效无意义,除了继承line-height,不会对块元素产生位置上的影响;

测试代码片段

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>line-height</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        .line {
            /*display: inline;*/
            font-size: 0;
            line-height: 200px;
            background-color: red;
            color: #fff;
            /*vertical-align: middle;*/
        }

        .line span {
            background-color: blue;
            /*line-height: 1.5;*/
            display: inline;/*当display:block的时候,不会继承line的line-height; inline会集成*/
            vertical-align: middle;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <div class="line">
       <span>本次国考涉及苏州大市范围内的职位共需招录81人,用人司局包括长江航运公安局苏州分局、苏州市国家税务局基层分局、苏州出入境检验检疫局、国家统计局江苏调查总队、苏州银监分局等。从招录人数来看,共有五个岗位招录人数最多,皆为4人。</span>

    </div>
</body>
</html>

代码片段 => 实现单行,多行文字垂直居中

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>nav</title>
    <style>
      .bar-container {
          line-height: 70px;
          font-size: 0;

          /*调试属性*/
          background-color: red;
          color: #fff;
        }

        .bar-container > * {
          display: inline-block;
          line-height: 30px;
          vertical-align: middle;
          font-size: 14px;
          /*调试属性*/
          background-color: blue;
        }


        ul,li {
          padding: 0;
          margin: 0;
        }
        li {
          float: left;
          /*display: inline;*/
          /*line-height: 1;*/
          /*vertical-align: middle;*/

          margin-right: 10px;
          list-style: none;
        }

    </style>
</head>
<body>
  <div class="bar-container">
      <span>
         11111
      </span>
        <ul>
          <li>111111111111</li>
          <li>222222222222</li>
          <li>333333333333</li>
        </ul>
        <span>33333</span>
        <div>
          <div class="tel">18878767761</div>
          <div class="email">188787@qq.com</div>
      </div>
  </div>
  xxxxx

</body>
</html>

效果图

http://xhope.top/wp-content/uploads/2017/11/s1.png

http://xhope.top/wp-content/uploads/2017/11/s2.png

  • 参考链接

https://www.cnblogs.com/fanyoufu/p/6425149.html

http://www.zhangxinxu.com/wordpress/2009/11/css%E8%A1%8C%E9%AB%98line-height%E7%9A%84%E4%B8%80%E4%BA%9B%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E5%8F%8A%E5%BA%94%E7%94%A8/

做出高大上的网站所需要的前端插件

框架部分

设计框架

关于两者的区别可以参见:http://www.dengzhr.com/frontend/css/337

  • 阿里图标库
    阿里妈妈MUX倾力打造的矢量图标管理、交流平台。
    设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。

  • jquery
    jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。是很多插件的依赖

  • bootstrap
    Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。

  • animate.css
    animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果,几乎包含了所有常见的动画效果。

  • WOW
    WOW.js 是一款帮助你实现滚动页面时触发CSS 动画效果的插件,依赖样式库animate.css

  • drawer
    非常好用的菜单插件,依赖jquery iScroll

  • lazyload
    jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下,它也能帮助减轻服务器负载,插件基于jQueryZepto

  • Swiper
    Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。
    Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
    Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!

功能性框架

工具部分

  • holder
    html图片占位符插件holder.js可以为图片生成一个占位符图片也可以为某个区域生成一个占位符图片,准确的说应该是为某个区域生成一个占位符图片,因为img也可以看做是一个区域。

  • sass

  • compass
  • gulp
    …..

更多参考网站

https://github.com/iamjoel/front-end-plugins
https://www.zhihu.com/question/60517583