2. 程式人生 > >EasyUI 搭建後臺登入介面和管理系統主介面

EasyUI 搭建後臺登入介面和管理系統主介面

阿新 • • 發佈：2018-12-19
/*網頁js功能*/ $(function() { //退出功能 $("#n_title_out").click(function() { //提示使用者是否確定退出 $.messager.confirm("確認對話方塊", "你真的要退出嗎？", function(r) { //退出 if (r) { window.location.href = "01_login.html"
; } }) }) //修改密碼 $("#n_title_pwd").click(function() { //開啟修改密碼視窗 $("#div_pwd").window("open"); }) //確認修改密碼 $("#btnCon"
).click(function() { //校驗原有密碼 if ($(":password:eq(0)").val() == "") { $.messager.alert("原有密碼", "原有密碼不能為空！", "warning"); } else if ($(":password:eq(1)").val() == "") { //校驗新密碼 $.messager.alert("新密碼"
, "新密碼不能為空！", "warning"); } else if ($(":password:eq(2)").val() == "") { //校驗確認密碼 $.messager.alert("確認密碼", "確認密碼不能為空！", "warning"); } else if ($(":password:eq(1)").val() != $(":password:eq(2)").val()) { //校驗兩次密碼 $.messager.alert("密碼校驗", "兩次密碼不一致！", "error"); } else { //關閉密碼視窗 $("#div_pwd").window("close"); //$.messager.alert("密碼修改","密碼修改成功！","info"); $.messager.show({ title: '密碼修改', msg: '密碼修改成功，新密碼為:'+$(":password:eq(2)").val(), timeout: 3000, showType: 'slide' }); } }) //取消密碼修改 $("#btnCan").click(function(){ $("#div_pwd").window("close"); }) //樹狀選單和選項卡的聯動 //給選單新增單擊事件 $("#treeMenu").tree({ onClick:function(node){ //控制檯列印node內容 //console.log(node); //獲取attributes屬性,判斷是選單還是選單描述 var attrs=node.attributes; if(attrs==null || attrs.url==null){ return; } //判斷選項卡是否存在 var has=$("#div_tabs").tabs("exists",node.text); if(has){ //選中存在的選項卡 $("#div_tabs").tabs("select",node.text); }else{ //建立新的選項卡面板 $("#div_tabs").tabs("add",{ title:node.text, closable:true, content:"<iframe src="+attrs.url+" style='width:100%;height:98%' frameborder='0'/>" }) } } }) }) /* Json資料格式 {"鍵名":"值","鍵名":"值",...........} { "鍵名":"值", "鍵名":"值", ........... } * * * */

相關推薦

EasyUI 搭建後臺登入介面和管理系統主介面

/*網頁js功能*/ $(function() { //退出功能 $("#n_title_out").click(function() { //提示

bootstrap 後臺管理系統工作介面佈局方式

css屬性説明： col-lg-9  整個左右佈局分為12格 此屬性的div獨佔9格 col-md-4 將佈局分為3列 總共為12列。 一：左右佈局： <div class="app">  <section class="layout">  <

基於 vue2 構建和後臺真實互動的 管理系統

關於 此專案是 vue + element-ui 構建的後臺管理系統，是後臺專案node-elm 的管理系統，所有的資料都是從伺服器實時獲取的真實資料，具有真實的註冊、登陸、管理資料、許可權驗證等功能。 原始碼地址 技術棧 vue2 + vu

linux下搭建禪道項目管理系統

-h bsp .gz ice use tar -xvf 搭建 .sql service 1.禪道下載： #官網：http://www.zentao.net/article-browse-1067.html [root@localhost ~

ySQL挑戰：搭建一個簡易的成績管理系統的資料庫

實驗步驟 總結做實驗注意事項： 1.新增主鍵 2.主鍵和外來鍵的關係 3.注意自增的書寫新增 mysql 如何修改、新增、刪除表主鍵 在我們使用mysql的時候，有時會遇到須要更改或者刪除mysql的主鍵，我們能夠簡單的使用alter table tabl

用mediawiki搭建個人的本地知識管理系統

在windows下有evernote，linux下呢？試了幾款類似evernote的軟體，要不是ui太搓就是功能太少了，基本沒什麼用。。。。。。 然後突然想到了web上的應用，如果把web應用搭建到本地做一個個人知識管理系統也不錯呀。google了一下。不知道怎麼就谷歌到了

python爬蟲登入正方教務管理系統獲取成績資料

本程式以四川理工學院教務管理系統為例。。。。 準備工作：1.ruquests庫的使用(或者urllib也可行)     2.正則表示式的書寫                     3.HTTP通訊基礎                     4.一些解析庫的使用 準備

Qt編寫氣體安全管理系統（介面超漂亮）

自從把Qt樣式表葵花寶典這個pdf檔案看完以後，將所有的qss內容都輪了一遍，還寫

搭建 Kubernetes 容器集群管理系統

負載均衡 管理 自己 selector 設計圖 str 虛擬 安全 googl 介紹： Kubernetes 和相關組件的介紹配置 yum 源安裝 kubernetes 及組件配置 etcd 和 master 節點配置 minion1 節點配置 minion2 結點並總結

頁面範例：圖書管理系統主頁面

<%-- Created by IntelliJ IDEA. User: Administrator Date: 2018\9\11 0011 Time: 14:07 To change this template use File | Settin

centOS6.5如何從啟動介面直接進入命令列介面和如何從圖形介面進入命令列介面

centOS6.5如何從啟動介面直接進入命令列介面 編輯 /etc/inittab 將 id:5:initdefault: 修改為 id:3:initdefault: 下次重啟就不啟動X

WPF技術觸屏上的應用系列（六）: 視覺衝擊、超炫系統主介面、系統入口效果實現

        去年某客戶單位要做個大屏觸屏應用，要對檔案資源進行展示之用。客戶端是Window7作業系統，54寸大屏電腦電視一體機。要求有很炫的展示效果，要有一定的視覺衝擊力，可觸控操作。當然滿足客

關於Spring的Aware介面和後置處理器介面（BeanPostProcessor和BeanFactoryPostProcessor）的一些想法

看了關於Aware介面和後置處理器介面（BeanPostProcessor和BeanFactoryPostProcessor），感覺他們之間的功能有點亂，說一下他們之間的區別： （1）從呼叫時間點上看，Aware介面的方法（都是setXXX方法）是在Bean的屬性被設定之後

Java Comparable排序介面和Comparator比較器介面

       實現Comparable介面的類支援排序，假設現在存在“實現Comparable介面的類的物件的List列表(或陣列)”，則該List列表(或陣列)可以通過 Collections.so

C#中的列舉使用泛型介面和非泛型介面實現

        列舉相信大家都不陌生，今天又再看了下感覺有了新的收穫。下面記錄自己的程式碼： using System; using System.Collections; using System.Collections.Generic; using System.Li

Winform之學生資訊管理系統主頁面

      在上次的學生登入視窗的設計中，需要修改的地方為;       1登入視窗的最大化和最小化，這個一般的登入視窗不需要，因此我們也不做，單擊學生資訊管理系統的窗體設計找到屬性MaximizeB

go 學習筆記之無心插柳柳成蔭的介面和無為而治的空介面

如果你還了解程式設計概念中的介面概念,那麼我建議你最好還是先閱讀上一篇文章.詳情請點選 go 學習筆記之萬萬沒想到寵物店竟然催生出面向介面程式設計? ,否則的話,請自動忽略上文,繼續探索 Go 語言的介面有什麼不同之處. 如無法自動跳轉到公眾號「雪之夢技術驛站」文章,可以點選我的頭像,動動你的小手翻翻歷史文

ASP.NET MVC5+EF6+EasyUI 後臺管理系統（87）-MVC Excel導入和導出

.net本文示例代碼下載： 鏈接：http://pan.baidu.com/s/1jHBdgCA 密碼：hzh7ps:Vs數據庫腳本在解壓目錄下，修改web.config數據庫鏈接,示例代碼包含：導入，導出，上傳前言：導入導出實在多例子，很多成熟的組建都分裝了導入和導出，這一節演示利用LinqToExcel組

從零搭建java後臺管理系統（二）mysql和redis安裝

docker 權限 req 安全性 分享圖片 登錄 red 解析 append 接上篇開始安裝mysql和redis 註意了，如果用阿裏雲服務器，外網訪問的端口必須在安全組開啟，否則外網訪問不通 三、服務器安裝redis和mysql 本次環境搭建將所有第三方服務會安

vue+elementui搭建後臺管理介面(7 vuex和mockjs的使用)

將許可權管理應用到系統，首先做好登入, 點選登入按鈕後，觸發以下動作 vuex 中的 login 動作，設定 cookie vuex 中的 getuserinfo ， 獲取許可權、使用者名稱、頭像等 由於目前未使用連線後端伺服器，所以使用 mockjs 攔截請求並返回。 在github中檢視