01: 實現註冊登錄功能

阿新 • • 發佈：2018-01-06

def resp hid end spl pos ces ucc turn

1.1 顯示、隱藏 "登錄/註冊" 相關信息

　　1、此部分實現下面三個功能

　　　　　　功能1：未登錄時在右上角顯示 “登錄/註冊” 菜單

　　　　　　功能2：成功登錄後隱藏 “登錄/註冊” 菜單，顯示登錄用戶信息

　　　　　　功能3：js設置初始化函數：鼠標滑過顯示註銷功能，檢查用戶已登錄直接顯示登錄信息，而不是"登錄/註冊"菜單

技術分享圖片

　　2、相關code

<body>
    <div class="header">
        <div class="w">
            <div class="login_or_register fr" 
>
                <a href="javascript:void(0);" onclick="show_login_reg_frm()">登錄 / 註冊</a>
            </div>
            <div class="user_info fr">
                <span id="display_name"  {% if is_login %}is_login{% endif %}>{{ user.display_name }}</span>
                < 
div class="user_menu hide">
                    <a>設置</a>
                    <a onclick="logout()">退出</a>
                </div>
            </div>
        </div>
    </div>
</body>

index.html html頁面技術分享圖片

<body>
    <script>
        /* 初始化函數  
*/
        $(function () {
            /* 處理是否登錄 */
            if($("#display_name")[0].hasAttribute("is_login")){
                // 已經登錄
                $(".login_or_register").addClass("hide");
                $(".user_info").removeClass("hide");
            }else {
                // 未登錄
                $(".login_or_register").removeClass("hide");
                $(".user_info").addClass("hide");
            }

            /* 用戶菜單是否顯示: 鼠標劃過就會觸發.hover綁定的函數 */
            $("div.user_info").hover(function () {
                show_user_menu(true);
            },function () {
                show_user_menu(false);
            });
        });
    </script>
</body>

index.html js初始化函數技術分享圖片

/* 顯示登錄、註冊頁面 */
function show_login_reg_frm() {
    $("div.login_reg_frm").removeClass("hide");
    $("div.shelter").removeClass("hide");
}

/* 註銷 */
function logout() {
    $.get({
        url: "/app01/logout/",
        dataType: "json",
        success:function (response) {
            if(response.status==‘ok‘){
                window.location.href="/app01/";
            }
        }
    })
}

/* 用戶下拉菜單顯示開關 */
function show_user_menu(flag) {
    if(flag){
        $("div.user_menu").removeClass("hide");
    }else{
        $("div.user_menu").addClass("hide");
    }
}

base.js

# 註銷
def logout(request):
    request.session[‘is_login‘] = False
    request.session[‘current_user‘] = {}
    return HttpResponse(json.dumps({‘status‘: ‘ok‘}))

views.py

技術分享圖片

1.2

01: 實現註冊登錄功能

def resp hid end spl pos ces ucc turn 1.1 顯示、隱藏 "登錄/註冊" 相關信息　　1、此部分實現下面三個功能　　　　　　功能1：未登錄時在右上角顯示 “登錄/註冊” 菜單　　　　　　功能2：成功登錄後隱藏 “登錄/註冊” 菜單

Jquery+PHP實現簡單的前後臺數據交互實現註冊登錄，添加留言功能

.html 獲取系統時間沒有 username explode 註冊賬號 trap ++ 方法　　頁面樣式應用了BootStrap框架。　　首先看登錄頁（登錄頁用於賬號登錄，也可以跳轉到註冊賬號頁）： <!DOCTYPE html> <html&g

Node.js原生及Express方法實現註冊登錄原理

美化 set head ack function charset stat input col 由於本文只是實現其原理，所以沒有使用數據庫，只是在js裏面模擬數據庫，當然實際中還是需要用數據庫的。 1.node.js原生方法 ①html頁面，非常簡單，沒有一絲美化~我們叫它

C# 實現模擬登錄功能，實現公共類分享。

login margin amr 獲取cookie esp zh-cn white html gda 前言最近在研究模擬登錄的各種方法，主要想要實現的兩個功能是： 1.點擊按鈕可以直接跳轉並登錄到某一個系統中。 2.抓取某一個系統中某一個頁面中的特定數據

ORACLE+Myeclipse+jsp實現簡單登錄功能

public man drivers asus style 編寫 ole 建立 rom Oracle數據庫表的建立： create table Log( 　　 un char(20), pd char(25) ) ta

基於django的視頻點播網站開發-step3-註冊登錄功能

fields attr als 點播不能 blank multi 字典 templates 用戶註冊登錄是一個網站的基本功能，django對這部分進行了很好的封裝，我們只需要在django的基礎上做些簡單的修改就可以達到我們想要的效果。在本講中，我們會用到user中的用戶

Django - 基於forms組件和Ajax實現註冊登錄 - FileField字段 - Media配置

ron efault require result 基於找到 parent 檢驗 body 　　一.基於forms組件的註冊頁面設計　　點擊頭像==點擊input 　　頭像預覽：　　　　修改獲取用戶選中的文件對象；獲取文件對象的路徑；修改img標簽

Thinkphp -- 利用MVC模式完成註冊登錄功能

跳轉 link url mar splay 更新時間 aps jquer white 這是一篇記錄向，記錄我後臺的學習過程。如有不正確的地方，請多多指教。基礎知識： MVC即 Model View Controller Model（模型）表示應用程序核心（比如數

java在線聊天項目1.2版 ——開啟多個客戶端，分別實現數據庫註冊和登錄功能後，成功登陸則登錄框消失，好友列表窗出現

false als blog string def iat ets cat med 登錄框消失語句 dispose(); 好友列表窗出現使用new FriendsFrame(phone,s); 登陸對話框代碼修改如下： package com.swift.frame;

【解決】php實現頁面登錄註冊功能並實現跳轉

apple osi posit cti 轉化 put glob log lin 目錄如下：思路是不通過數據庫等操作實現頁面（頁面比較簡陋，請笑納）關於register功能 html頁面必要的表單功能在頭部寫上寫上條件判斷 if ($_SERVER[‘REQU

Lumen實現用戶註冊登錄認證

brew 文件中 ever mina 必須 eth providers rac exceptio Lumen實現用戶註冊登錄認證前言 Lumen是一個基於Laravel的微框架，號稱是以速度為生。截用Lumen官網的一段，號稱是比silex和slim還要快。本文將用L

Spring+Hibernate+Struts2整合之實現登錄功能

else ber mit generate public rac err web field 軟件152 劉安民前端代碼： <form id="loginForm" action="${ pageContext.request.contextPath }/us

利用DataSet部分功能實現網站登錄

自己 response comm user script ace xtu lin pts using System; using System.Collections.Generic; using System.Linq; using System.Web; using S

SSM(maven)項目搭建全過程+實現用戶登錄功能

json mysq earch elm move source you factor nfa 項目創建之前確保eclipse中已經配置好了jdk，tomcat，maven如果沒有配置下面有配置教程的鏈接　 eclipse中配置jdk的教程url: 　　　　配置tomca

用戶登錄功能實現 | Django開發

key code .get response 記錄出錯滿足服務器保持處理登錄頁面 # form表單中action對應url反向解析； 1.創建處理登錄頁面視圖，匹配url # 點擊登錄需要對數據進行校驗； 2

react-native 完整實現登錄功能

lte framework eat urn 回調 pad 文件 bean ont react native實現登錄功能，包括ui的封裝、網絡請求的封裝、導航器的實現、點擊事件。 demo下載：react-native 完整實現登錄功能後臺如果是springmvc實現的

jsp實現賬戶登錄、註冊！

type com mage 連接失敗 ext etc rac gets dir jsp連接mysql數據庫進行賬戶登錄驗證和賬戶註冊 ~jsp: Login.jsp 、LoginCl.jsp、Welcome.jsp、Register.jsp、login.css

Java中利用IO流中的輸入流讀取文件實現登錄功能

use 判斷 body 當前 ole pwd files pre users 1 package object.io; 2 3 import java.io.FileInputStream; 4 import java.io.FileNotFoundEx

Servlet用戶登錄功能實現

ride 數據庫 return class exceptio char drive domain c3p0 需求：完成用戶登錄頁面校驗第一步：創建一個用戶登錄的html頁面 <!DOCTYPE html> <html> <head>

Flask 【第四篇】使用Flask的擴展實現簡單頁面登錄功能

blog resp login sgd user flask password proc request from flask import Flask,render_template,request,redirect,session app = Flask(__name

01: 實現註冊登錄功能

1.1 顯示、隱藏 "登錄/註冊" 相關信息

相關推薦