jq資料庫

⑴ 在web 中php，HTML，CSS, JS, jquery, vue, node 的作用是啥

php是後端語言，簡單來說就是處理數據的，html是用來布局的，css是用來修飾的。
js和jq都是腳本語言，操作dom的，vue是一個框架，node也是後端語言。
首先說一下前端部分：html就是等於你新建的房子，還沒有裝修，只有一個架構，
css就是等於裝修你的房子。使頁面變得好看。jq是js的封裝，就是把js的一些方法封裝起來進行調用，都是屬於腳本語言，用法都差不多，例如你要點擊一個頁面的按鈕觸發什麼事件就是使用js或jq來控制的
再到vue,vue是一個前端框架，它有很多特定的功能，例如：雙向數據綁定，data傳數據等等，非常方便。（功能還有很多，詳細的你自己去學這里只是舉例一下），php和node都是後端語言，但是node的定性有點不確定性，它雖然是後端語言，但是使用這個語言最多的還是前端開發，它除了可以寫後端數據，它還是很多框架的依賴，例如vue就是需要依賴node環境的。
至於php,我舉個例子：你開發了一個官網，但是你的圖片和產品一開始都是靜態的，就是都是你寫在上面的，但是我總不能每次修改都從代碼裡面去改，然後再上傳到伺服器吧，所以我們需要通過後端返回數據，把資料庫裡面的圖片或產品參數通過php的介面來獲取到數據，然後把數據渲染在前端頁面上，這樣只要資料庫裡面的東西修改了，前端頁面自動就替換了新的內容。當然我們是不會自己在資料庫上面去改的，我們還會寫一個管理後台，通過管理後台去上傳圖片到資料庫，不管是前端頁面還是管理後台都是通過php（後端語言）來處理數據進行交互的。

⑵ 從資料庫中的行jqGrid顯示圖像問題，怎麼解決

$(function(){ jQuery("#list").jqGrid({ url:'do.php?action=list', //請求數據的url地址 datatype: "json", //請求的數據類型 height: 600, width: 1100, colNames:['訂單號','訂單ID','客戶姓名','訂單SKU','產品名稱', '數量','訂單狀態'], //數據列名稱（數組） colModel:[ //數據列各參數信息設置 {name:'order_id',index:'order_id', editable:true, width:190,align:'center',title:false}, {name:'order_item_id',index:'order_item_id', width:130,title:false,formatter:imageFormat}, {name:'buyer_name',index:'buyer_name', width:100}, {name:'sku',index:'sku', width:90}, {name:'proct_name',index:'proct_name', width:250,align:'center'}, {name:'quantity_purchased',index:'quantity_purchased', width:40,align:'center'}, {name:'shipments',index:'shipments', width:60, sortable:false, align:'center'} ], rowNum:10, //每頁顯示記錄數 rowList:[10,20,30], //分頁選項，可以下拉選擇每頁顯示記錄數 pager: '#pager', //表格數據關聯的分頁條，html元素 autowidth: true, //自動匹配寬度 height:275, //設置高度 gridview:true, //加速顯示 viewrecords: true, //顯示總記錄數 loadonce:true, rownumbers: true, multiselect: false, //可多選，出現多選框 multiselectWidth: 25, //設置多選列寬度 sortable:true, //可以排序 sortname: 'order_id', //排序欄位名 sortorder: "desc", //排序方式：倒序，本例中設置默認按id倒序排序 loadComplete:function(data){ //完成伺服器請求後，回調函數 if(data.records==0){ //如果沒有記錄返回，追加提示信息，刪除按鈕不可用 $("p").appendTo($("#list")).addClass("nodata").html('找不到相關數據！'); $("#del_btn").attr("disabled",true); }else{ //否則，刪除提示，刪除按鈕可用 $("p.nodata").remove(); $("#del_btn").removeAttr("disabled"); } } }); jQuery("#list").jqGrid('navGrid','#pager',{del:false,add:false,edit:false,search:false});jQuery("#list").jqGrid('filterToolbar',{stringResult: true,searchOnEnter : false}); });