使用 html/css 页面链接到数据库（独立）以进行测试

Question

希望我想做的事情是有意义的。

我正在开展一个项目，该项目有望简化定期使用的现有工具。它在风格和语言上都非常过时。到目前为止，我已经设计了一个示例布局来测试这个工具的功能。 HTML 和 CSS 代码在这里供查看，因为它的显示效果不如嵌入的 html：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
</head>
<body>

<div class="w3-container w3-black w3-center">
<h2 class="w3-text-red">Tool</h2>
</div>

<div class="w3-row-padding w3-margin-top">

<div class="w3-col" style="width:20%;">
<div class="w3-container">
<button onclick="document.getElementById('id01').style.display='block'" class="w3-btn">A***0</button>

<div id="id01" class="w3-modal">
<div class="w3-modal-content">
<div class="w3-container w3-card-8">
<span onclick="document.getElementById('id01').style.display='none'" class="w3-closebtn">&times;</span>
<p>Name:</p>
<p>Service 1:</p>
<p>Service 2:</p>
<p>Service 3:</p>
<p>Service 4:</p>
<p>Devices:</p>
<div class="w3-row-padding w3-margin-top">
<div class="w3-col" style="width:20%;">
<a target="_blank" href="#"><img src="" alt="Device 1"></a>
</div>
</div>

<div class="w3-row-padding w3-margin-top">
<div class="w3-col" style="width:20%;">
<img src="" alt="Device 2">

</div>
</div>

<div class="w3-row-padding w3-margin-top">
<div class="w3-col" style="width:20%;">
<img src="" alt="Device 3">

</div>
</div>

<div class="w3-row-padding w3-margin-top">
<div class="w3-col" style="width:20%;">
<img src="" alt="Device 4">

</div>
</div>

<div class="w3-row-padding w3-margin-top">
<div class="w3-col" style="width:20%;">
<a target="_blank" href="#"><img src="" alt="Device 5"></a>

</div>
</div>

</div>
</div>
</div>

</div>
</div>

</body>
</html>

当它在 Chrome 中运行时（用作 IE 阻止某些代码的企业设置），您会得到一个非常小的页面示例（这里再次用于简单测试目的）。

这是使用直接的 HTML/CSS3 来调出带有按钮的页面。单击按钮时，会弹出一个显示特定信息的模式。到目前为止，所有标签都非常通用，因为这是用于工作的，并且某些信息是专有的。我想要做的（同样简单，仅用于测试）是当单击按钮以调出 MODAL 时，将从数据库传递信息以填写 MODAL 中特定列表的信息。

示例：MODAL 中的服务 1 需要从数据库中提取特定客户/客户的信息。

我正在寻找在本地计算机上执行此操作的最简单方法。我不希望构建整个数据库或部署在公司服务器上，因为这远远超出了我的薪酬等级和经验。

我目前在 asp.net MVC4 和 SQL 方面的经验非常有限（这意味着我刚刚开始学习这两种方法并完成了 MVC 音乐商店教程）所以我认为我可以用它来构建一些东西，但想知道是否有一种更简单的方法是使用 html/css 和可能的 MSACCESS，因为我在工作时可以访问它。

我目前正在 ACCESS 中构建数据库，这应该在第二天左右完成，具体取决于我对其他工作职能的忙碌程度。

任何帮助将不胜感激。谢谢大家的时间。

编辑：这是否可能使用 JavaScript 和数据库文件，或者我肯定需要运行某种类型的服务器（甚至是 IIS）才能实现这一点。我的工作系统上的工具非常有限。

Answer 1

HTML 和 CSS 处理表示和布局，包括前端。您的数据库和选择的应用程序语言（C#、PHP 等）构成后端。

听起来您可能希望将其开发为 MVC 项目或使用 JavaScript 来执行 AJAX 请求。 AJAX 请求将从某种控制器操作或应用程序页面接收数据，并将其显示在您想要的位置。

获取和操作数据的方式有很多种；这一切都非常主观，取决于您的要求。这是您需要自己回答的问题。