EasyUI 实战1

一、相关知识点

    1、MD5加密

       数据库中的用户密码做加密处理，以提高密码的安全度。MD5是单向加密功能，所以只能加密后到数据库进行确认。

       使用MD5需要js插件

       A、在项目中导入js文件：在js目录中导入jquery.md5.js，在项目下面导入Md5Class.cs。

       B、相关页面引入js：js/jquery.md5.js

          如：前台js加密：var pwd = $.md5($.trim($("#txtPwd").val()));       

              后台js加密：Md5Class.GetMD5(pwd);     //MD5Class中的GetMD5方法来对pwd进行加密，可进行16位或32位加密。

       C、加盐方法：从客户端传密码时做一次MD5加密，到了服务器端后再进行MD5加密，加密时再第一次加密的基础上添加一些独 有的信息后加密，使解密难上加难。

          如：Md5Class.GetMD5(pwd+"123abc");    //123abc就是在pwd基础上添加的"盐"

    2、EasyUI

       A、把整个easyui目录导入到项目根目录下面。

       B、在相关页面引入主体的css文件和图表的css文件。

          主体的css：easyui/themes/default/easyui.css

          图表的css：easyui/themes/icon.css

       C、引入jq插件

          先引入jq的主文件：easyui/jquery-1.8.0.min.js

          再引入easyui的jq文件：easyui/jquery.easyui.min.js

       D、[EasyUI官方API中文版.exe]提供了丰富的帮助文档，可参考。

          1）面板：class="easyui-layout"

          2）按钮：class="easyui-linkbutton"

          3）菜单：class="easyui-accordion"

          4）树结构：class="easyui-tree"

          5）选项卡：class="easyui-tabs"

          6）iframe：在tabs里面添加iframe后把页面显示在iframe里面。

          7）汉化处理：需要额外引入easyui/locale/easyui-lang-zh_CN.js

          8）打印：需要引入js/jquery.jqprint-0.3.js

          9）datagrid：EasyUI提供的datagrid需要多个参数

             url: "../Ajax/UserMAjax.ashx",                       //后台页面地址

             queryParams: { cmd: "list", strWhere: strWhere },    //传到后台的json格式参数

             pagination: true,                                    //是否允许分页

             rownumbers: true,                                    //是否显示行号

             singleSelect: false,                                 //是否只选择一行

             pageSize: 15,                                        //每一页默认显示多少条数据

             checkOnSelect: false,                                //选中某一行的是否复选框是否可以勾上

             pageList: [5, 10, 15, 20, 25],                       //设置默认可选的分页记录数

             columns: [[字段列表]]                                //设置每个要显示的字段

              如：columns: [[                                //注意使用了双层中括弧

                      {

                          field: "UserName",                       //设置用户名字段

                          title: "用户名",

                          align: "center",

                          width: 100

                      },

                      {

                          field: "Sex",                            //设置性别字段

                          title: "性别",                           //但数据库中时用1、2来表示性别的

                          align: "center",

                          width: 50,

                          formatter: function (val, row)           //用formatter把1、2改成男、女

                          {

                              var sex = "";

                              if (val == "1") {

                                  sex= "男";

                              }

                              else {

                                  sex= "女";

                              }

                              return sex;

                          }

                      }

                  ]]

                  ** 调试时发现程序改了代码，但在浏览器上没效果时需要考虑一下浏览器缓存问题。