『壹』 前端上傳文件實時顯示進度條和上傳速度的工作原理是怎樣的
xhr對象的upload.onprogress事件在上傳過程中會多次回調
可以獲取到當前上傳的位元組數、總位元組數、時間戳等信息
根據上傳位元組數和總位元組數計算上傳百分比
根據時間戳可以判斷兩次progress事件間隔，再判斷此期間內的上傳位元組數，做個除法就是上傳速度
『貳』 tp5.0中怎樣將從資料庫中取到的小數值轉變為 %形式在前端展示
先建立數據表並插入數據
這里假設已經存在user表，並且有一條數據id：1，name：admin
那麼讀取這個數據的過程是
$data = M('User')->select();$this->assign('user',$data);
模板中的調取代碼是
<volist name="user" id="v"> 用戶名：{$v.name} ID：{$v.id}</volist>
『叄』 web前端頁面展示是如何實現的
使用freemarker是最方便的
添加依賴
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
然後直接在src\main\resources\templates，寫.ftl文件作為前端頁面就行了
『肆』 （前端開發）在網頁上顯示這種工作流流程圖，該用什麼方法
這種插件貌似沒有，不過就我知道的技術實現手段倒是有
http://raphaeljs.com/graffle.html
樓主耐心點改下代碼應該可以
『伍』 如何把zabbix里的數據展示到前端
做過Zabbix的同學都知道，Zabbix通過專用的Agent或者SNMP收集相關的監控數據，然後存儲到資料庫裡面實時在前台展示。Zabbix監控數據主要分為以下兩類：
歷史數據：history相關表,從history_uint表裡面可以查詢到設備監控項目的最大，最小和平均值,即存儲監控數據的原始數據。
趨勢數據：trends相關表,趨勢數據是經過Zabbix計算的數據，數據是從history_uint裡面匯總的，從trends_uint可以查看到監控數據每小時最大，最小和平均值，即存儲監控數據的匯總數據。
Zabbix可以通過兩種方式獲取歷史數據：
1.通過Zabbix前台獲取歷史數據
通過Zabbix前台查看歷史數據非常簡單，可以通過Monitoring->Lastest data的方式查看。也可以點擊右上角的As plain test按鈕保存成文本文件。
2.通過前台獲取的數據進行處理和二次查詢有很多限制，因此可以通過sql語句直接從後台DB查詢數據。
首先大家應該熟悉SQL語句Select 常用用法：
SELECT [ALL | DISTINCT] Select_List [INTO [New_Table_name]
FROM { Table_name | View_name} [ [,{table2_name | view2_name}
[,…] ]
[ WHERE Serch_conditions ]
[ GROUP BY Group_by_list ]
[ HAVING Serch_conditions ]
[ ORDER BY Order_list [ASC| DEsC] ]
說明：
1)SELECT子句指定要查詢的特定表中的列，它可以是*，表達式，列表等。
2)INTO子句指定要生成新的表。
3)FROM子句指定要查詢的表或者視圖。
4)WHERE子句用來限定查詢的范圍和條件。
5)GROUP BY子句指定分組查詢子句。
6)HAVING子句用於指定分組子句的條件。
7)ORDER BY可以根據一個或者多個列來排序查詢結果，在該子句中，既可以使用列名，也可以使用相對列號，ASC表示升序，DESC表示降序。
8）mysql聚合函數：sum()，count()，avg()，max()，avg()等都是聚合函數，當我們在用聚合函數的時候，一般都要用到GROUP BY 先進行分組，然後再進行聚合函數的運算。運算完後就要用到Having子句進行判斷了,例如聚合函數的值是否大於某一個值等等。
『陸』 資料庫數據從後台到前端頁面展示
使用Ajax數據，這是前端可以做到的，PHP也可以直接輸入數據
『柒』 前端面試被問到，就是一個電商頁面展示5萬個商品，如果我做價格篩選，展現出500個商品。這個過程
每頁顯示500個，還是做價格篩選只能展示固定的500個。
『捌』 POI列總計，我想利用Java中POI插件做一個列求和的效果，最好前端也能展示出來，如圖所示
我感覺你也可以在後端計算出結果傳遞到前端拼接出來呀
『玖』 PHP調用存儲過程的結果集如何非同步展示在前端表格中
本文闡述了怎麼使用DBMS存儲過程。我闡述了使用存儲過程的基本的和高級特性，比如返回ResultSet。本文假設你對DBMS和JDBC已經非常熟悉，也假設你能夠毫無障礙地閱讀其它語言寫成的代碼（即不是Java的語言），但是，並不要求你有任何存儲過程的編程經歷。
存儲過程是指保存在資料庫並在資料庫端執行的程序。你可以使用特殊的語法在Java類中調用存儲過程。在調用時，存儲過程的名稱及指定的參數通過JDBC連接發送給DBMS，執行存儲過程並通過連接（如果有）返回結果。
使用存儲過程擁有和使用基於EJB或CORBA這樣的應用伺服器一樣的好處。區別是存儲過程可以從很多流行的DBMS中免費使用，而應用伺服器大都非常昂貴。這並不只是許可證費用的問題。使用應用伺服器所需要花費的管理、編寫代碼的費用，以及客戶程序所增加的復雜性，都可以通過DBMS中的存儲過程所整個地替代。
你可以使用Java，Python，Perl或C編寫存儲過程，但是通常使用你的DBMS所指定的特定語言。Oracle使用PL/SQL，PostgreSQL使用pl/pgsql，DB2使用Proceral SQL。這些語言都非常相似。在它們之間移植存儲過程並不比在Sun的EJB規范不同實現版本之間移植Session Bean困難。並且，存儲過程是為嵌入SQL所設計，這使得它們比Java或C等語言更加友好地方式表達資料庫的機制。
因為存儲過程運行在DBMS自身，這可以幫助減少應用程序中的等待時間。不是在Java代碼中執行4個或5個SQL語句，而只需要在伺服器端執行1個存儲過程。網路上的數據往返次數的減少可以戲劇性地優化性能。
使用存儲過程
簡單的老的JDBC通過CallableStatement類支持存儲過程的調用。該類實際上是PreparedStatement的一個子類。假設我們有一個poets資料庫。資料庫中有一個設置詩人逝世年齡的存儲過程。下面是對老酒鬼Dylan Thomas（old soak Dylan Thomas，不指定是否有關典故、文化，請批評指正。譯注）進行調用的詳細代碼：
try{
int age = 39;
String poetName = "dylan thomas";
CallableStatement proc = connection.prepareCall("{ call set_death_age(?, ?) }");
proc.setString(1, poetName);
proc.setInt(2, age);
cs.execute();
}catch (SQLException e){ // ....}
傳給prepareCall方法的字串是存儲過程調用的書寫規范。它指定了存儲過程的名稱，？代表了你需要指定的參數。
和JDBC集成是存儲過程的一個很大的便利：為了從應用中調用存儲過程，不需要存根（stub）類或者配置文件，除了你的DBMS的JDBC驅動程序外什麼也不需要。
當這段代碼執行時，資料庫的存儲過程就被調用。我們沒有去獲取結果，因為該存儲過程並不返回結果。執行成功或失敗將通過例外得知。失敗可能意味著調用存儲過程時的失敗（比如提供的一個參數的類型不正確），或者一個應用程序的失敗（比如拋出一個例外指示在poets資料庫中並不存在「Dylan Thomas」）
結合SQL操作與存儲過程
映射Java對象到SQL表中的行相當簡單，但是通常需要執行幾個SQL語句；可能是一個SELECT查找ID，然後一個INSERT插入指定ID的數據。在高度規格化（符合更高的範式，譯注）的資料庫模式中，可能需要多個表的更新，因此需要更多的語句。Java代碼會很快地膨脹，每一個語句的網路開銷也迅速增加。
將這些SQL語句轉移到一個存儲過程中將大大簡化代碼，僅涉及一次網路調用。所有關聯的SQL操作都可以在資料庫內部發生。並且，存儲過程語言，例如PL/SQL，允許使用SQL語法，這比Java代碼更加自然。下面是我們早期的存儲過程，使用Oracle的PL/SQL語言編寫：
create procere set_death_age(poet VARCHAR2, poet_age NUMBER)
poet_id NUMBER;
begin SELECT id INTO poet_id FROM poets WHERE name = poet;
INSERT INTO deaths (mort_id, age) VALUES (poet_id, poet_age);
end set_death_age;
很獨特？不。我打賭你一定期待看到一個poets表上的UPDATE。這也暗示了使用存儲過程實現是多麼容易的一件事情。set_death_age幾乎可以肯定是一個很爛的實現。我們應該在poets表中添加一列來存儲逝世年齡。Java代碼中並不關心資料庫模式是怎麼實現的，因為它僅調用存儲過程。我們以後可以改變資料庫模式以提高性能，但是我們不必修改我們代碼。
下面是調用上面存儲過程的Java代碼：
public static void setDeathAge(Poet dyingBard, int age) throws SQLException{
Connection con = null;
CallableStatement proc = null;
try {
con = connectionPool.getConnection();
proc = con.prepareCall("{ call set_death_age(?, ?) }");
proc.setString(1, dyingBard.getName());
proc.setInt(2, age);
proc.execute();
}
finally {
try { proc.close(); }
catch (SQLException e) {}
con.close();
}