小编Tom*_*zyk的帖子

无法将简单的Spring Boot Web应用程序部署到OpenShift

我有一个.war文件,当我复制到我的Tomcat 9本地实例中的webapps文件夹时,它会成功部署.不知何故,当我尝试在Openshift齿轮(Tomcat 7)上运行它时,它不会被部署.我正在采取的步骤:

0:我克隆了远程存储库.

1:我将war文件复制到git repository中的webapps文件夹.

2:我把它推到远程仓库,我得到输出:

Writing objects: 100% (5/5), 4.50 KiB | 0 bytes/s, done.
Total 5 (delta 3), reused 0 (delta 0)
remote: Stopping jbossews cartridge
remote: Sending SIGTERM to jboss:341147 ...
remote: Building git ref 'master', commit 90c82a4
remote: Skipping Maven build due to absence of pom.xml
remote: Preparing build for deployment
remote: Deployment id is a9215a94
remote: Activating deployment
remote: Starting jbossews cartridge
remote: Found 127.12.55.129:8080 listening port
remote: -------------------------
remote: Git Post-Receive …
Run Code Online (Sandbox Code Playgroud)

java tomcat war openshift spring-boot

6
推荐指数
1
解决办法
1369
查看次数

如何在React中测试所需的道具

我正在尝试用React和Jest编写简单的测试.

零件:

import React from "react";

class Task extends React.Component {

    render() {
        let onDelete = this.props.onDelete;
        return (
                <li>
                    <div className="collapsible-header"><i className="material-icons" onClick={() => onDelete(this.props.taskId)}>delete</i>{this.props.title}</div>
                    <div className="collapsible-body"><p>{this.props.description}</p></div>
                </li>
                );
    }
};

Task.propTypes = {
    title: React.PropTypes.string.isRequired,
    taskId: React.PropTypes.number.isRequired,
    onDelete: React.PropTypes.func.isRequired,
    description: React.PropTypes.string
};

Task.defaultProps = {
    description: ''
};

export default Task;
Run Code Online (Sandbox Code Playgroud)

测试

import React from 'react';
import Task from '../src/components/Task';
import renderer from 'react-test-renderer';

test('Task should require properties', () => {
  const component = renderer.create( //this will give …
Run Code Online (Sandbox Code Playgroud)

testing unit-testing reactjs jestjs

6
推荐指数
1
解决办法
4131
查看次数

无法获取从角度到节点服务器发送的表单数据

form-data一起送image-data.
但是当我发送内部时,我无法在节点服务器上获取数据FormData.

我可以在angular控制器上看到数据console.log.

角度代码:

$scope.saveInfo = function(){
  var formData = new FormData;
  console.log('Update function');
  for(key in $scope.seller){
    formData.append(key, $scope.seller[key]);
  }
  console.log(key, $scope.seller);
  var file = $('#file')[0].files[0];
  formData.append('image', file);

  $http.put('/api/seller/businessInformation', formData, {
    transformRequest: angular.Identity,
    headers: {
      'Content-type': undefined
    }
  }).then(function(res){

  });
}
Run Code Online (Sandbox Code Playgroud)

Node.Js: 我可以看到图像数据console.log(req.files);,
console.log(req.body);打印[object object].

node.js angularjs multer

6
推荐指数
2
解决办法
672
查看次数

如何在 React Native 中压缩视频

尝试使用 Shahen 的 react-native-video-processing:

下面是代码:

compressVideo(source) {
    const options = {
        width: 800,
        height: 800,
        bitrateMultiplier: 3,
        saveToCameraRoll: true, 
        saveWithCurrentDate: true, 
        removeAudio: true 
    };

    ProcessingManager.compress(source, options)
        .then(data => {
            console.log(data);
            this.setState({ base64String: data });
        })
        .catch(console.warn);
}
Run Code Online (Sandbox Code Playgroud)

但它在 Android 设备中出错。

{ [错误:压缩错误:失败。ffmpeg 版本 3.3.5 版权所有 (c) 2000-2017 FFmpeg 开发人员使用 gcc 4.8 (GCC) 配置构建:
兼容品牌:isommp42创建时间:2018-03-01T08:47:13.000000Z com.android.version:7.0持续时间:00:00:04.07,开始:0.000000,比特率:3366 kb:0(流)#0 : h264 (avc1 / 0x31637661), yuv420p(tv, smpte170m/smpte170m/bt709), 640x480, 3091 kb/s, SAR 1:1 DAR 4:3, 29,390btctc 元数据,3908kbtc :旋转
:90 创建时间:2018-03-01T08:47:13.000000Z
handler_name:VideoHandle 侧面数据:displaymatrix:旋转 -90.00 度流#0:1(eng):音频:aac(mp4a / …

javascript compression video react-native video-compression

6
推荐指数
1
解决办法
3091
查看次数

将函数转换为偏函数scala

我有一个密封的特性:

sealed trait ActorMessage
case class AddX(x: Int) extends ActorMessage
case class RemoveX(x: Int) extends ActorMessage
Run Code Online (Sandbox Code Playgroud)

我还有一个功能来处理所有消息并警告我非详尽匹配:

def handleMessage: ActorMessage => Unit = {
  case AddX(x) => ...
  case RemoveX(x) => ...
}
Run Code Online (Sandbox Code Playgroud)

Actor 需要一个 PartialFunction[Any, Unit]。PartialFunction 扩展了 Function,这意味着我不能将我的 Function 分配为 PartialFunction。

我写了简单的转换器:

def liftToPartialFunction[FUND <: PFUND, B, PFUND](f: Function[FUND, B]): PartialFunction[PFUND, B] = new PartialFunction[PFUND, B] {
  override def isDefinedAt(x: PFUND): Boolean = x.isInstanceOf[FUND]
  override def apply(v1: PFUND): B = f(v1.asInstanceOf[FUND])
}
Run Code Online (Sandbox Code Playgroud)

但是有没有更好的方法来做到这一点?或者标准scala库中是否有任何等价物?

scala case partialfunction actor akka

5
推荐指数
2
解决办法
1613
查看次数

default-lazy-init="true" 是否适用于组件扫描

这里我有 XML 配置:

<beans xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns="http://www.springframework.org/schema/beans"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans-3.2.xsd
       http://www.springframework.org/schema/context
       http://www.springframework.org/schema/context/spring-context-3.2.xsd"
       default-lazy-init="true">

    <context:component-scan base-package="com.bb.package1"/>
    <context:component-scan base-package="com.bb.package2"/>
    <context:component-scan base-package="com.bb.package3"/>

    <bean id="bean1" class="com.dot.basepackages.Bean1"/>
    <bean id="bean2" class="com.dot.basepackages.Bean2"/>
    <bean id="bean3" class="com.dot.basepackages.Bean3"/>
Run Code Online (Sandbox Code Playgroud)

是否default-lazy-init="true"仅适用于在此 XML(Bean1, Bean2, Bean3) 中创建的 beans 或 spring 使用 component-scan 找到的 beans?

java xml spring

5
推荐指数
1
解决办法
1355
查看次数

React-router V4 中基于 URL 的模式

我正在尝试完成这个模式:

在此输入图像描述

我想渲染我的图片库,当单击图像时,需要打开弹出窗口。我想用 url 来完成,而不是用状态/商店更改来完成。例如:

链接:“/gallery/popular/fhoeuwy3928”将在后面呈现图库,在前面呈现弹出窗口。

在react-router 3中,嵌套路由很简单。我怎样才能用 v4 做到这一点?

这些是我目前的路线:

<Route exact path='/' component={Home}/>
<Route path='/gallery/:category' component={Gallery}/>
<Route path='/gallery/:category/:id' component={Popup}/>
Run Code Online (Sandbox Code Playgroud)

reactjs react-router

5
推荐指数
3
解决办法
2万
查看次数

使用componentDidCatch在React生成构建中解密堆栈跟踪

我正在使用componentDidCatch我的应用程序捕获渲染错误,并制作了一个组件,打印此钩子提供的堆栈跟踪.

但是,在生成版本中,我看到除了库withRouter或者提供的组件名称之外,不会保留组件名称connect.我怎样才能实现同样的目标?我想看看实际的组件名称.

在此输入图像描述

source-map在构建时启用了webpack,它实际上是由chrome使用的:

在此输入图像描述

或者,我想解释componentStack由componentDidCatch提供的source-maps.否则,它没用.

error-handling reactjs webpack redux

5
推荐指数
0
解决办法
343
查看次数

如何在 React 中的图像映射中检测区域标记 onClick

我想检测图像不同部分的onClick& onHover

<img src={physicalimage} id="physicalimage" usemap="#image-map"/>
   <map name="image-map">
   <area target="" onClick={this.consoleMessage("bpleft")} alt="bpleft" title="bpleft"  coords="223,201,269,254" shape="rect" />
   <area target="" onClick={this.consoleMessage("bpright")} alt="bpright" title="bpright" coords="60,199,101,259" shape="rect" />
   <area target="" onClick={this.consoleMessage("heart")} alt="heartrate"  title="heartrate" coords="169,124,219,183" shape="rect" />
</map>
Run Code Online (Sandbox Code Playgroud)

我使用反应库来开发我的网站。我无法检测到该onClick事件。还有其他选择吗?

html image imagemap reactjs

5
推荐指数
1
解决办法
6064
查看次数

Velocity JS翻译不起作用

enter cod
Run Code Online (Sandbox Code Playgroud)

我有一个简单的块,假设用translateX向左移动200px.它会向左移动,向左移动.我似乎无法使用translateX或translateY移动块.Transform translate的CSS值可以使用.使用translate的原因是与position相比的性能.我评论了Velocity留下的位置,让你知道我想要实现的目标.

var button  = document.getElementById('button');
var adiv = document.getElementById('panel');
button.addEventListener('click', function(){
	//Velocity(adiv, { left: '100' }, [ 500, 20 ]);
	Velocity(adiv, {translateX: 200}, [ 500, 20 ]);
})
Run Code Online (Sandbox Code Playgroud)
#panel {
    display: block;
    position: absolute;
    background: #ffffbd;
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
   }

button {
    top: 90%;
    position: relative;
    display: block;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdn.jsdelivr.net/npm/velocity-animate@2.0/velocity.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>


    <body>
      <div id="topbar"></div>
       <div id="panel">
       </div>
   <button id="button">start</button>
   </body>
Run Code Online (Sandbox Code Playgroud)

在这里

javascript jquery velocity.js

5
推荐指数
1
解决办法
2794
查看次数