数据库网页搭建教程（二）——数据库网页设计

数据库网页搭建往往由以下步骤构成：一、数据收集；二、数据库结构设计及优化；三、数据库操作SQL；四、数据库网页设计；五、数据可视化；六、网页安全性；七、数据库网页API设计。本节主要以WampServer为例，讲述如何使用PHP将MySQL数据库挂载到网页中。

首先，搭建Apache + MySQL + php环境。在官网上下载并安装WampServer，并利用该软件将MySQL本地数据库挂载到网页中，详细流程参见笔记：
https://blog.csdn.net/Robby_Wu/article/details/116348222?spm=1001.2014.3001.5501

在上述案例中，我们有效地运用PHP调取本地MySQL数据库，并用PHP将数据表的内容展示在网页中。然而，PHP本身不能美化网页，也不能实现用户与网页的动态交互，因而仅仅以MySQL和PHP作为数据库网页架构是远远不够的。为此，我们需要依次了解HTML、CSS、JS和PHP的基本语法，然后再对JS语法做进一步深入理解，并了解jQuery基本语法。这可能需要花费1–7天的时间。推荐的相关教程如下：

• HTML教程：https://www.w3cschool.cn/html/
• CSS教程：https://www.w3cschool.cn/css/
• JS教程：https://www.w3cschool.cn/javascript/
• PHP教程：https://www.w3cschool.cn/php/
• jQuery教程：https://www.w3cschool.cn/jquery/

在学习HTML、CSS、JS和PHP的过程中，一般不用记事本编辑“.html”或“.php”文件的代码，而是用更高级的文本编辑器编写。常用的有Sublime Text、VS Code等。下载地址为：

• Sublime Text：https://www.sublimetext.com/3
• VS Code：https://code.visualstudio.com/Download

这里简明地介绍真正较为流行的网页数据库架构。此架构由HTML、CSS、JS、PHP和MySQL五个部分组成。首先，PHP从MySQL数据库中读取数据，并以JSON数据格式将其呈递给前端变量（JS变量）。JS将前端变量写入到HTML元素中，从而在网页中显示出数据表内容。CSS通过规定一套样式表，从而对网页内容进行美化。用户还可以向服务器发出命令，即利用JS向服务器后端发出数据库检索指令，PHP负责分析用户给出的指令，并重新读取MySQL数据库的内容，将其呈递给JS，并最终向用户展示。

我们可能会感受到大量的知识在错综复杂地关联，但依然无法运用学到的HTML/CSS/JS/PHP语法来实现上述复杂而抽象的数据库网页架构。比较有效的解决方法是利用现有的案例去分析网页数据库不同部分协同工作的机理：
https://blog.csdn.net/Robby_Wu/article/details/116354534

接下来需要考虑的是如何实现一个数据库网页应具备的基本功能，例如数据库查询、排序和分页等。

• 数据库查询：Case Study: 利用JS设计高级检索功能通过PHP获取MySQL数据
• 数据库排序：Case study：在数据库网页中设计数据排序工具
• 数据库分页：Case Study: 利用JS实现数据库网页的数据分页、数据选择、数据详细信息查看功能
• 数据详细信息查看：Case Study: 利用PHP获取关系型数据库中多张数据表的数据

至此，我们能够利用WampServer搭建MySQL+PHP+Apache网页数据库，了解了网页数据库的基本架构，综合使用HTML/CSS/JS/PHP/MySQL的简单语法实现网页数据库与用户的基本交互。下一步应该考虑的是如何对数据进行简单的统计分析，并将可视化结果展示给用户。

上一篇：数据库网页搭建教程（一）——数据准备
下一篇：Under Construction…