登陸頁面以及跳轉頁面

時間 2019-11-19

標籤登陸頁面以及简体版

原文原文鏈接

登陸頁面javascript

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 2 <html>
 3 <head>
 4 <script type="text/javascript" src="easyui/jquery.min.js"></script>
 5 <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
 6 <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
 7 <link rel="stylesheet" href="easyui/themes/default/easyui.css">
 8 <link rel="stylesheet" href="easyui/themes/icon.css">
 9 
10 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
11 <title>登陸頁面</title>
12 <style>
13 body {
14     background-image: url("img/loginbackground.jpg");
15 }
16 
17 #btn {
18     margin: 30px 150px 20px 150px
19 }
20 
21 
22 .panel {
23     margin: 350px auto
24 }
25 </style>
26 
27 <body>
28     <div id="p" class="easyui-panel" title="登陸"
29         style="width: 400px; height: 250px; padding: 10px; background-image: url('img/loginbackground.jpg');"
30         data-options="iconCls:'icon-save',closable:true,    
31                 collapsible:true,minimizable:true,maximizable:true">
32         <form id="ff" method="post">
33             <div>
34                 <label for="name">用戶名：</label> <input name="username"
35                     class="easyui-textbox" prompt="用戶名" required="true"
36                     data-options="iconCls:'icon-man'"
37                     style="width: 300px; height: 50px">
38             </div>
39             </br>
40             <div>
41                 <label for="email">密&nbsp;&nbsp;&nbsp;碼：</label> <input
42                     name="password" class="easyui-textbox" prompt="密碼" required="true"
43                     type="password" data-options="iconCls:'icon-lock'"
44                     style="width: 300px; height: 50px">
45             </div>
46             <div id="btn" class="easyui-linkbutton" onclick="login()">登陸</div>
47             
48         </form>
49         </form>
50     </div>
51 </body>
52 <script type="text/javascript">
53     /*/ui/emplogin.do  /ui/user/add    /ui/goods/add  */
54     $('#btn').bind('click', function() {
55         $('#ff').form('submit', {
56             url : "login/empLogin.do",
57             onSubmit : function() {
58                 // do some check    數據提交以前在此處進行表單驗證 
59                 // return false to prevent submit;    
60             },
61             success : function(data) {
62                 var data = $.parseJSON(data);
63                 if (data.code != 200) {
64                     $.messager.show({
65                         title : '舒適提示',
66                         msg : data.message,
67                         timeout : 5000,
68                         showType : 'slide'
69                     
70                     });
71                     
72                 } else {
73                     //跳轉到主界面  BOM HTML跳轉的方式   a from  js 
74                     window.location.href = "tomain.do";
75                 }
76                 
77             }
78         });
79     });
80 </script>
81 </html>

跳轉頁面css

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>Insert title here</title>
 6 <script type="text/javascript" src="easyui/jquery.min.js"></script>
 7 <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
 8 <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
 9 <link rel="stylesheet" href="easyui/themes/default/easyui.css">
10 <link rel="stylesheet" href="easyui/themes/icon.css">
11 </head>
12 <style>
13 </style>
14 <body class="easyui-layout">
15     <div data-options="region:'north',split:true" style="height: 10%;">
16         <h1>歡迎加入德萊聯盟</h1>
17         <h3>QQ:984025264</h3>
18     </div>
19     
20     <div data-options="region:'west',split:true" style="width: 250px; height: 90%">
21         <div id="aa" class="easyui-accordion" style="width: 300px; height: 200px;" fit="true"></div>
22     </div>
23     
24     <div data-options="region:'center'" style="padding: 5px; background: #eee;">
25         <div id="tt" class="easyui-tabs" style="width: 100%; height: 100%;" fit="true">
26             <div title="首頁" style="padding: 20px; display: none;" >
27                 <a href="http://www.baidu.com" target="背景圖片"> 
28                 <img src="img/1.jpg" alt="背景圖片" style="width: 100%; height: 100%;"  />
29                 </a>
30             </div>
31         </div>
32 
33     </div>
34 
35 
36     <script type="text/javascript">
37         $.post("login/getPermission.do", function(data) {
38             console.log(data);
39             for (var i = 0; i < data.length; i++) {
40                 var d = data[i];
41                 $('#aa').accordion('add', {
42                     title: d.title,
43                     //'<ul id="tt'+d.id+'" class="easyui-tree"> </ul>'
44                     content:'<ul id="tt'+d.id+'" class="easyui-tree"> </ul>',
45                     selected: false
46                 });
47                 $('#tt'+d.id).tree({    
48                     url:'login/getChildrenPermission.do?pid='+d.id, 
49                     onClick: function(node){
50                             if($('#tt').tabs('exists',node.text)){
51                             $('#tt').tabs('select',node.text)    
52                             }else{
53                                 $('#tt').tabs('add',{
54                                     title:node.text,
55                                     content:'<iframe src="'+node.tsrc+'" style="width:98%;height:95%"></iframe>',
56                                     closable:true
57                                 })
58                             }
59                         }
60                 });      
61             }
62         });
63     </script>
64 </body>
65 
66 
67 
68 
69 </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。