国庆节的一半走在折腾这个应用,由于是个人的第一个WEB开发,所以走了不少弯路 :-) 废话不说了,上图:
开发环境:
- Grails 1.3.4
- Acegi 0.5.3
- class-diagram 0.5.2
实现功能:
- 基于Acegi的权限管理框架
- 基于JQuery EasyUI 1.2的Tab布局
遇到的几个问题和收获:
1) 如何通过iframe新建TAB页
<a href="javascript:void(0)" class="easyui-linkbutton" plain="true" iconCls="icon-cancel" onclick="addTab('用户管理', '/matrix/user/list');">用户管理</a><br>
这里的这个链接:"/matrix/user/list"花了我好长的时间,才知道在DEBUG环境下需要添加一个"/matrix"
function addTab(title, url){
if ($('#tt').tabs('exists', title)){
$('#tt').tabs('select', title);
} else {
var content = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>';
$('#tt').tabs('add',{
title:title,
content:content,
closable:true
});
}
}
2) 权限系统初始化:
class BootStrap {
def authenticateService = new AuthenticateService()
def init = { servletContext ->
new Role(authority: 'ROLE_ADMIN_USER', description: '系统管理员').save()
new Role(authority: 'ROLE_USER', description: '普通用户').save()
println "系统角色:"
println Role.findAll()
def user = new User(
username: 'administrator',
passwd: authenticateService.passwordEncoder("123456"),
enabled:true,
email:"bruce.lin.chn@gmail.com",
userRealName:"热带翎羽",
mobile:"18900000000",
telephone:"0592100000"
)
user.addToAuthorities(Role.findByAuthority("ROLE_ADMIN_USER"))
user.save()
user = new User(
username: 'bruce',
passwd: authenticateService.passwordEncoder("123456"),
enabled:true,
email:"bruce.lin.chn@gmail.com",
userRealName:"热带翎羽",
mobile:"18900000000",
telephone:"0592100000"
)
user.addToAuthorities(Role.findByAuthority("ROLE_USER"))
user.save()
println "系统预置用户:"
println User.findAll()
new RequestMap(url:"/user/*", configAttribute:"ROLE_ADMIN_USER").save()
new RequestMap(url:"/role/*", configAttribute:"ROLE_ADMIN_USER").save()
new RequestMap(url:"/requestmap/*", configAttribute:"ROLE_ADMIN_USER").save()
println "权限映射:"
println RequestMap.findAll()
}
def destroy = {
}
}
未解决的问题:
FORM的整体表现太“雷”人了,不知道如何优化一下,比如说:排版... 图标和圆角修饰
- 大小: 31.3 KB
- 大小: 24.3 KB
分享到:
相关推荐
基于easyui的OA系统,是个模板框架,我博客里有预览,
easyui框架,easyui框架,easyui框架,easyui框架,easyui框架easyui框架easyui框架
EasyUI做的漂亮的后台管理框架 基于easyui的后台ui,包括对easyui的扩展,及前台封装.此demo一直在完善中
基于easyui 框架 通过读取json 文件 实现三联动效果,index3.html 是基于jQuery 通过读取json 文件实现省市区三联动效果, index4.html是基于easyui 框架 实现的省市区三联动效果
基于easyui做的一套管理系统 基于easyui做的一套管理系统
这是我自己空闲时间搭建的一个Easyui后台前端框架,希望它可以对大家有帮助。
easyui的一套管理系统皮肤框架,界面还比较美观。
基于easyui前台框架搭建,直接可以根据返回数据调用,可以镶嵌页面
jQuery easyui 的经典应用,后台框架首选
jQuery.easyui框架源码jQuery.easyui框架源码jQuery.easyui框架源码
easyUI框架下载
一个easyui框架的应用,利用html、jquery等实现。
ASP.NET MVC5+EasyUI企业开发框架源码 ASP.NET MVC5+EasyUI企业开发框架源码
这个后台看起来很优美,也很简洁,对于学习easyui有很大帮助,install.php是安装文件
Easyui+ashx权限菜单权限管理框架
基于EasyUI的仓库管理系统
本项目是基于EasyUI改进的...该项目对上一个项目进行了页面改进,使用了EasyUI框架来提升用户体验和界面美观。项目结构清晰,代码注释详尽,适合用于学习和研究Java、JSP、Hibernate以及EasyUI在Web应用开发中的应用。
使用easyui框架的web应用,详细介绍了使用easyui框架的的使用