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}); });