小编soc*_*pet的帖子

如何让Django和ReactJS一起工作?

Django的新手,甚至更新的ReactJS.我一直在研究AngularJS和ReactJS,但决定使用ReactJS.尽管AngularJS拥有更多的市场份额,但似乎它已经逐渐消耗了AngularJS,而且据说ReactJS的发布速度更快.

除了垃圾之外,我开始学习Udemy的课程,经过一些视频后,看看它与Django的整合程度似乎很重要.那是当我不可避免地碰到一堵墙而刚开始运行的时候,那里有什么样的文件,这样我就不会在几个小时和几个晚上转动轮子了.

pip我遇到的确没有任何全面的教程或软件包.例如,我遇到的少数人没有工作或者过时pyreact了.

我有一个想法只是将ReactJS完全分开,但要考虑我希望ReactJS组件呈现的类和ID.将单独的ReactJS组件编译成单个ES5文件后,只需将该单个文件导入Django模板.

我认为当我从Django模型渲染时会很快崩溃,尽管Django Rest Framework听起来像是涉及到它.甚至还没有看到Redux如何影响所有这些.

无论如何,任何人都有明确的方式使用Django和他们关心的ReactJS分享?

无论如何,AngularJS和Django的文档和教程都很丰富,所以很有可能只是走这条路来开始使用任何前端框架......不是最好的理由.

django reactjs

128
推荐指数
7
解决办法
9万
查看次数

azure-pipelines.yml 中的多个单独触发器

我目前有一个在子目录中提供服务的 monorepo,我倾向于将其转变为带有 metarepo 的 multirepo。

我决定尝试 Azure DevOps 的原因之一是有人告诉我您可以在子目录上设置触发器,例如:

trigger:
  branches:
    include:
    - master
  paths:
    include:
    - client
Run Code Online (Sandbox Code Playgroud)

经测试,它有效。

但是,我想知道是否可以有多个独立的触发器,或者这是否需要 polyrepo 或 multiple .yml?原因是如果client服务中只有更改,它只会触发那组测试、构建和部署,而不会触发api服务运行测试、构建和部署。

例如:

trigger:
  branches:
    include:
    - master
  paths:
    include:
    - client

  stages:
    ...
    Run tests
    If tests pass, build and push to ACR
    Deploy to AKS
    ...

trigger:
  branches:
    include:
    - master
  paths:
    include:
    - api

  stages:
    ...
    Run tests
    If tests pass, build and push to ACR
    Deploy to AKS
    ... …
Run Code Online (Sandbox Code Playgroud)

azure azure-devops azure-pipelines

14
推荐指数
2
解决办法
6804
查看次数

尽管更改了progressDeadlineSeconds,但仍然遇到“超过其进度最后期限”

我是新的 AKS、ACR 和 DevOps 管道,我正在尝试设置 CI/CD 管道。

我有一个资源组设置,其中包含 AKS 和 ACR。AKS 正在使用Standard_B2s并且此时只有一个节点,因为我只是在玩。

图像在提交给 master 时自动部署到 ACR——还没有想出如何设置测试——但是在部署到 AKS 时,我只是不断得到:

##[error]error: deployment "client-deployment" exceeded its progress deadline
Run Code Online (Sandbox Code Playgroud)

我已经改变了我client.yaml对包括progressDeadlineSeconds像一个小时为10,15和20分钟没有工作:

apiVersion: apps/v1
kind: Deployment
metadata:
  name: client-deployment
spec:
  progressDeadlineSeconds: 3600
  replicas: 1
  selector:
    matchLabels:
      component: client
  template:
    metadata:
      labels:
        component: client
    spec:
      containers:
        - name: client
          image: testappcontainers.azurecr.io/testapp-client
          ports:
            - containerPort: 3000
---
apiVersion: v1
kind: Service
metadata:
  name: client-cluster-ip-service
spec:
  type: ClusterIP
  selector:
    component: client
  ports:
    - …
Run Code Online (Sandbox Code Playgroud)

kubernetes kubernetes-namespace azure-aks

13
推荐指数
1
解决办法
3万
查看次数

在不弄乱表格格式的情况下无法分页

我一直遇到表格中的分页问题.以为我有一个解决方案,因为它在这个SO问题中工作得很好:

在React app中的<table>中插入分页符

这对于有一列的表来说很好,但是现在我正在处理多个列,这是一团糟.

基本上我必须包括display: block让分页符正常工作,但这使得它从格式良好的表转到此:

在此输入图像描述

我在MDN的列表中只是尝试了可能有用的任何东西.

https://developer.mozilla.org/en-US/docs/Web/CSS/display

此外,分页符仅在单独使用时才起作用,<tr>这是不合需要的,因为它会生成空白页.通过移动pagebreak<tr>而不是移动来解决这个问题<td>.

我无法解决这些问题; 关于如何解决这个问题的任何建议?

不确定JSFiddle在打印问题上有多大用处,但这里是编译后的HTML.我永远无法让JSFiddle使用React:

https://jsfiddle.net/5gz62d91/

最好的可能是Github回购:

https://github.com/ishraqiyun77/page-breaks

这是代码分开:

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

import styles from '../assets/scss/app.scss';

class PageBreakIssues extends Component {

    // Render the data points
    renderDataPoint() {
        let dataPoint = [];
        for (let i = 1; i <= 3; i++) {
            let num = (Math.random() * 100).toFixed(2);
            dataPoint.push(
                <td className='data-point' key={ i }> …
Run Code Online (Sandbox Code Playgroud)

html css sass reactjs

11
推荐指数
1
解决办法
525
查看次数

仅在未使用 @azure/msal-react 进行身份验证时重定向 onLoad

我正在尝试根据我的需要调整示例项目

我的需求本质上是:

  1. 如果用户导航到根路由时未经过身份验证,则自动重定向登录...
  2. 如果是,则加载受保护的子组件。

我的步骤 1.按预期工作。然而,在他们登录后,它似乎正在尝试再次重新路由,我得到:

Interaction_in_progress:交互当前正在进行中。在调用交互API之前,请确保本次交互已经完成。有关更多信息,请访问:aka.ms/msaljs/browser-errors

  70 | 
  71 | useEffect(() => {
  72 |   if (!isAuthenticated) {
> 73 |     msalInstance.loginRedirect(loginRequest);
     | ^  74 |   }
  75 | })
  76 | 
Run Code Online (Sandbox Code Playgroud)

无论是否有条件,它都会执行此操作!isAuthenticated

的用法useIsAuthenticated来自此文档false,即使用户已经登录,似乎也会进行评估。

这是我到目前为止所拥有的:

import { Configuration, RedirectRequest } from '@azure/msal-browser';

// Config object to be passed to Msal on creation
export const msalConfig: Configuration = {
  auth: {
    clientId: '<client_id>',
    authority: 'https://login.microsoftonline.com/<tenant_id>',
  },
};

// Add here scopes …
Run Code Online (Sandbox Code Playgroud)

redirect reactjs azure-active-directory azure-ad-msal

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

Not understanding how docker build --secret is supposed to be used

I can get the example working that Docker provides and just about every blog is just a variation of it: just printing out the secret value in the build output.

Cool... but I need to get it into my app that is looking for it and failing to build because it doesn't exist. That much isn't clear to me and I've been unable to figure it out myself.

This is the project structure:

project-root/
  api/
    docker/
      Dockerfile
      mysecret.txt
    src/
      ... …
Run Code Online (Sandbox Code Playgroud)

docker dockerfile

9
推荐指数
1
解决办法
1万
查看次数

设置Cloud9 IDE来编译和运行Java?

我曾尝试在Cloud9的论坛中发布此请求,但由于它从未发布过,我希望有人可以帮助我.(论坛一直说我的问题正在提交审核,但从未出现过).

我无法编译和运行Java代码.我已经用Google搜索了这个问题并在他们有限的论坛中阅读了其他帖子,但我无法编译并运行一个简单的Hello World!程序.我的.java文件名匹配类,代码很好.

我已经尝试将我的.java文件放在以下目录中:

test/java/

test/src/
Run Code Online (Sandbox Code Playgroud)

我得到这个:

bash: src/HelloWorld.java: No such file or directory
Run Code Online (Sandbox Code Playgroud)

我试过这个:http://www.programmingforliving.com/2014/09/java-coding-with-cloud9-ide.html

但我得到:

Running HelloWorld.java                                                                                                                                          

Error: Could not find or load main class HelloWorld  
Run Code Online (Sandbox Code Playgroud)

有什么建议?鉴于我本质上是一个Java noob,我希望解决方案相当简单.

java ide compiler-errors cloud9-ide

8
推荐指数
1
解决办法
2万
查看次数

Outlook关闭时,为什么Excel VBA运行速度明显加快?

因此,当Outlook关闭时,我注意到我编写的VBA代码运行得更快.这不是零星的事情:我可以运行相同的代码10x与Outlook打开一个经验显着慢速处理速度每次,然后关闭Outlook和运行10倍,并且每次都体验明显更快的速度.我还注意到,除了Excel在代码运行时"没有响应"时,偶尔会出现同样的情况.我知道Outlook是由Word驱动的,所以如果我在Word中运行代码,那对我来说是有意义的.但是我的Excel VBA绝不利用Outlook和Word.这可能是什么原因?Excel和Outlook共享一些相同的过程吗?我试过谷歌搜索无济于事.

excel performance outlook vba excel-vba

8
推荐指数
1
解决办法
1115
查看次数

输入模式='[a-zA-Z]'在React应用程序中不起作用

我一直在努力是一个文本input变窄下来<option><select>按照用户类型.它正在运行,但我现在关心的是安全性,用户传入的内容input以及潜在的恶意条目.

我想我可以做类似的事情,<input placeholder='[a-zA-Z]' />但它仍然允许在文本框中输入其他字符.

我在这里做错了什么,以及只允许输入字母数字的替代方案是什么?

onInputChange(term) {
    this.setState({ term });
}

renderOptionsSelect(term) {
    return _.map(this.props.pos_list, p => {
        var searchTerm = this.state.term.toLowerCase();
        if (p.pos_code.toLowerCase().match(searchTerm)) {
            return (
                <option key={p.pos_code} value={p.pos_code}>{p.pos_code}</option>
            );                        
        }
    });
}

// render the main element of the container
render() {
    return (
        <div className='panel panel-default'>
            <div className='panel-heading'>
                <h4><strong>Basic Query</strong></h4>
            </div>

            <div className='panel-body'>
                <input 
                    pattern='[a-zA-Z]'
                    className='form-control' 
                    placeholder='Enter Keyword or Position Code' 
                    value={this.state.term}
                    onChange={event => this.onInputChange(event.target.value)}
                />

                <hr …
Run Code Online (Sandbox Code Playgroud)

javascript regex html5 reactjs react-redux

7
推荐指数
1
解决办法
8575
查看次数

POSTGRES_PASSWORD 被忽略,无需或使用任何密码都可以访问数据库

正如标题所示,我正在设置一个,POSTGRES_PASSWORD在使用 Skaffold 启动集群后(--port-forward这样我就可以使用 pgAdmin 访问数据库),我可以使用或不使用正确的密码访问数据库。POSTGRES_DB并按POSTGRES_USER预期工作。

我在 Docker Hub for Postgres 的文档中看到:

注 1:PostgreSQL 映像在本地设置身份验证,因此您可能会注意到从(在同一容器内)trust连接时不需要密码。localhost但是,如果从不同的主机/容器连接,则需要密码。

我认为这--port-forward可能是罪魁祸首,因为它注册为localhost.

无论如何要防止这种行为?

我想担心的是有人可以访问我的笔记本电脑并轻松连接到数据库。

这是我的postgres.yaml

apiVersion: apps/v1
kind: Deployment
metadata:
  name: postgres-deployment
spec:
  replicas: 1
  selector:
    matchLabels:
      component: postgres
  template:
    metadata:
      labels:
        component: postgres
    spec:
      containers:
        - name: postgres
          image:testproject/postgres
          ports:
            - containerPort: 5432
          env: 
            - name: POSTGRES_DB
              value: dev
            - name: POSTGRES_USER
              value: dev
            - name: POSTGRES_PASSWORD
              value: …
Run Code Online (Sandbox Code Playgroud)

postgresql docker kubernetes skaffold

7
推荐指数
1
解决办法
2490
查看次数