- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我的模型目前有三个相关对象(还有更多,但只有三个与这个问题相关)。用户、网络和电子邮件。我想要做的是拥有一组定义的网络,并允许每个用户在每个网络上都有一个电子邮件地址(这些稍微复杂一些,但我已经将它们缩减为我认为相关的部分) .
class User(UserMixin, db.Model):
"""
The User object.
"""
__tablename__ = 'users'
id = db.Column(db.Integer, primary_key=True)
# email = db.Column(db.String(64), unique=True, index=True)
username = db.Column(db.String(64), unique=True, index=True)
password_hash = db.Column(db.String(128))
firstname = db.Column(db.String(64))
lastname = db.Column(db.String(64), unique=False, index=True)
email = db.relationship('Email', backref='user')
class Network(db.Model):
__tablename__ = 'networks'
id = db.Column(db.Integer, primary_key=True)
name = db.Column(db.String(64), index=True)
emails = db.relationship('Email', backref='network', lazy='dynamic')
class Email(db.Model):
__tablename__ = 'emails'
id = db.Column(db.Integer, primary_key=True)
network_id = db.Column(db.Integer, db.ForeignKey('networks.id'))
user_id = db.Column(db.Integer, db.ForeignKey('users.id'))
address = db.Column(db.String(64))
我的看法:
@main.route('/edit-profile', methods=['GET', 'POST'])
@login_required
def edit_profile():
form = EditProfileForm(obj=current_user)
form.email.min_entries=Network.query.count()
if form.validate_on_submit():
form.populate_obj(current_user)
db.session.add(current_user)
db.session.commit()
flash("Your profile has been updated.")
return redirect(url_for('.user', username=current_user.username))
return render_template('edit_profile.html', form=form)
和形式:
class EmailForm(Form):
id = HiddenField('Id')
address = StringField('Address', validators=[DataRequired(), Email()])
network = QuerySelectField(query_factory=get_networks)
class EditProfileForm(Form):
username = StringField('Username', validators=[Length(0, 64),
Regexp('[A-Za-z0-9_\.\-]'),
DataRequired()])
firstname = StringField('First name', validators=[Length(0, 64),
DataRequired()])
lastname = StringField('Last name', validators=[Length(0, 64),
DataRequired()])
email = ModelFieldList(FormField(EmailForm), model=Email)
submit = SubmitField('Submit')
外部表单的 HTML:
{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% block title %}Edit Profile{% endblock %}
{% block page_content %}
<div class="page-header">
<h1>Edit Your Profile</h1>
</div>
<div class="col-md-8">
{{ wtf.quick_form(form) }}
</div>
{% endblock %}
这是它在 Chrome 和 Firefox 中的样子:
所以我显然做错了什么,因为:
我哪里做错了?我尝试不使用 wtf.quick_form() 但也无法使其看起来正确。为此,我将 {{ wtf.quick_form() }} 替换为:
<label>{{ form.username.label }}</label>
{{ form.username }}
<label>{{ form.firstname.label }}</label>
{{ form.firstname }}
<label>{{ form.lastname.label }}</label>
{{ form.lastname }}
<div data-toggle="fieldset" id="email-fieldset">
{{ form.email.label }}
<table class="ui table">
<thead>
<th>Network</th>
<th>Address</th>
<th>
{{ form_button(url_for('main.add_email'),
icon ('plus')) }}
</th>
</thead>
<tbody>
{% for e in form.email %}
<tr data-toggle="fieldset-entry">
<td>{{ e.network }}</td>
<td>{{ e.address }}</td>
<td>
{{ form_button(url_for('main.remove_email',
id=loop.index), icon ('remove')) }}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{{ form.submit }}
当我渲染它时,它在我的浏览器中显示如下:
这具有保持一致的优点,但这不是我想要使用 flask-bootstrap 获得的外观。我正在努力弄清楚哪种方法能让我更轻松地到达我想去的地方。
将表单 html 更改为此,我得到了我想要的 UI 元素。关键是理解“class_”可以传入并将在输出 html 中呈现为“class”。
<div class="form-group required"><label class="control-label">{{ form.username.label }}</label>
{{ form.username(class_='form-control') }}</div>
<div class="form-group required"><label class="control-label">{{ form.firstname.label }}</label>
{{ form.firstname(class_='form-control') }}</div>
<div class="form-group required"><label class="control-label">{{ form.lastname.label }}</label>
{{ form.lastname(class_='form-control') }}</div>
<div data-toggle="fieldset" id="email-fieldset" class="form-group">
{{ form.email.label }}
<table class="ui table">
<thead>
<th>Network</th>
<th>Address</th>
<th>
{{ form_button(url_for('main.add_email'),
icon ('plus')) }}
</th>
</thead>
<tbody>
{% for e in form.email %}
<tr data-toggle="fieldset-entry">
<td>{{ e.network(class_='form-control') }}</td>
<td>{{ e.address(class_='form-control') }}</td>
<td>
{{ form_button(url_for('main.remove_email',
id=loop.index), icon ('remove')) }}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
产生这个:
最佳答案
答案是简单地将“class_”传递给 .html 表单中的每个字段构造函数。
关于python - 在 Flask/WTForms 中创建具有不同数量重复子表单的表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30668029/
我有几个带有视频和图像的 Bootstrap slider 。在 slider 之外,我想要一个可以转到包含视频的幻灯片的按钮。包含视频的幻灯片的数量因 slider 而异。我想做的是获取幻灯片的数量
我在编写一个查询时遇到了一些问题。 我有一个由文件及其大小(以字节为单位)组成的表。它看起来像这样: FileUrl | FileSize ------------------ xyz.docx |
我有一个带 iframe 的网站和一个带另一个 iframe 的网站,所以它是一个 iframe 内嵌另一个 iframe(都在不同的域上)。那么有没有办法从父div或父主div的url(parent
以下表达式在 JavaScript 中给出了特殊的结果。 typeof (5 + "7") // Gives string typeof (5 - "7") // Gives number 如
我有一个名为“交易”的表,每当有人在我的网站上进行购买时,我都会在其中输入用户 ID、购买类型和金额。 我想向每个用户显示过去 7 天的这些统计信息。 目前,我有这个: $data = array()
我一整天都在努力寻找解决这一挑战的办法。 我有一张 table : id | amount | type | date |
我正在尝试在 10 个数据节点的集群中测试 Map reduce 程序的性能。在此过程中,我使用了 5 个 Reducers,然后是 10 个等等。 我在想增加 reducer 的数量也会使工作完成得
我正在使用 html5 输入 type="number"。我想监视此输入的变化,但是: 因为在支持它的浏览器中 它有旋转控件 我不能只监视 .keyup, 因为我不想等待它失去焦点,所以我不能只监视
我的购物车表格有问题。我创建了一个如下所示的表格: SQL Fiddle 我的问题是我希望能够选择产品 ID,并计算该产品 ID 在表格中重复的次数,以便我可以显示用户在购物车中拥有的商品数量。 寻找
我使用许多包含来显示我网站的一小部分。使用许多 include 是否合适,或者我应该减少它们(尽可能多)。包含函数要多花多少时间? 我的主页加载速度很慢。有什么方法可以让它加载更快。 (我的主页每天在
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: length of array in function argument 我的数组大小是5。例如: arrC
是否有标准的 Python 方法来处理 Python 中的物理单位/数量?我看到了来自不同领域(如物理学或神经科学)的不同模块特定解决方案。但我更愿意使用标准方法而不是“孤岛”解决方案,因为其他人应该
基本上就像标题所说的那样,有没有办法从 JavaScript 程序中查看事件循环中当前存在多少个 promise ?最好在 Deno 上。 最佳答案 Deno v1.26 添加了一个内部 API,可用
我只是想知道大型项目-比如说航空公司的预订系统,它可能有多少类/对象。 对象:客户,飞机,机场,路线,机票,订单。这就是我能想到的。该项目可能是成千上万的代码行,那么是否可能会有更多的类(执行与对象无
如果有办法限制Scala中未处理的 future 数量,我将无法提供资金。 例如下面的代码: import ExecutionContext.Implicits.global for (i
从昨天开始,我一直在努力做到这一点,尽管还没有运气。我找到了解决方案,在我想要完成的事情上总是有细微的差别。 我试图获得所有可能的组合,稍微像这样:combination_k ,但我也希望相同的项目与
我正在尝试更新 1500 个 QuickBooks Online 库存项目的现有数量。我可以从商店中提取 1500 种产品。 这个更新可以做吗?我看到手头没有数量的物品: https://develo
我想与工作人员一起扩展应用程序。 可能有 1 名 worker 或 100 名 worker ,我想无缝扩展它们。 这个想法是使用副本集。然而,由于特定领域的原因,扩展它们的适当方法是让每个工作人员知
Android Studio 有没有办法显示 XML 布局中存在的 View 数量?众所周知,布局应该包含 <=80 个 View ,因此超过此值就会出现此警告,因此告知数量会非常有帮助。 Layou
虽然编码时总是出现有关 IBOutlet 保留计数的相同问题:从 NIB 取消归档对象后保留计数?何时对 IBOutlet 使用 @property?设置时保留还是分配? Mac 和 iPhone 之
我是一名优秀的程序员,十分优秀!