我也没怎写过博客,小菜鸟一个,因为项目需要,得用一个前台框架,ext也学过,但是觉得那玩意儿太重口味了,不太好用,就没有深入,后来在网上看见easyui,感觉还不错,就研究了下,做了这个例子 下面是效果图:
这个是登录框,用户名框用的是combobox,用户可以选择已保存过的cookie,也可以自己输入
这是一个主页面,是所有用户的信息 ,不过我这只有一条记录。
这个是菜单。。。。
新用户注册,检验是相当全的,通过扩展,新增了几个检验规则:
$.extend($.fn.validatebox.defaults.rules, {
onlyCN:{
validator: function(value, param){
return /^[\u4E00-\u9FA5]+$/.test(value);
},
message: '请输入中文...'
}
});
$.extend($.fn.validatebox.defaults.rules,{
equalsTo:{
validator:function(value,param){
return value == $(document.getElementById(param)).val();
},
message:'密码不匹配...'
}
});
$(function(){
$.extend($.fn.validatebox.defaults.rules,{
countOrEn : {
validator : function(value,param){
return /^\w+$/.test(value) && value.length >= 6 && value.length <= 12;
},
message : "登录名由字母数字下划线组成,并且长度为6~12..."
}
})
});
用户信息修改:省市两级联动也可以用
另外,datagrid的列有右键功能,取消某列可以屏蔽该列的显示:
下载用户数据excel批量导入模版:
查询日志:
上传自己的图片:
大概功能只有这么多,对了,该简单的系统还对外提供了一个webService接口,只需传入用户的真实姓名,服务器会返回包含该用户信息的JSON字符串。
客户端调用webservice,我写了个简单的调用方法,可以参考下“
public class WebServiceUtil {
public static String getDataFromWebService(String name){
Client client = null;
Object[] result = null;
Object[] params = new Object[1];
params[0] = name;
try {
client = new Client(new URL("http://localhost:8089/msgSystem/services/msgSystemQuery?wsdl"));
result = client.invoke("queryMessage", params);
} catch (MalformedURLException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}
return result[0].toString();
}
我的webservice对外公布的方法就是代码中的queryMessage,接收params是一个表示用户真实姓名的字符串。
可能有些小功能没提到,
有兴趣的同学可以下来研究下。。。虽然简单,对于刚学的还有有些帮助的
源码压缩过了10M,我想想办法。。
如果需要请留言
- 描述: 这是登录筐
- 大小: 15.9 KB
- 描述: 这是主页面
- 大小: 43.2 KB
- 描述: 主菜单
- 大小: 44.9 KB
- 描述: 注册,校验也有
- 大小: 27.1 KB
- 描述: 日志
- 大小: 152.7 KB
- 描述: 信息修改
- 大小: 21.4 KB
- 大小: 23.8 KB
- 大小: 33.8 KB
- 大小: 29.6 KB
- 大小: 8.3 KB
分享到:
相关推荐
jQuery+EasyUI开发示例(附源码)
1. 本例子采用Vs2012编译(其它VS版本可以转换后使用) 2. MVC + easyUI + sqlserver2005(及以上) 3. 主要功能:新增、修改、删除、分页、表格多表头、表格行内编辑、导出Excel文件、上传图片、权限设置。
包含EasyUI各个组件的演示例子;EasyUI各个组件在移动端开发的演示例子 EasyUI对于各个国家的语言包;EasyUI使用的插件js代码;EasyUI插件的js源码 EasyUI主题文件等 官网下的 放心
jqueryEasyUI中的dataGrid实现的表格的增删改查,后台使用servlet,有数据库源码
easyui资源包括源码和例子,button tree menu layout 等
模仿QQ留言板的简单例子,简单实用,从前端静态页面到后端实现接口一整套代码的资源,供大家参考,学习交流
SpringMVC+Hibernate +MySql+ EasyUI 框架源码 以及demo源码例子
1. 本例子采用Vs2012编译(其它VS版本可以转换后使用) 2. MVC + easyUI + sqlserver2005(及以上) + eCharts 3. 主要功能:新增、修改、删除、分页、表格多表头、表格行内编辑、导出Excel文件、上传图片、权限设置、...
这个本人经常精心调试出来的示例,import 进来就可以使用,例子简单,附有数据库脚本 Struts2+Spring+EasyUI+JDBCTemplate学习源码
官方jquery easyui-1.3.5,包含官方例子和源码!非常不错的文档
主要功能:新增、修改、删除、分页、导出Excel文件、上传图片、权限设置、图形报表展示 (权限设置只是为了练习easyUI tree的使用,具体项目具体分析) (例子涉及两张表(用户表+权限表),datagrid分页默认采用sqls
1. 本例子采用Vs2012编译(其它VS版本可以转换后使用) 2. MVC + easyUI + sqlserver2005(及以上) + eCharts 3. 主要功能:新增、修改、删除、分页、表格多表头、表格行内编辑、导出Excel文件、上传图片、权限设置、...
1. 本例子采用Vs2012编译(其它VS版本可以转换后使用) 2. MVC + easyUI + sqlserver2014 + eCharts 3. 主要功能:新增、修改、删除、分页、表格多表头、表格行内编辑、导出Excel文件、上传图片、权限设置、图形报表...
一、源码特点 1. 本例子采用Vs2012编译(其它VS版本可以转换后使用) 2. MVC + easyUI + sqlserver2005(及以上) + eCharts 3. 主要功能:新增、修改、删除、分页、表格多表头、表格行内编辑、导出Excel文件、上传...
我是某上市软件公司开发部经理,已经有8年的开发经验,这是我为我们部门的新项目准备的基础工程,里边包含一个用户管理的增删改查的小例子,拿出来与大家分享。
1. 本例子采用Vs2012编译(其它VS版本可以转换后使用) 2. MVC + easyUI + sqlserver2005(及以上) + eCharts 3. 主要功能:新增、修改、删除、分页、表格多表头、表格行内编辑、导出Excel文件、上传图片、权限设置、...
NULL 博文链接:https://shadow5314.iteye.com/blog/1541260
jquery easyui 是一款前端组件库,它依赖于jquery,组件与组件之间完全独立,使用简单,上手...这是兼容IE8的jquery easyui最后一个版本。 包含文件: 1.0 使用说明文档 2.0 使用例子Demo 3.0 类库及其源码等等文件