2. 程式人生 > >如何實現WPF登陸介面的記住賬號密碼功能（）

如何實現WPF登陸介面的記住賬號密碼功能（）

阿新 • • 發佈：2018-11-17

在這裡插入圖片描述
剛開始學程式設計。學了三個月了，學的C#和.net（貌似有點坑），公司應該是讓做b/s，socket和資料庫比較難，暫時不怎麼會，對WPF花的時間比較多一些（畢竟視覺化效果看起來比價有成就感）（WPF的課程案例貌似不多，加油）
新手菜鳥，大神勿噴。我覺得幾個有趣的地方，左上角的【HIM是畫的，因為這樣縮放清晰度一樣，刺激。

<Polygon Fill="DarkSlateGray" Stroke="DarkSlateGray" StrokeThickness="1" FillRule="EvenOdd" Points="5,5 67,5 62,13 25,13 25,47 62,47 67,55 5,55"/>

圖片那個是把一個TabControl控制元件翻轉了180°

<TabControl.RenderTransform>
                    <RotateTransform Angle="180"/>
                </TabControl.RenderTransform>

好了，接下來看如何記住賬號密碼功能。主要是兩個文字框，一個是textbox，另一個是passwordbox，還有一個記住密碼的勾選框

<TextBox Name="txt_UserName"  Text="{Binding Path=SaveLoginID}"
                HorizontalAlignment="Center" VerticalAlignment="Bottom" Width="200" Height="40"></TextBox>

 
<PasswordBox Name="txt_PSW"  PasswordChar="*" 
                                 local:PasswortBoxHelper.Attach="True" local:PasswortBoxHelper.Password="{Binding Path=SaveLoginPSW,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
                                 HorizontalAlignment="Center" VerticalAlignment="Center" Width="200" Height="40"></PasswordBox>

 
<CheckBox Name="LoginIDMemory"  IsChecked="{Binding Path=SaveUser}">記住密碼</CheckBox>

可以將控制元件的值儲存在視窗中，但是這樣做之後缺乏靈活性，會將應用程式資料與UI介面混在一起，並不是一種好的設計。我們應該新建一個類，並將使用者所做的選擇儲存在其中。
（1）新建一個類，將其命名為SaveOptions
（2）我們要記住CheckBox，TextBox，PasswordBox的值，輸入以下程式碼

using System;

namespace DataEntity
{
    [Serializable]
    public class SaveOptions
    {
        private bool _SaveUser = false;
        public bool SaveUser
        {
            get { };
            set { };
        }

        private string _SaveLoginID;
        public string SaveLoginID
        {
            get { };
            set { };
        }

        private string _SaveLoginPSW;
        public string SaveLoginPSW
        {
            get { };
            set { };
        }
    } 
}

（3）返回程式碼隱藏檔案（我的是 登陸.xaml.cs），新增一個private欄位來儲存saveOptions例項；並在建構函式中新增以下程式碼。

using System.Windows;
using System.IO;
using System.Xml.Serialization;

namespace CfyDWS
{
    /// <summary>
    /// 登入.xaml 的互動邏輯
    /// </summary>
    public partial class LoginWindow : Window
    {
        private SaveOptions saveOptions;

        public LoginWindow()
        {
            if (saveOptions == null)
            {
                //確定指定的檔案是否存在
                if (File.Exists("SaveOptions.xml"))
                {
                    using (var stream = File.OpenRead("SaveOptions.xml"))
                    {
                        var serializer = new XmlSerializer(typeof(SaveOptions));
                        saveOptions = serializer.Deserialize(stream) as SaveOptions;
                    }
                }
                else
                    saveOptions = new SaveOptions();
            }
            InitializeComponent();
        }
}

接下來建立動態繫結
（4）在InitializeComponent();這一行之前加上一下程式碼：

DataContext = saveOptions;

（5）轉到SaveOptions類，對其進行修改

using System;
using System.ComponentModel;

namespace DataEntity
{
    [Serializable]
    public class SaveOptions : INotifyPropertyChanged
    {
        private bool _SaveUser = false;
        public bool SaveUser
        {
            get { return _SaveUser; }
            set
            {
                _SaveUser = value;
                OnPropertyChanged(nameof(SaveUser));
            }
        }

        private string _SaveLoginID;
        public string SaveLoginID
        {
            get { return _SaveLoginID; }
            set
            {
                _SaveLoginID = value;
                OnPropertyChanged(nameof(SaveLoginID));
            }
        }

        private string _SaveLoginPSW;
        public string SaveLoginPSW
        {
            get { return _SaveLoginPSW; }
            set
            {
                _SaveLoginPSW = value;
                OnPropertyChanged(nameof(SaveLoginPSW));
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        public void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

（6）返回登陸.xaml檔案，選擇CheckBox，然後新增IsChenk屬性，如下所示：

IsChecked="{Binding Path=SaveUser}"

（7）同理繫結TextBoX控制元件的Text屬性

Text="{Binding Path=SaveLoginID}"

（8）繫結PasswordBox的Password屬性時會出現一個錯誤，PasswordBox的Password屬性不是依賴項屬性，無法繫結。
其原因是，出於安全考慮，對密碼進行資料庫不是一個很好的設計，因此應該避免。但是有時這種安全性是不必要的，那麼不能繫結到Password屬性就很麻煩了。在這種特殊情況下，您可以利用以下PasswordBoxHelper。程式碼如下

http://www.wpftutorial.net/PasswordBox.html

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;

namespace CfyDWS
{
    public static class PasswortBoxHelper
    {
        //通過呼叫PasswordHelper.Attach財產。附加財產PasswordHelper.Password提供PasswordBox控制元件的原始密碼屬性的可繫結副本。
        public static readonly DependencyProperty PasswordProperty =
        DependencyProperty.RegisterAttached("Password",
        typeof(string), typeof(PasswortBoxHelper),
        new FrameworkPropertyMetadata(string.Empty, OnPasswordPropertyChanged));

        public static readonly DependencyProperty AttachProperty =
            DependencyProperty.RegisterAttached("Attach",
            typeof(bool), typeof(PasswortBoxHelper), new PropertyMetadata(false, Attach));

        private static readonly DependencyProperty IsUpdatingProperty =
           DependencyProperty.RegisterAttached("IsUpdating", typeof(bool),
           typeof(PasswortBoxHelper));


        public static void SetAttach(DependencyObject dp, bool value)
        {
            dp.SetValue(AttachProperty, value);
        }

        public static bool GetAttach(DependencyObject dp)
        {
            return (bool)dp.GetValue(AttachProperty);
        }

        public static string GetPassword(DependencyObject dp)
        {
            return (string)dp.GetValue(PasswordProperty);
        }

        public static void SetPassword(DependencyObject dp, string value)
        {
            dp.SetValue(PasswordProperty, value);
        }

        private static bool GetIsUpdating(DependencyObject dp)
        {
            return (bool)dp.GetValue(IsUpdatingProperty);
        }

        private static void SetIsUpdating(DependencyObject dp, bool value)
        {
            dp.SetValue(IsUpdatingProperty, value);
        }

        private static void OnPasswordPropertyChanged(DependencyObject sender,
            DependencyPropertyChangedEventArgs e)
        {
            PasswordBox passwordBox = sender as PasswordBox;
            passwordBox.PasswordChanged -= PasswordChanged;

            if (!(bool)GetIsUpdating(passwordBox))
            {
                passwordBox.Password = (string)e.NewValue;
            }
            passwordBox.PasswordChanged += PasswordChanged;
        }

        private static void Attach(DependencyObject sender,
            DependencyPropertyChangedEventArgs e)
        {
            PasswordBox passwordBox = sender as PasswordBox;

            if (passwordBox == null)
                return;

            if ((bool)e.OldValue)
            {
                passwordBox.PasswordChanged -= PasswordChanged;
            }

            if ((bool)e.NewValue)
            {
                passwordBox.PasswordChanged += PasswordChanged;
            }
        }

        private static void PasswordChanged(object sender, RoutedEventArgs e)
        {
            PasswordBox passwordBox = sender as PasswordBox;
            SetIsUpdating(passwordBox, true);
            SetPassword(passwordBox, passwordBox.Password);
            SetIsUpdating(passwordBox, false);
        }
    }
}

檢視登陸.xaml視窗，看到有名稱空間CfyDWS的引用，沒有的話自己手動新增，要引用CfyDWS名稱空間下的PasswordBoxHelper類的方法。

<Window x:Class="CfyDWS.LoginWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:CfyDWS"
        mc:Ignorable="d"
        WindowStartupLocation="CenterScreen"
        Title="登入視窗" Icon="image\昌恆圖示.png" Height="780" Width="1460" ResizeMode="CanMinimize">

然後修改PasswordBox的屬性

<PasswordBox Name="txt_PSW"  PasswordChar="*" 
                                 local:PasswortBoxHelper.Attach="True" local:PasswortBoxHelper.Password="{Binding Path=SaveLoginPSW, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></PasswordBox>

這裡說下看到的另一個方法，用TextBox替換PasswordBox，然後用TextDecorations屬性畫小黑點裝飾TextBox，這種感覺視窗大小最好固定吧。而且小圓點的大小不好把握，也可能是我這裡學的差。

https://blog.csdn.net/SANYUNI/article/details/52775898

（9）我把儲存選項放在登陸按鈕上了
這裡我是當按下確定時，假如賬號密碼不對，未勾選記住密碼，則清空賬號密碼框，如果正確，則登入
這裡主要看using（）的那一段程式碼段

        private void btn_login_Click(object sender, RoutedEventArgs e)
        {
            SqlConnectionStringBuilder connbuilder = new SqlConnectionStringBuilder();
            connbuilder.DataSource = Environment.MachineName;                             //獲取伺服器名稱，本機為Cheng-PC（data ource資料來源，一般為機器名稱或IP地址）
            connbuilder.IntegratedSecurity = true;                                        //登入方式，true為 Windows 身份驗證
            connbuilder.InitialCatalog = "昌恆DWS系統";                                   //資料庫名（Initial Catalog資料庫或SQL Server例項的名稱(與Database一樣)）

            SqlConnection conn = new SqlConnection(connbuilder.ConnectionString);         //建立一個SqlConnecting物件並且初始化連線字串
            conn.Open();                                                                  //開啟資料庫連線
            string a = string.Format("select * from 賬戶管理 where login_ID='{0}' and login_PSW='{1}' ", txt_UserName.Text, txt_PSW.Password);   
                                                                                          //定義要執行的SQL語句(本處是查詢語句)
            SqlCommand comm = new SqlCommand(a, conn);                                    //建立SqlCommand的例項物件（string a表示要查詢的文字，SqlConnecting conn表示到SQL Server例項的連線）
            SqlDataReader dr = comm.ExecuteReader();                                      //ExecuteReader(),讀取資料，生成一個SqlDataReader物件並返回
            if (txt_UserName.Text == "" || txt_PSW.Password == "") //判斷輸入是否為空
            {
                MessageBox.Show("請填寫使用者名稱和密碼");
                using (var stream = File.Open("SaveOptions.xml", FileMode.Create))
                {
                    if (LoginIDMemory.IsChecked == false)
                    {
                        saveOptions.SaveLoginID = "";
                        saveOptions.SaveLoginPSW = "";
                    }
                    var serializer = new XmlSerializer(typeof(SaveOptions));
                    serializer.Serialize(stream, saveOptions);
                }
            }

            else
            {
                if (dr.Read())//判斷是否存在使用者輸入的使用者名稱和密碼
                {
                    MessageBox.Show("登陸成功"); // 顯示主視窗;
                    this.DialogResult = Convert.ToBoolean(1);
                    using (var stream = File.Open("SaveOptions.xml", FileMode.Create))
                    {
                        if (LoginIDMemory.IsChecked == false)
                        {
                            saveOptions.SaveLoginID = "";
                            saveOptions.SaveLoginPSW = "";
                        }
                        var serializer = new XmlSerializer(typeof(SaveOptions));
                        serializer.Serialize(stream, saveOptions);
                    }
                    conn.Close();                                                          //關閉資料庫連線
                    this.Close();
                }

                else
                {
                    MessageBox.Show("使用者名稱或密碼有誤");
                    using (var stream = File.Open("SaveOptions.xml", FileMode.Create))
                    {
                        if (LoginIDMemory.IsChecked == false)
                        {
                            saveOptions.SaveLoginID = "";
                            saveOptions.SaveLoginPSW = "";
                        }
                        var serializer = new XmlSerializer(typeof(SaveOptions));
                        serializer.Serialize(stream, saveOptions);
                    }
                    conn.Close();                                                          //關閉資料庫連線
                }
            }
        }

這裡的using程式碼段也可以寫進一個void方法裡，直接呼叫方法

using (var stream = File.Open("SaveOptions.xml", FileMode.Create))
                    {
                        if (LoginIDMemory.IsChecked == false)
                        {
                            saveOptions.SaveLoginID = "";
                            saveOptions.SaveLoginPSW = "";
                        }
                        var serializer = new XmlSerializer(typeof(SaveOptions));
                        serializer.Serialize(stream, saveOptions);
                    }
``

相關推薦

如何實現WPF登陸介面的記住賬號密碼功能（）

剛開始學程式設計。學了三個月了，學的C#和.net（貌似有點坑），公司應該是讓做b/s，socket和資料庫比較難，暫時不怎麼會，對WPF花的時間比較多一些（畢竟視覺化效果看起來比價有成就感）（WPF的課程案例貌似不多，加油） 新手菜鳥，大神勿噴。我覺得幾個有趣的地方，左上角的【HIM是畫

C#序列化實現使用者登入記住賬號密碼功能

簡單的實現使用者登入記住賬號密碼功能使用者類： /// <summary> /// 使用者 /// </summary> [Serializable] public class User : BaseEntity

使用cookie與servlet實現記住賬號密碼功能

checkbox如果勾選了就是on，未勾選就是null，可以判斷非空來看使用者是否勾選 //勾選了記住賬號密碼， if(remember!=null) { Cookie c1 = new Cookie("userName", uUser.getUserName(

使用者登入記住密碼功能（記住登陸狀態）,下次不需要重新登入,注意安全問題!實現原理

做網站的時候經常會碰到要實現記住密碼，下次自動登入，一週內免登陸，一個月內免登陸這種需求。這種功能一般都是通過cookie來實現的。 本篇文章將簡單說一下如何使用php實現該需求的。當然實現該需求的方

cocos2d JS 本地緩存存儲登陸記住賬號密碼->相當於C++中的UserDefault

work 定義 cal func png 移除 com 判斷 方式 在cocos-js 3.0以上的版本中，當我們用到本地存儲的時候，發現以前用到的UserDefault在JS中並沒有導出，而是換成了LocalStorage。 在LocalStorage.h文件中我

利用SharedPreferences完成記住賬號密碼的功能

reat btn length .sh logs his amp 點擊 效果 利用SharedPreferences完成記住賬號密碼的功能 效果圖： 記住密碼後，再次登錄就會出現賬號密碼，否則沒有。 分析： SharedPreferences可將數據存儲到本地的配置文

web實現登入，記住密碼功能（cookie）

介面： <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title>登入頁面</title>   

php 利用cookie實現網頁記住使用者名稱和密碼的功能（）

1.html部分<!doctype html> <html class="no-js"> <head> <title>記住賬號密碼</title

Jsp使用Cookie完成記住賬號密碼的功能

推薦一個專注於Java的小眾技術社群：Java之音 網站中對於記住賬號密碼，方便下次登入的使用非常普遍，那麼它是怎麼實現的呢？ 首先他的流程是，設計一個複選框，當選中複選框時，就會傳值到處理頁面，複選框的用途就是判斷使用者是否願意記住賬號密碼。 我們通過一個小例子來掌握

JAVA記住使用者名稱密碼功能實現

1.首先，寫一個登陸的jsp頁面，做一個form表單的post請求，地址連結到自己的servlet檔案 2.然後寫servlet，使用者名稱密碼驗證，判斷是否勾選記住密碼，並生成cookie，儲存到客戶端。 3.最後是jsp頁面的js程式碼，實現使用者名稱密碼

Cookie實現一個簡單的“記住使用者名稱”的功能

<%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML

qt實現一個登陸介面-------------------qt之mysql增、刪、改、查、基本操作。

https://www.cnblogs.com/baimt/p/5688517.html安裝的MySQL的的步驟可以參考該博主的文章。 專案描述：實現一個登入介面，登入成功後切換到另一個介面。 登入介面實現的功能有： 1. qt連線mysql建立表.2。註冊賬號，往mysql表裡面新增賬

Git記住賬號密碼

一：執行命令 git config --global credential.helper store 二：開啟配置檔案 .gitconfig,在使用者目錄下 三：新增如下內容(github使用者名稱和郵箱)

JAVA實現通過繫結郵箱找回密碼功能

1.輸入使用者名稱及驗證碼,驗證使用者名稱是否存在 (1).生成驗證碼工具類 package com.utils;     import java.awt.Color;     import java.awt.F

gittortoise 記住賬號密碼

前言 TortoiseGit是一個開放的git版本控制系統的源客戶端，支援Winxp/vista/win7。可以恢復您的檔案的舊版本。 [ 百度百科 ] 開始 1 .找到當前使用者資料夾，

記住賬號密碼 （密碼賬號輸入框在設定的時間內有效）

       前幾天在做記住賬號密碼這個功能，查了資料有了解到：cookie 與 session 兩種傳送 ，cookie是在客戶端保持登入狀態的機制；session是在服務端保持狀態的傳送。相同點就是可以保持視窗的登入狀態，不同點就是cookie容易被劫持，不安全，ses

記住賬號密碼 （根據輸入的賬號，密碼框自動輸入有效密碼）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

利用JSP+JS+CSS+Servlet實現使用者登入，儲存使用者名稱密碼功能

private void rememberMe(String userName,String password,HttpServletResponse response){ Cookie cook

git 記住賬號密碼、忽略部分檔案、合併分支、將遠端分支拉取到本地

簡介：tortoiseGit（烏龜git）圖形化了git，我們用起來很方便，但是我們拉取私有專案的時候，每次都要輸入使用者名稱和密碼很麻煩，這裡向大家介紹怎麼避免多少輸入試驗環境：window10，安裝的有git，tortoiseGit首先我們找到使用者目錄（C:\Users\使用者）下的.gitconfig

ubuntu 登陸介面無法輸入密碼

今天因為重啟網絡卡而卡機，出門回到宿舍發現系統並不黑屏了，處於正常登入介面，看到還小開心了一會，不過當我輸入密碼的時候，發現鍵盤不能用，所以google到了這一篇文章，雖然我解決的辦法是強制重啟，但還是轉載過來，用於學習、參考 Ubuntu 10.04安裝在Vmware 7.01中；進入圖形登陸介面中，鍵盤