希望我想做的事情有意义。
我正在从事一个元素，该元素有望简化定期使用的现有工具。它在风格和语言上都非常过时。到目前为止，我所做的是设计一个示例布局来测试该工具的功能。 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">×</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 它。
我目前正在 ACCESS 中构建数据库，这应该在第二天左右完成，具体取决于我其他工作职能的繁忙程度。
如有任何帮助，我们将不胜感激。谢谢大家的宝贵时间。
编辑:这是否可能使用 JavaScript 和数据库文件，或者我肯定需要运行某种类型的服务器(甚至是 IIS)才能实现这一点。我的工作系统上的工具非常有限。
最佳答案
HTML 和 CSS 处理表示和布局，包括前端。您的数据库和选择的应用程序语言(C#、PHP 等)构成后端。
听起来您可能想要将其开发为 MVC 元素或使用 JavaScript 来执行 AJAX 请求。 AJAX 请求将从某种 Controller 操作或应用程序页面接收数据，并将其显示在您想要的位置。
获取和操作数据的方式有很多种；这都是非常主观的，取决于您的要求。这是一个您需要自己回答的问题。
关于html - 链接到数据库(独立)以使用 html/css 页面进行测试，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37376485/