Cache（十五）：Hisui技术与组件开发

HISUI是一款前端组件类库。 提供linkbutton,linkmenu,combo,datagrid,treegrid,popover,window,lookup,panel,layout,accordion,tab等组件功能。

基础使用

• 在HTML界面引用HISUI

  • 1 <link rel="stylesheet" type="text/css" href="hisui/dist/css/hisui.css">
    2 <script type="text/javascript" src="hisui/dist/js/jquery-1.11.3.min.js"></script>
    3 <script type="text/javascript" src="hisui/dist/js/jquery.hisui.js"></script>

     

• 在CSP界面中引用HISUI

  1 <HISUI/> 或者 1 <HISUI debugger=1 version="lite" css="myself.css"/>
   

• 按钮对应代码

  1 <a class="hisui-linkbutton" data-options="iconCls:'icon-search'">查询</a>

  已有html代码<a id="btn">查询</a>,可在js代码中写入

  var sbtn = $HUI.linkbutton("#btn",{iconCls:'icon-search'});
  sbtn.disable(); //禁用查询按钮
  /*或 
  $("#btn").linkbutton({iconCls:'icon-search'});
  $("#btn").linkbutton("disable");
  */

   

数据访问

• 介绍：通过ajax调用后台方法或Query,且会对特殊敏感关键词进行过过滤insert,select,delete,update,conut,chr,declare,truncate,from,having,base,object,param,script,noscript,alert, confirm,prompt,onmouseleave,onmousewheel,location,eval,function,onabort,onblur,onchange,onclick,ondblclick,onerror,onfocus,onkeydown,onkeypress,onkeyup,onload, onm ousemove,onmouseover,onmouseout,onmousedown,onmouseup,onreset,onselect,onsubmit,onunload,当请求的值中包含这些关键词，且关键词前后有特殊字符时，当前请求值会被置换成空。
• 使用：引用
  

  <script type="text/javascript" src="../scripts_lib/jquery-easyui-1.3.2/jquery-1.8.0.min.js" charset="utf-8"></script>
  <script type="text/javascript" src="../scripts/websys.jquery.js"></script>

CSP界面结构

返回数据可以是字符串也可以是json

创建Json数组

function pwdname(){
	var person1={name:"hyx",sex:"nan"};
	var person2={name:"zs",sex:"nv"};
	
	var personJson={person:[
	{name:"hyx",sex:"nan"},
	{name:"1",sex:"nv"}
	]};
	alert(personJson.person[1].name);
	
	
	
	alert("test");

}

JSON对象和JSON字符串是不同的。JSON对象是在内存中表示数据的JavaScript对象，而JSON字符串是用字符串形式表示的相同数据。

当我们需要将JSON对象发送到服务器或存储在持久性存储中（例如，数据库或文件）时，我们需要将其转换为JSON字符串。这是因为大多数通信协议和存储系统只接受字符串形式的数据。

此外，将JSON对象转换为JSON字符串还有一个重要的原因：数据交换。当你想要将数据从一个系统或服务发送到另一个系统或服务时，通常是通过网络进行的。网络通信通常需要使用字符串格式的数据，因此你需要将JSON对象转换为JSON字符串，以便通过网络发送。在JavaScript中，可以使用JSON.stringify()方法将JSON对象转换为JSON字符串。例如：

let jsonObj = { "name": "John", "age": 30, "city": "New York" };  
let jsonStr = JSON.stringify(jsonObj);  
console.log(jsonStr);  // 输出：'{"name":"John","age":30,"city":"New York"}'

hisui快速2 025.56

注：

使用组件制作页面并挂载菜单