React Vite Web 应用程序在构建后不会应用 css

我正在使用react + vite和tailwindcss创建一个Web应用程序。我想将其docker化。 这是我的 dockerfile: # 第一阶段 FROM 节点:lts AS 构建器 工作目录/应用程序 复制 。 。 运行 npm i -f && npm

回答 1 投票 0

我想将所有API数据显示到表格视图中。它只显示 API 的第一个字典元素

我正在通过API获取数据并将其保存到init中。当我将这些数据显示到表视图中时,它只显示字典的第一个值。我想将字典的所有值显示到我的表中

回答 2 投票 0

如何从RESTful API获取所有数据?

我用很少的资源实现了一个RESTful API,例如: /产品/ /产品/1 /产品/2 /类别/ /类别/1 /类别/2 ETC。 现在,我被告知该应用程序应该主要......

回答 3 投票 0

C 中是否有对浮点数进行四舍五入的函数,或者我需要编写自己的函数吗?

C 中是否有一个函数可以对浮点数进行四舍五入,还是我需要编写自己的函数? 浮动转换器= 45.592346543; 我想将实际值四舍五入到小数点后一位,conver = 45.6。

回答 7 投票 0

如何在 SWIFT 3 或 4 中的 REST API 调用期间安全地处理 cookie?

我们如何在API调用期间安全地处理cookie?我希望 cookie 只能由该应用程序访问,而不是我设备上安装的其他应用程序。或者我们可以阻止将 cookie 的数据存储在我的...

回答 2 投票 0

将 Html 表单信息存储到数组对象中并将其显示在表单下方的表格中[关闭]

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href=""> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> <style>body{padding-top:50px;}.starter-template{padding:40px 15px;text-align:center;}</style> <link rel="stylesheet" type="text/css" href="createdesign.css"> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="Newsfeed.html">NPSS Announcements</a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="Newsfeed.html">Newsfeed</a></li> <li><a href="Create.html">Create</a></li> <li><a href="Calender.html">Calender</a></li> <li><a href="login.html">Logout</a></li> </ul> </div><!--.nav-collapse --> </div> </nav> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <h1>Create A New Announcement</h1> <form action="action_page.php"> Announcement Title: <input type="text" name="ATitle" size="50"> <br> Descritption:<br> <br> <input type="radio" name="sex" value="male" checked>Male <input type="radio" name="sex" value="female" checked>Female <br> When is the Meeting?<input type="datetime-local" name="Awhen" </input> <br> Where is the Meeting<input type="text" name="Awhere"></input> </form> </body> </html> 我试图将 中的所有信息(例如公告标题、描述、性别和时间)放入一个数组(JS)中,以便稍后检索它们并在其他位置显示信息。我是一名初学者程序员,所以请解释一下!我很感谢您的帮助! 您需要了解的基础是您可以访问这些元素并获取它们的值。然后你可以将它们放入一个数组中。以下是如何获取单个元素的值并将其放入数组中。 var myFormData = []; //declare an array var value1 = document.getElementById("myTextInput").value; //get the value of an element by it's id myFormData.push(value1); //put to the array 接下来,有一些快捷方式可以同时对多个元素执行此操作。 您可以向所有表单字段添加一些类,例如 myInputs,并使用查询选择器将它们一次性添加到类似数组的列表中。 以下是如何按类别选择多个元素。 var myFormInputs = document.getElementsByClassName("myInputs") 现在 myFormInputs 是一个类似数组的列表。 您可以在 filter 上调用 myFormInputs 函数并获取它们的值。 var myFormData = Array.prototype.filter.call(myFormInputs, function(anElement) { return anElement.value; }) 内部函数是按元素调用的 - 所以我们可以返回它的值。现在使用所有这些值创建了 myFormData 数组。 有很多更短的方法可以做到这一点。您可以使用一些优雅的库(例如 JQuery)来实现快速开发和更短的代码。但以上是所有的构建块。 也不要忘记了解JS对象。 既然你使用的是 jQuery,我就看看 .serialize()。这可能是将表单数据放入 JavaScript 数组的最简单方法。 https://api.jquery.com/serialize/ 或者,您可以构建自己的数组,但我认为由于您是“初学者”,序列化将为您完成所有这些工作。 当您支持 IE10+ 时,您应该真正研究一下 FormData 对象,这确实是很酷的东西。它拥有您错过的所有支持。现在,您可以发送自定义的不存在的表单,而无需使用 jQuery 创建表单,例如: var form = new FormData(); form.append( 'uploaded_file', $('input[type=file]')[0].files[0] ); form.append( 'description', 'I am a cool file, you know...' ); $.ajax({ url: 'http:/whatev.er/', type: 'POST', processData: false, contentType: false, dataType: 'json', success: function(data) { alert('I just uploaded a file with an AJAX-call so I do not have to refresh the page! Wooo!'); } }); 您可以使用 jQuery 的 .serializeArray()。 这是将表单数据转换为数组/对象的方法: $("#formid").serializeArray(); 这就是将数据放回表单的方法: $.each(form_data, function(n, el) { // n is just a number identifying it $("#testform input[name='"+el.name+"']").val(el.value); }); 工作演示:https://jsfiddle.net/egbar7r5/

回答 4 投票 0

即使安装了 Mac 版 Docker,仍收到 `bash: docker-compose: command not find`

我为我的 Web 开发课程安装了 Docker,在我们从 github 拉取的文件夹中,它附带了 docker-compose.yml 和 FlaskApp 已包含在其中。我确保运行终端...

回答 1 投票 0

无法使用 pip 安装 psycopg2 或 psycopg2-binary

我通常使用macos,因为工作原因我才开始使用windows。尝试安装 psycopg2 但失败。还尝试安装 psycopg2-binary,但也失败了。 当我输入 pip install psycopg2-

回答 1 投票 0

我们的团队在尝试使用 Heroku CLI 部署到生产环境时遇到错误

我们已经尝试解决这个问题有一段时间了,但没有找到有效的解决方案,因此我们想在这里分享部分控制台输出: 远程:> 哈士奇安装 偏僻的: 远程...

回答 1 投票 0

从 Blazor 服务器应用程序访问手机照片库

有一个网站(Blazor 服务器)。客户通过手机访问它,拍摄事故的照片和视频。 他可以将照片、视频发送到服务器并记录在数据库中吗...

回答 2 投票 0

如何删除引导程序中的背景颜色

需要删除我的以下引导程序的背景颜色 #fh5co-英雄 .fh5co-overlay { 位置:绝对; 顶部:0; 左:0; 右:0; 底部:0; z 索引:9; 背景:#3b3d40; // n...

回答 4 投票 0

编辑服务器上主题文件夹中的Style.css

我目前编辑Style.css的过程是使用FTP将文件加载到我计算机上的编辑器中,然后将其保存回网站服务器。 我想使用其中一个来复制这个想法

回答 1 投票 0

将键数组和值数组组合成一个新的键值对数组

我有两个相同大小的数组。 我想将两者合并,以便其中一个的值是新数组的键索引,新数组的值是另一个的值。 现在的我是

回答 3 投票 0

如何将 JSON 获取到 Swift 到 tableView 作为节和行?

我想问如何将文件实现为取决于 userId 的部分,然后在表格视图中再次显示全部内容。 我开始构建简单的项目,我获取 JSON 文件作为解码器并在表 vi 中显示所有内容...

回答 2 投票 0

如何在 Swift 中等待数组被填充

我正在用 Swift 编写一个应用程序,但在以正确的方式填充表格视图时遇到问题。 我正在从 Firestore 获取数据,并有一门课程来帮助我获取该数据。基本过程是我有一个

回答 1 投票 0

无法正确切换 jQuery 条件下的类

有两个具有相同类别的按钮 购物车 愿望 我正在努力...

回答 1 投票 0

从 Google Cloud Build 部署 Firebase 函数时出现问题

部署“托管”的说明似乎非常简单,只是: args: ['部署', '--project=project-id', '--only=hosting'] 现在,我想部署托管和功能,所以我去掉了 '-...

回答 1 投票 0

寻找应用程序(ruby 2.3.8、rails 4.2.11)到最新稳定版本的 ruby 和 Rails 的推荐升级路径

正如标题所述,我正在寻找应用程序(ruby 2.3.8、rails 4.2.11)到最新稳定版本的 ruby 和 Rails 的推荐路径,这是最安全、最稳定的选择,非常...

回答 1 投票 0

为了可读性而制作一个包装方法可以吗?使用包装器方法这个示例是否更具可读性?

在其中一个流程中,我们有太多如下所示的回报: 付款响应.失败( 新错误( 错误代码.ReservedAccountsCreationInProgress.

回答 1 投票 0

由于云资源位置而无法初始化 Firebase 云存储

我正在使用 Firebase 模拟器在本地开发和测试 Cloud Functions,我的用例之一涉及将文件上传到 Cloud Storage。作为此过程的一部分,我初始化 Firebase 模拟器...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.