小编uit*_*waa的帖子

如何将自定义 CSS 添加到脆皮表单?

我正在尝试在脆皮表单的帮助下为我的网站创建一个响应式表单。我没有使用引导程序,我想将自定义 CSS 添加到脆皮表单以匹配我的整个网站。

HTML:

<form method='POST' action=''>{% csrf_token %}

            {{ form|crispy }}

                    <input type='submit' value='Sign Up' />



            </form>
Run Code Online (Sandbox Code Playgroud)

使用检查元素显示:

            <form method='POST' action=''><input type='hidden' name='csrfmiddlewaretoken' value='GLJMxnnDz1MGNFC46pjoofSlo6JMCD1IXu7X3n7LsRbQfdS38SYHJMs9IAXddcck' />



<div id="div_id_full_name" class="form-group"> <label for="id_full_name" class="control-label ">
                Full name
            </label> <div class="controls "> <input class="textinput textInput form-control" id="id_full_name" maxlength="120" name="full_name" type="text" /> </div> </div> <div id="div_id_email" class="form-group"> <label for="id_email" class="control-label  requiredField">
                Email<span class="asteriskField">*</span> </label> <div class="controls "> <input class="emailinput form-control" id="id_email" maxlength="254" name="email" type="email" required /> </div> </div>


        <!--    <input class='btn btn-primary' type='submit' value='Sign …
Run Code Online (Sandbox Code Playgroud)

html css python django django-forms

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

如何制作点状霓虹边框?

我做了一个霓虹边框https://jsfiddle.net/cf3cec6c/

    body{background:black;}
    h1 {
        color: white;
    }
    .wrapper{
    position: reltive;
     z-index: 999;             
        border:1px solid red;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
       
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    
      border: 3px solid #0cd808;
     box-shadow: 0 0 1px #b3ff51, 0 0 2px #b3ff51, 0 0 6px #b3ff51, 0 0 12px #b3ff51, inset 0 0 1px #b3ff51, inset 0 0 2px #b3ff51, inset 0 0 6px #b3ff51, inset 0 0 12px #b3ff51;
    
    }
Run Code Online (Sandbox Code Playgroud)
    <div class="wrapper">
      <h1> hello hello hello hello
        hello hello hello …
Run Code Online (Sandbox Code Playgroud)

css frontend

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

从表单中获取数据并在模板中显示

我正在尝试修改django教程中的帖子应用程序 - https://github.com/codingforentrepreneurs/Advancing-the-Blog/tree/master/src/posts

我在forms.py中创建了一个新字段'userc':

   userc = forms.ModelChoiceField(queryset=User.objects.filter(is_staff=True))
Run Code Online (Sandbox Code Playgroud)

我尝试了各种方法,但我无法在模板中显示所选用户.

我应该在views.py中添加什么?

编辑: 我已尝试{{obj.userc}},{{instance.userc}}在模板中显示所选用户.

views.py

from django.contrib import messages
from django.contrib.contenttypes.models import ContentType
from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

from django.db.models import Q
from django.http import HttpResponse, HttpResponseRedirect, Http404
from django.shortcuts import render, get_object_or_404, redirect
from django.utils import timezone

from comments.forms import CommentForm
from comments.models import Comment
from .forms import PostForm
from .models import Post

from django.contrib.auth.models import User

def post_create(request):
    if not request.user.is_staff or not request.user.is_superuser:
        raise Http404

    form = PostForm(request.POST or …
Run Code Online (Sandbox Code Playgroud)

python django django-models django-forms django-views

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

如何使用flexbox将网页分成四个部分?

如何使用弹性框将网页分成四个相等的部分?像这个网站的东西 - www.rileyjshaw.com

列应该能够在较小的视图端口上相互堆叠.

编辑/更新:

到目前为止,我已经尝试过这个 - 我应该改变线高吗?如何实现不同的块?

/* Grid */

.column {
  flex-basis: 100%;
  width: 50%;
  height: 50%;
  line-height: 200px;
}

@media screen and (min-width: 800px) {
  .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .column {
    flex: 1;
  }
  ._25 {
    flex: 2.5;
  }
  ._5 {
    flex: 5;
  }
}


/* Style */

body {
  font-family: 'Lato', sans-serif;
  font-size: 1.3em;
  color: #ccc;
  background: #000;
  /*margin-bottom: 70px;*/
}

.column {
  /* padding: 15px;
  border: 1px solid #666;
  margin: …
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox responsive-design

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

如何发送卡片旋转木马和快速回复?

我正在按照本教程在Facebook上制作对话流聊天机器人.我做了一个旋转木马并快速回复了两个单独的动作.如何发送轮播,然后快速回复同一个动作?

chatbot node.js facebook-graph-api dialogflow-es

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

错误 TS2339:“Observable&lt;Message[]&gt;”类型上不存在属性“scan”

我正在按照本教程制作带有角度的聊天机器人。我收到以下错误:

src/app/chat/chat-dialog/chat-dialog.component.ts(24,6) 中的错误:错误 TS2339:“可观察”类型上不存在属性“扫描”。

我正在使用 Angular 和 Angular CLI 版本:6.0.3。

聊天对话框.component.ts

import { Component, OnInit } from '@angular/core';
import { ChatService, Message } from '../chat.service';
import { Observable } from 'rxjs';
import { scan } from 'rxjs/operators';




@Component({
  selector: 'chat-dialog',
  templateUrl: './chat-dialog.component.html',
  styleUrls: ['./chat-dialog.component.scss']
})
export class ChatDialogComponent implements OnInit {

  messages: Observable<Message[]>;
  formValue: string;

  constructor(public chat: ChatService) { }

  ngOnInit() {
    // appends to array after each new message is added to feedSource
    this.messages = this.chat.conversation.asObservable()
    .scan((acc, …
Run Code Online (Sandbox Code Playgroud)

rxjs typescript angular

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