登录界面和主界面

最新推荐文章于 2022-01-21 13:08:48 发布
原创 最新推荐文章于 2022-01-21 13:08:48 发布 · 1.6k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

效果图：
登录界面：
这里写图片描述

主界面：
这里写图片描述
login.jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<base href="<%=basePath%>">
<title>登录界面</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="plugin/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="plugin/bootstrap-login-form/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="plugin/bootstrap-login-form/css/form-elements.css" rel="stylesheet">
<link href="plugin/bootstrap-login-form/css/style.css" rel="stylesheet">
</head>
<body>
    <!-- Top content -->
    <div class="top-content">
        <div class="inner-bg">
            <div class="container">
                <div class="row">
                    <div class="col-sm-8 col-sm-offset-2 text">
                        <h1>xxxx</h1>
                        <div class="description">
                            <p>
                                <b></b>
                            </p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-6 col-sm-offset-3 form-box">
                        <div class="form-top">
                            <div class="form-top-left">
                                <h3>登录</h3>
                                <p>请输入你的用户名和密码进行登录:</p>
                            </div>
                            <div class="form-top-right">
                                <i class="fa fa-key"></i>
                            </div>
                        </div>

                        <div class="form-bottom">
                            <form role="form" action="login/loginCheck" method="post" class="login-form">
                                <h4 id="errorMsg" style="display:none;color:red">用户名或密码错误</h4>
                                <div class="form-group">
                                    <label class="sr-only" for="form-username">用户名</label>
                                    <input
                                        type="text" name="userName" placeholder="用户名"
                                        class="form-username form-control" id="userName">
                                </div>
                                <div class="form-group">
                                    <label class="sr-only" for="form-password">密码</label>
                                    <input
                                        type="password" name="password" placeholder="密码"
                                        class="form-password form-control" id="password">
                                </div>

                                <!-- <h4><span class="label label-warning">用户名或密码错误</span></h4> -->
                                <!-- <h4><span class="label label-danger">用户名或密码错误</span></h4> -->
                                <button type="submit" class="btn">登 录</button>
                            </form>
                        </div><!-- form-bottom -->

                    </div><!-- col-sm -->
                </div><!-- row -->
            </div><!-- container -->
        </div><!-- inner-bg -->
    </div><!-- top-content -->
<script src="plugin/jquery.min.js"></script>
<script src="plugin/bootstrap/js/bootstrap.min.js"></script>
<script src="plugin/bootstrap-login-form/js/jquery.backstretch.min.js"></script>
<script src="plugin/bootstrap-login-form/js/login.js"></script>
</body>
</html>

--------------index.jsp------------------------

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
<head>
    <base href="<%=basePath%>">
    <title>标准管理平台</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<frameset rows="60,*" cols="*" frameborder="yes" border="0" framespacing="0">
    <frame src="layout/top.jsp" name="top_frame" scrolling="No" noresize="noresize" id="top_frame" title="top_frame" />
    <frameset rows="*" cols="260,*" framespacing="0" frameborder="no" border="0">
        <frame src="layout/left.jsp" name="left_frame" scrolling="No" noresize="noresize" id="left_frame" title="left_frame" />
        <frame src="" name="right_frame" id="right_frame" title="right_frame" />
    </frameset>
</frameset>

</html>

——————–left.jsp———————–

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
<head>
    <base href="<%=basePath%>">   
    <title>主页面</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <link href="plugin/jquery-accordion-menu/jquery-accordion-menu.css" rel="stylesheet"/>
    <link href="plugin/jquery-accordion-menu/font-awesome.css" rel="stylesheet"/>
    <link href="layout/left.css" rel="stylesheet"/>
</head>

<body>
    <input id="path" type="hidden" value="<%=path%>"/>
    <div class="content">
        <div id="jquery-accordion-menu" class="jquery-accordion-menu gray">
            <div class="jquery-accordion-menu-header" id="form"></div>
            <ul id="demo-list">   
            </ul>
        </div>
    </div>
</body>
<script src="plugin/jquery.min.js"></script>
<script src="plugin/jquery-accordion-menu/jquery-accordion-menu.js"></script>
<script src="layout/left.js"></script>

</html>

————left.js——————————

/*
 *
 */
//动态创建菜单
var data;
var basedata;
$(document).ready(function(){
    var contextPath = $('#path').val();
    $.ajax({
        type : "get",
        async : false,
        url : "menu/getOwnMenu",    
        dataType : "json",                          
        success : function(returndatas) {
            data=returndatas;
        }
     });
    var ul=document.getElementById("demo-list");              
    for(var i=0;i<data.length;i++){
        if(data[i].pId==null){
            basedata=data[i];
        }
        if(data[i].pId==basedata.id){
            var obj=document.createElement("li"); 
            obj.id=data[i].id;
            if(data[i].path==null||data[i].path==""){
                obj.innerHTML="<a href='javascript:void(0);' target='right_frame'>"+data[i].menuName+"</a>";           
            }else{
                obj.innerHTML="<a href="+contextPath+"/"+data[i].path+" target='right_frame'>"+data[i].menuName+"</a>";  
            }
            ul.appendChild(obj);  
            }
        }
    for(var i=1;i<data.length;i++){
        for(var j=1;j<data.length;j++){
            if(data[i].pId==data[j].id){
                var li=document.getElementById(data[j].id);
                var obj1=document.createElement("ul");
                var obj2=document.createElement("li");
                obj1.className="submenu";
                obj2.id=data[i].id;
                if(data[i].path==null||data[i].path==""){
                    obj2.innerHTML="<a href='javascript:void(0);' target='right_frame'>"+data[i].menuName+"</a>";           
                }else{
                    obj2.innerHTML="<a href="+contextPath+"/"+data[i].path+" target='right_frame'>"+data[i].menuName+"</a>";  
                }
                obj1.appendChild(obj2);  
                li.appendChild(obj1);
            }
        }
    }   
}); 
 jQuery(document).ready(function () {
        jQuery("#jquery-accordion-menu").jqueryAccordionMenu();

    });
 (function($) {
$.expr[":"].Contains = function(a, i, m) {
    return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
};
function filterList(header, list) {
    //@header 头部元素
    //@list 无需列表
    //创建一个搜素表单
    var form = $("<form>").attr({
        "class":"filterform",
        action:"#"
    });
}
$(function() {
    filterList($("#form"), $("#demo-list"));
});
})(jQuery);

————top.jsp———————

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
<head>
    <base href="<%=basePath%>">
    <title>主页面</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <style type="text/css">
        body{background:#f0f0f0;}
    </style>
</head>

  <body>
    <div id="aa" style="margin:0">   
        <div >
            <h3 class="bb" >标准管理平台</h3>
        </div>          
    </div>
  </body>
</html>
MVC使用EF实现后台登录首页以及列表增删改查
DaysGone的博客
10-16 636
数据库设计 CREATE DATABASE [InfoManagerSystem] GO USE [InfoManagerSystem] GO /****** Object: Table [dbo].[User] Script Date: 10/15/2019 08:14:50 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON ...
基于tkinter的学生信息管理系统之登录界面和主界面菜单设计
人生苦短
07-28 1725
tkinter就是python语言里面用来制作一个GUI界面的一个包，这里长话短说，不做过多的言语上的阐述，想了解更多可以点击下面的链接tkinter官网教程。
VS2005 C#中的登陆界面和主界面的关系~~
江右梦
06-17 5105
把登陆界面比作A,主界面比作B;很多人用的是隐藏窗体的方法~比如这样在Program.cs中先设置登陆界面A为启动窗体然后在A窗体登陆成功后,这样A就隐藏起来~而B就出现了~(加多个b.ShowDialog();刚刚忘记加了)这样虽然很方面 ~~但是很占资源~而且Hide的窗体多了~占的资源也更多~于是...我建议把B作为第一启动项目,代码如下在Program.cs中A是登陆窗体,wi
非常好看的登陆页面和主页面
11-11
用html写的非常好看的登录页面，主页面包括左侧导航，点击左侧导航显示右面内容。适合初学者。
登陆界面进入主界面
weixin_30895603的博客
07-22 1237
从登陆界面进入主界面，应该完成1、登陆界面消失：this.dispose(); 2、主界面以最大化形式展现：在login 类中new MaiFrm(),创建主界面，并通过在MaiFrm类中this.setExtededState(MAXIMIZED_BOTH)实现最大化。 转载于:https://www.cnblogs.com/hualidezhuanshen/archive/2013/06/0...
功能： 登录界面打开主界面功能 （学习日记 2017-05-27）
yeyoushen000000的博客
05-27 1297
登录界面打开主界面：登录界面完成后，打开主界面，而登陆界面关闭 事件：winfrom窗体(此例中为frmLogin登录窗体，frm_Mian主窗体) frmLogin登录窗体的Hide()事件 frm_Mian主窗体的ShowDialog()事件 frmLogin登录窗体的Close()事件 思路： 使用登录界面打开主界面界面，先隐藏登录界面，如果主页面对话框关闭，再关闭登录对话框。
高仿QQ登录界面和主界面
04-07
【高仿QQ登录界面和主界面】是一个基于Visual Studio（VS）开发的项目，它旨在模仿QQ的登录和主界面，让用户体验与QQ相似的交互流程。该项目利用了MFC（Microsoft Foundation Classes）库，这是一个C++库，专门用于...
AndroidStudio安卓开发期中课设，驾考宝典，完成登录界面和主界面、科目三、考试界面、答题界面、切换题目
最新发布
11-09
AndroidStudio安卓开发期中课设，驾考宝典，完成登录界面和主界面、科目三、考试界面、答题界面、切换题目
Android模拟手机QQ登录界面和主界面（含源码）
01-03
手机QQ登录界面的设计 Intent的显式跳转和隐式跳转 EditText点击小图标清除输入框内容 EditText密码输入框中密码可见与不可见的切换 使用Fragment实现底部导航栏切换界面 PopupMenu的简单使用 二、实验环境： ...
Android模拟手机QQ登录和主界面.zip
04-30
模拟手机QQ登录和主界面显示；主要包含手机QQ登录界面的设计、Intent的显式跳转和隐式跳转、EditText点击小图标清除输入框内容、EditText密码输入框中密码可见与不可见的切换、使用Fragment实现底部导航栏切换界面、...
页面的登录、注册和主要功能
12-06
实习页面的编辑，注册，系统的主要功能以及它们之间的转换。 整个系统基本上可以完成所有登录页面的功能。
登录跳转。登录界面跳转到主界面。
01-11
只是做一个很简单的跳转。就是输入用户名和密码登录到主界面。而且界面非常简单。想要复杂样式的渗入。给新手一个登录界面。
C# 关于登录界面与主界面，关闭主界面程序不关闭的解决办法
smooth_tailor的博客
08-30 9434
许多朋友会发现，自己写的有登录界面的程序中，通过登录界面进入了操作界面，然而通过点击右上角关闭按钮关闭操作界面时，该项目的后台程序仍然存在。。。 造成这个问题的原因是在写程序过程中，首先写的是登录界面，所以在Program.cs中，Main方法是这样的： 所以，我们要做的就是，修改Application.Run()的参数，改为主操作界面，然后做一个判断，当登录界面的DialogResu
登陆成功后自动跳转页面
卡布其诺
09-04 3269
登录成功，将立刻跳转到[主页面]
java如何给窗口换logo_两种方法 更改 EBS R12界面LOGO以及内容
weixin_30613479的博客
02-25 571
from：metalinkmore：Note 174219.1- How To Change The Logo In The Oracle Application MenuNote 849752.1- R12 Login Page: How to Personalize the Logo ?Note 741459.1- Tips For Personalizing The E-Business S...
登录注册主页面的实现
天上下雨地上滑，自己跌倒你自己爬
01-21 1912
简介： HTML是制作前端页面的主要语言，CSS是将做好的HTML页面进行美化，最终呈现给我们一个很完美的页面。 软件：HBuilder Webstorm 谷歌 火狐 IE三选一（浏览器不一样，最终的界面布局也会有所差异）。 视自己情况而定，能用的软件很多，这里我只介绍了我自己用的软件，其中HBuilder的运行还需要下载tomcat，Webstorm可能需要破解，可以网上百度序列号，一般都可以用。 这里给大家提供一个很好的在线编写网站，不需要下载任何软件就可以运行代码。里面的介绍很全面，告诉我们各
python实现计算机登录界面和主界面
07-08
以下是一个示例代码，展示了如何使用Python和Tkinter库来实现一个简单的计算器登录界面和主界面： ```python import tkinter as tk def login(): username = entry_username.get() password = entry_password....
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值