如果利用xjplugin編寫基於web的應用系統

2022-01-17 09:31:14 字數 1706 閱讀 8610

哈哈,任何系統從登陸開始,這個登入頁雖然是我最後做的,但是最先介紹,我覺得還蠻有意思的,但願有人能懂

登入成功之後,進去頁面的主介面,這是乙個看上去單頁面的系統,其實本質不是單頁面,中間其實是用iframe載入各自的頁面,頁面風格類似extjs,如果大家有比較好的美工和js基礎可以替換和css技能實現換膚,但是我覺得還蠻順眼的,來看看介面吧

可以看到主介面用到兩個前面提到的控制項乙個是tree(打造基於jquery的高效能treeview),另外乙個是tabpanel(基於jquery打造tabpanel),首頁我留白了,在實際系統中大家可以豐富首頁的部分。

點選左側的使用者管理選單可在右側主區域新增乙個選項卡,並自動載入使用者管理的介面。 主介面還是分為兩欄左側是部門列表,右側為使用者列表,這種結構的介面,基本上所有的主從表結構的表單可以都支援了。右側的列表使用flexigrid,在寫這個demo的同時,我也對flexigrid也進行了一些修改,比如這裡新增了行號的功能;增加往服務端傳送列資訊。以便更好和後端配合,避免後端的字段必須和前端順序一樣的尷尬問題。同時這裡我新增了操作列,並放棄來原來一直使用的右鍵選單(簡簡單單右鍵選單)的方式。

點選編輯按鈕彈出編輯視窗(其實是div模仿的模態視窗) ,使用的控制項是jquery.ifrmdailog(這個控制項之前沒有介紹過,但是在xgcalendar中有使用過,很多同學來問過我**,有空的話我單獨介紹一下這個控制項的使用)

點選移動 可變更使用者所屬的組織,此處在視窗中又彈出了乙個選擇框(以前我一般都會採用模態對話方塊),這裡這個控制項還是jquery.ifrmdailog(注意哦,這裡沒有邊框哦) ,本demo中有很多個這種應用,還有更複雜的比如多選等等。如下圖所示

上圖是往角色中新增人員的選擇介面。

表單中客戶端驗證是非常實用的功能不能沒有,這裡使用的控制項是大名鼎鼎的jquery validation (這可不是我寫的),當然那個很酷的提示訊息是我的傑作,哈哈。。

最後乙個比較常用的介面布局就是查詢頁了,查詢頁可以參考操作日誌查詢介面

查詢條件可分為一行和多行,根據的實際條件樹調整,下面是日誌列表還是flexigrid。

本來我是給datepicker(打造基於jquery的日期選擇控制項)新增了乙個選擇時分秒的功能,哈哈但是沒有地方應用了(忽然想到上面的這個頁面可以加上哦。。等後面加上去)

你的支援就是我繼續寫作的動力!

利用DEBUG API編寫Loader Path

loader並不是什麼很神秘的技術,微軟提供了一組debug api來方便第三方監視程式.這裡我用debug api製作了乙個簡單的loader程式.這個loader要幹的事有 1.啟動目標程式.2.讀取 修改目標程式的記憶體 或 暫存器 用到的debug api有 createprocess 用於...

利用VC編寫MFC OpenGL嚮導

mfc opengl使用者嚮導原程式工程,此次修正了沒有中文支援的錯誤。3.執行build命令,整合開發環境會生成mfc opengl.awx,並自動拷貝到 c program files microsoft visual studio common msdev98 template 目錄下。編輯o...

LoadRunner利用ODBC編寫MySql指令碼

分類 4.軟體設計 架構 測試舉報 loadrunner mysql 指令碼資料庫 sqlserver測試 最近做了幾周的loadrunner測試,有一些心得,記錄下來,以便以後查詢。loadrunner測試資料庫是模擬客戶端去連線資料庫伺服器,因此,需要協議 或者說驅動的支援 loadrunner...