停止数据库读取阻止web ui呈现

Question

我正在构建一个PHP Web服务.

在编写太多代码之前,我可以看到一个问题迫在眉睫,并希望得到一些如何对抗它的输入.

我有14个站点,每个站点都包含一个mysql数据库的实例,该数据库由另一个自定义perl脚本更新.

为了将这些数据合并到一个Web前端,我试图编写一个执行以下操作的php网页.

在首页上,Web服务器连接到所有14个数据库服务器并提取其所需的信息,然后在页面上呈现它.目前,这完美无缺,因为所有数据都保存在我的本地机器上,但在生产中,这些数据将分布在14个独立的数据库中.

所以我的问题是,从UI绘画中抽象数据库读取的最佳方法是什么.理想情况下,我希望有完整的网页渲染,加载栏指示用户何时可以期望显示数据.

这是通过AJAX可以实现的,或者我应该朝另一个方向看.

提前致谢.

Answer 1

我会做这样的事情：

\n\n

\n
• 创建一个可以从 AJAX 调用的小型 php 代理，因为您无法使用 AJAX 连接到其他网站
\n
• 显示元素为空的完整页面布局
\n
• 一旦 DOM 准备好使用 AJAX 就开始显示元素
\n
• 当您开始从函数加载数据时，每个元素都会有一个加载栏
\n

\n\n

例如：

\n\n

 ___________________________________\n| data_1 | data_2 | data_3 | data_4 |\n \xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\n

\n\n

start 函数loadData1()将用加载栏替换 data1_id 并启动 AJAX 调用

\n\n

 ___________________________________\n| ...... | data_2 | data_3 | data_4 |\n \xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\xe2\x80\xbe\n

\n\n

其他元素也一样

\n