`
热带翎羽
  • 浏览: 65083 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

100%拿来主义——基于EasyUI和Grails的应用"框架"?!

阅读更多
国庆节的一半走在折腾这个应用,由于是个人的第一个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
1
1
分享到:
评论
2 楼 xpjava 2014-09-12  
大侠您好! 我在使用easyui 的时候发现 他与grails 的sitemesh冲突, 设置tabs 的时候总是无法正常显示。

您遇到过类似的问题吗?
1 楼 lovefly_zero 2011-09-21  
有源码吗?

相关推荐

    基于easyUi框架OA办公管理系统页面模板VIP.rar

    jQuery基于easyUi前端框架开发OA办公安全管理界面模板。包括功能菜单、权限管理、用户管理、人员管理、部门管理、角色管理、表格管理、表单管理、报表管理、统计分析、流程图、地图、日程管理等十多个界面。

    EasyUI做的漂亮的后台管理框架

    描述中提到,这个框架基于EasyUI,并进行了扩展和前台封装,意味着它不仅包含EasyUI的基本功能,还可能有一些定制化的改进和优化,以适应不同的业务需求。此外,它是一个持续完善的项目,意味着开发者可以期待更多的...

    easyui框架

    EasyUI 是一个基于 jQuery 的轻量级前端开发框架,它为开发者提供了丰富的组件,包括布局、表格、对话框、菜单、按钮、表单等,帮助快速构建用户界面和交互。这个"easyui框架"的项目源码是一个入门级别的示例,尽管...

    基于Easyui和Thinkphp的php-easyui演示系统设计源码

    本项目基于Easyui和Thinkphp开发,包含296个文件,包括PNG图片、PHP源代码、HTML页面、JavaScript脚本、GIF动画、CSS样式表、TPL模板文件、数据库文件、HTACCESS文件和DAT数据文件。系统实现了基于Easyui和Thinkphp...

    初识通用数据库操作类——前端easyui-datagrid,form(php)

    easyui-datagrid是基于jQuery EasyUI框架的一个组件,它可以用来在前端页面上展示表格形式的数据。其特点包括支持分页、排序、远程数据加载等功能。文件描述中提到的easyui-datagrid组件能够左侧显示简略信息,右侧...

    基于easyui和TP3.2.3搭建的后台系统

    【标题】"基于EasyUI和TP3.2.3搭建的后台系统"是一个典型的Web开发实践,它结合了两个强大的工具来构建高效、美观的管理界面。EasyUI是一款基于jQuery的UI框架,提供了丰富的组件和预设样式,使得前端开发更为便捷。...

    jquery-easyui.zip_easyui框架_html 框架_jquery-easyui

    EasyUI 是一个基于 jQuery 的轻量级前端框架,它为开发者提供了一系列的组件和插件,使得构建交互式用户界面变得更加便捷。这个压缩包“jquery-easyui.zip”包含了使用 EasyUI 实现的一个HTML框架,它主要用于简化...

    easyui mvc C# 项目框架

    "EasyUI MVC C# 项目框架"是一种基于前端EasyUI框架和后端MVC(Model-View-Controller)设计模式的开发结构,结合C#编程语言构建的企业级应用基础架构。这种框架通常用于构建数据驱动的Web应用程序,具有良好的用户...

    easyui的一套皮肤框架

    EasyUI 是一个基于 jQuery 的前端框架,主要用于构建用户界面,尤其适用于企业级的管理系统。它提供了丰富的组件,如对话框、表格、表单、菜单、按钮等,使得开发者能够快速地开发出响应式且功能齐全的Web应用。这套...

    Easyui+struts框架学生信息

    【Easyui+Struts框架学生信息】:这是一个基于前端Easyui和后端Struts框架的典型Web应用项目,主要用于管理学生的信息。Easyui是一个轻量级的JavaScript框架,它基于jQuery,提供了丰富的UI组件,如表格、下拉框、...

    EasyUI后台管理框架

    EasyUI后台管理框架是一款基于JavaScript和CSS的前端框架,专为构建高效、美观的企业级Web应用后台管理系统而设计。这个框架充分利用了EasyUI组件库,提供了丰富的UI元素和交互功能,使得开发者能够快速搭建出具有...

    .NET+EasyUI快速开发框架

    总的来说,".NET + EasyUI 快速开发框架"为开发者提供了一个高效的开发工具,它将后端的复杂逻辑与前端的优美展示完美融合,是快速构建Web应用的理想选择。无论你是.NET新手还是资深开发者,都能从中受益,实现快速...

    一套通用的Easyui+asp.net mvc开发框架源码

    【标题】"一套通用的Easyui+asp.net mvc开发框架源码"揭示了这是一个用于构建Web应用程序的基础架构,结合了两种技术:Easyui和asp.net MVC5。Easyui是一个基于jQuery的用户界面库,提供了丰富的组件和主题,用于...

    Easyui+ashx权限菜单权限管理框架

    总结来说,"Easyui+ashx权限菜单权限管理框架"是一个结合了前端和后端技术的解决方案,用于构建具有强大权限控制能力的企业应用。它涉及到前端UI设计、后端处理逻辑、用户权限模型、安全性设计等多个方面,是构建...

    easyUI模板框架

    EasyUI模板框架是一种高效、简洁的前端开发框架,主要用于构建企业级Web应用系统。它基于jQuery库,提供了丰富的UI组件,使得开发者可以快速地搭建出界面美观、功能强大的应用程序。EasyUI的核心理念是通过预定义的...

    基于easyui的桌面app

    【标题】"基于EasyUI的桌面App"是一个讨论如何利用EasyUI框架开发桌面应用程序的主题。EasyUI是一个基于jQuery的UI库,专为Web应用程序设计,它提供了丰富的组件和直观的API,使得开发者能够快速构建出美观且功能...

    EasyUI 多层导航框架

    【EasyUI 多层导航框架】是一个基于JavaScript和CSS的前端框架,专为构建具有高效用户体验的Web应用程序而设计。EasyUI提供了一系列组件,包括布局、表格、对话框、菜单、按钮、表单等,而多层导航框架则是其在实际...

    基于easyui 框架 通过读取json 文件 实现三联动效果

    基于easyui 框架 通过读取json 文件 实现三联动效果,index3.html 是基于jQuery 通过读取json 文件实现省市区三联动效果, index4.html是基于easyui 框架 实现的省市区三联动效果

    ssm+easyUI整合案列

    SSM+EasyUI整合案例是将Spring、SpringMVC和MyBatis这三大Java Web开发框架与EasyUI前端组件库结合使用的一个实践项目。这个整合案例可以帮助开发者更好地理解和掌握这四大技术的协同工作,提高开发效率,打造用户...

Global site tag (gtag.js) - Google Analytics