如何解决使用Bulma前端开发一个简单的Angular 8应用程序,如何捕获所有表单数据并将其传递到sql数据库?
我已经使用布尔玛创建了一个前端欢迎页面,并导航到带有一个表的选定页面,该表包含几个带有相关的开始日期和结束日期的行项目。 现在,我想捕获每个订单项的开始和结束日期,并将它们传递给数据库。
此外,布尔玛似乎没有简单的只读“输出”文本字段。所有字段均为“输入”字段。 有一个“ textarea”字段,但是显示为多行并且可以扩展。 我想在表格上方显示在欢迎屏幕上输入的名称,即名称:Joe Blow。
我查看了所有Bulma文档和示例代码,并且所有描述均未获取数据并以任何方式对其进行处理。如果用户已经登录,我想将其传递给后端并从sql数据库进行验证
样品表:
<div class="table-container">
<table
class="table is-bordered is-striped is-narrow"
style="background-color: rgb(217,223,224); margin-left: auto; margin-right: auto;">
<thead>
<tr style="background-color: rgb(192,189,189); text-align: center;">
<th>Action</th>
<th>Start Date</th>
<th>End Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>Line item 1</td>
<td contenteditable="true" class="date"><input type="date" /></td>
<td contenteditable="true" class="date"><input type="date" /></td>
</tr>
<tr>
<td>Line item 2</td>
<td contenteditable="true" class="date"><input type="date" /></td>
<td contenteditable="true" class="date"><input type="date" /></td>
</tr>
<tr>
<td>Line item 3</td>
<td contenteditable="true" class="date"><input type="date" /></td>
<td contenteditable="true" class="date"><input type="date" /></td>
</tr>
<tr>
<td>Line item 4</td>
<td contenteditable="true" class="date"><input type="date" /></td>
<td contenteditable="true" class="date"><input type="date" /></td>
</tr>
</tbody>
</table>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。