一個開源系統的架構分析(二)

主頁面中的javascript分析javascript

$(function () {
            setInterval("getUser()", 30000);
            $("#pageloading").height($(window).height());
            //佈局
            $("#layout1").ligerLayout({ leftWidth: 190, rightWidth: 190, bottomHeight: 25, allowBottomResize: false, allowLeftResize: false, allowRightResize: false, height: '100%', onHeightChanged: f_heightChanged, isRightCollapse: true });
            var height = $(".l-layout-center").height();
            //Tab
            tab = $("#framecenter").ligerTab({
                height: height,
                dblClickToClose: true,
                showSwitch: true,       //顯示切換窗口按鈕
                showSwitchInTab: true //切換窗口按鈕顯示在最後一項 
            });
            //面板              
            accordion = $("#accordion1").ligerAccordion({ height: height - 25 });
            accordion2 = $("#accordion2").ligerAccordion({ height: height - 25 });
            f_according();
            //時間日期
            $('#jnkc').jclock({ withDate: true, withWeek: true });

            initLayout();
            $(window).resize(function () {
                initLayout();
            });
            getsysinfo();       //取得系統信息
            getuserinfo();      //更新登陸用戶信息及頭像
            toolbar();          //創建系統 Toolbar 圖標
            remind();           //顯示根據時間變化的問候語
            show_welcome();     //顯示歡迎頁面
            $("#mainframe").attr("src", "personal/portal.aspx");     
            $("#tree1").ligerTree({
                url: 'Sys_base.getUserTree.xhd?rnd=' + Math.random(),
                idFieldName: 'id',
                //parentIDFieldName: 'pid',
                usericon: 'd_icon',
                checkbox: false,
                itemopen: false,
                onError: function () { javascript: location.replace("login.aspx"); }
            });            
        });
  1. 創建30s間隔的用戶在線掃描
  2. 而後進行佈局操做
  3. 設置tab標籤樣式
  4. 創建面板
  5. 顯示時間
  6. 初始化佈局內容
  7. 顯示基礎信息
  8. 加載歡迎頁面
  9. 加載我的信息中心
  10. 加載菜單樹,若是沒有用戶則調用登陸頁面

其中系統樣式主要採用 liger 套件,LigerUI 是基於jQuery 的UI框架,其核心設計目標是快速開發、使用簡單、功能強大、輕量級、易擴展。簡單而又強大,致力於快速打造Web前端界面解決方案,能夠應用於.net,jsp,php等等web服務器環境。php

LigerUI有以下主要特色:

  • 使用簡單,輕量級
  • 控件實用性強,功能覆蓋面大,能夠解決大部分企業信息應用的設計場景
  • 快速開發,使用LigerUI能夠比傳統開發減小極大的代碼量
  • 易擴展,包括默認參數、表單/表格編輯器、多語言支持等等
  • 支持Java、.NET、PHP等web服務端
  • 支持 IE6+、Chrome、FireFox等瀏覽器
  • 開源,源碼框架層次簡單易懂。

系統採用了這一套件方便快捷的創建了一套企業級信息管理平臺。前端

相關文章
相關標籤/搜索