如何從mysql獲取評分星級值？

Question

在我的基於Worklight的應用程序中，我有一個存儲在mysql中的評估值（int）。我有作爲JSON數據的評價整數值。

{"storeId":1000,"zipcode":"600014","rating":3,} 

使用Jquery我需要在應用程序中以星號圖像的形式顯示該評級值。 如果值是2，那麼我需要顯示2星形圖像，等等。

我該如何做到這一點？

Answer 1

到目前爲止，看看你已經實現了什麼（適配器實現，客戶端適配器調用......）會很有幫助。
沒有它，我只能提供一種可能的方式從數據庫獲取值並顯示它。

假設：

• 在你的數據庫中，有一個「明星」字段和值
• 在應用程序中的常見\ images文件夾，還有一個明星的形象
• 你有created a SQL adapter and configured it correctly

實現：

1. 在共同\ index.html的有，例如，一個空UL元素只是讓所取得的數據將是一個列表：

   <ul id="usersAndStars"></ul> 
   

2. 在共同\ JS \ main.js，調用適配器：

   // Of course, you can invoke it whenever you actually want to, and not like below... 
   function wlCommonInit(){ 
       getStarsFromDatabase(); 
   } 
   
   function getStarsFromDatabase() { 
       var invocationData = { 
        adapter: 'getStars', 
        procedure: 'getStars' 
       }; 
   
       WL.Client.invokeProcedure(
        invocationData, 
        { 
         onSuccess: displayStars, 
         onFailure: failedGettingStars 
        }); 
   } 
   

3. 然後你處理調用，成功與失敗的響應：

   function failedGettingStars() { 
       alert("failure"); 
   } 
   
   function displayStars(response) { 
       var ul = $('#usersAndStars'); 
       var i, j, li; 
   
       for (i = 0; i < response.invocationResult.resultSet.length; i += 1) {  
        // Create new <li> element and populate it 
        li = $("<li/>").text("Item " + [i+1] + " has " + response.invocationResult.resultSet[i].stars + " stars: "); 
   
        // Add images of a star 
        // Note that this is purely applicative - instead of adding several img tags, 
        // You could simply add an image showing 5 or 2 or 3 or however stars you want... 
        // Or in any other way you want. 
        for (j = 0; j < response.invocationResult.resultSet[i].stars; j += 1) { 
         li.append("<img src='images/\star.png' alt='star'/>"); 
        } 
   
        // Append the <li> element to the <ul> element 
        ul.append(li); 
       }; 
   } 
   

4. 在適配器\ getStars \ getStars-impl.js文件：

   var selectStatement = WL.Server.createSQLStatement("select * from users"); 
   
   function getStars() {  
       return WL.Server.invokeSQLStatement({ 
        preparedStatement : selectStatement, 
        parameters : [] 
       }); 
   } 
   

5. 在適配器\ getStars \ getStars.xml文件：

   ... 
   ... 
   ... 
   <procedure name="getStars"/> 
   

最終結果是：