“MVC+Nhibernate+Jquery-EasyUI”信息发布系统 第二篇(数据库结构、登录窗口、以及主界面)
2013-07-25 10:48
567 查看
一、在上一篇文章中,主要说的就是把主框架搭建起来,并且Nhibernate能达到增删改查的地步。测试好之后再来看这篇文章,我的主框架相对来说简答一点,重点还是实现系统的功能,以及对Jquery-EasyUI的使用。先把数据库的结构展示出来,记得是ORM思想,先写Model类和*.hbm.xml,再生成数据库,我这边已经写完,所以直接给大家看看数据库的结构吧!
主题更换、Tabs加载
五、今天还想把登录窗口的功能给说一下了,但是时间的关系,留在下一篇吧,这篇的内容也够多的,朋友们也得搭建一段时间。如果对您还有帮助的话,关注我吧,也给我一些动力继续写下去,顺便点击右下角的”推荐“,让更多的朋友了解和学习。如果有问题,请留言。。。
//------------------------Author:田鑫-----------------------------------------// //右键刷新方法 function refreshTab(title) { var tab = $("#tabWork").tabs("getTab", title); $("#tabWork").tabs("update", { tab: tab, options: tab.panel("options") }); } //点击链接的时候创建Iframe function TabsAdd() { //点击<a>标签链接的时候,右侧添加Tabs,Tabs里是个Iframe。 $("#accordionId p a").click(function () { //获得链接文字,目的显示在Tabs的Title上 var titile = $(this).text(); //创建IFrame var strHtml = '<iframe frameborder="0" width="90%" height="90%" src="' + $(this).attr("src") + '"></iframe > '; //获取到文字前“图片” var iconUrl=$(this).siblings("img").attr("src"); var iconimg=iconUrl.substring(17, iconUrl.length-4); //图片格式为“icon-****”,在jquery-easyui-1.3.2--->themes--->icon.css进行添加自己的图片,一般为.png格式 var iconcssimg='icon-'+iconimg; //先判断是否已经加载过 tab页签 var isExist = $('#tabWork').tabs('exists', titile); if (!isExist) { //将主框架的 iframe跳转到菜单指向的地址 $('#tabWork').tabs('add', { title: titile, content: strHtml, iconCls: iconcssimg, closable: true, fit: true, border:"false", tools: [{ iconCls: "icon-mini-refresh", handler: function () { refreshTab(titile) } }] }); } else { //如果存在获取焦点 $('#tabWork').tabs('select', titile); } }); } //------------------------田鑫:右键菜单关闭Tabs-----------------------------------------// function CloseFunc() { $("#mm").menu({ onClick: function (item) { var curTabTitle = $(this).data('tabTitle'); var type = $(item.target).attr('title'); if (type === 'refresh') { $("#tabWork").tabs('getTab', curTabTitle).panel('refresh'); return; } if (type === 'close') { var t = $("#tabWork").tabs('getTab', curTabTitle); if (t.panel('options').closable) { $("#tabWork").tabs('close', curTabTitle); } return; } var allTabs = $("#tabWork").tabs('tabs'); var closeTabsTitle = []; $.each(allTabs, function () { var opt = $(this).panel('options'); if (opt.closable && opt.title != curTabTitle && type === 'closeOther') { closeTabsTitle.push(opt.title); } else if (opt.closable && type === 'closeAll') { closeTabsTitle.push(opt.title); } }); for (var i = 0; i < closeTabsTitle.length; i++) { $("#tabWork").tabs('close', closeTabsTitle[i]); } } }); } //TX:更换主题 //步骤:1、加入Jquery.Cookie,2、Theme的CSS中加入ID 3、写方法 ChangeName(themeName) 4、前台调用 function ChangeName(themeName) {/* 更换主题 */ var $easyuiTheme = $('#easyuiTheme'); var url = $easyuiTheme.attr('href'); var href = url.substring(0, 21) + "themes/" + themeName + "/easyui.css"; $easyuiTheme.attr('href', href); var $iframe = $('iframe'); if ($iframe.length > 0) { for ( var i = 0; i < $iframe.length; i++) { var ifr = $iframe[i]; $(ifr).contents().find('#easyuiTheme1').attr('href', href); } } $.cookie('easyuiThemeName', themeName, { expires : 7 }); }; if ($.cookie('easyuiThemeName')) { ChangeName($.cookie('easyuiThemeName')); }
主题更换、Tabs加载
五、今天还想把登录窗口的功能给说一下了,但是时间的关系,留在下一篇吧,这篇的内容也够多的,朋友们也得搭建一段时间。如果对您还有帮助的话,关注我吧,也给我一些动力继续写下去,顺便点击右下角的”推荐“,让更多的朋友了解和学习。如果有问题,请留言。。。
相关文章推荐
- “MVC+Nhibernate+Jquery-EasyUI”信息发布系统 第二篇(数据库结构、登录窗口、以及主界面)
- “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第三篇(登录窗口的实现以及如何保存登录者的信息)
- “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第六篇(图片新闻的添加以及带分页的静态页的生成)
- “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第六篇(图片新闻的添加以及带分页的静态页的生成)
- “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第四篇(用户管理功能的实现)
- “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第五篇(用户管理之“用户权限分配”)
- “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第四篇(用户管理功能的实现)
- 完成一个MVC+Nhibernate+Jquery-EasyUI信息发布系统
- asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发3-登录模块开发
- [置顶]信息发布系统 Jquery+MVC架构开发(4)Model 层
- [置顶]信息发布系统 Jquery+MVC架构开发(6)BLL层提供WCF 服务
- 信息发布系统 Jquery+MVC架构开发(1) 需求分析和架构构思
- [置顶]信息发布系统 Jquery+MVC架构开发(4)Model 层
- [置顶]信息发布系统 Jquery+MVC架构开发(6)BLL层提供WCF 服务
- 信息发布系统 Jquery+MVC架构开发(4)Model 层
- 信息发布系统 Jquery+MVC架构开发(6)BLL层提供WCF 服务
- 信息发布系统 Jquery+MVC架构开发(9)view2
- 信息发布系统 Jquery+MVC架构开发(2) 在EA下进行数据库设计
- [置顶]信息发布系统 Jquery+MVC架构开发(7) Controller层
- [置顶]信息发布系统 Jquery+MVC架构开发(9)view1