您的位置:首页 > Web前端 > JQuery

“MVC+Nhibernate+Jquery-EasyUI”信息发布系统 第二篇(数据库结构、登录窗口、以及主界面)

2013-07-25 10:48 567 查看
一、在上一篇文章中,主要说的就是把主框架搭建起来,并且Nhibernate能达到增删改查的地步。测试好之后再来看这篇文章,我的主框架相对来说简答一点,重点还是实现系统的功能,以及对Jquery-EasyUI的使用。先把数据库的结构展示出来,记得是ORM思想,先写Model类和*.hbm.xml,再生成数据库,我这边已经写完,所以直接给大家看看数据库的结构吧!

//------------------------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加载
五、今天还想把登录窗口的功能给说一下了,但是时间的关系,留在下一篇吧,这篇的内容也够多的,朋友们也得搭建一段时间。如果对您还有帮助的话,关注我吧,也给我一些动力继续写下去,顺便点击右下角的”推荐“,让更多的朋友了解和学习。如果有问题,请留言。。。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐