winform+wcf搭建商戶管理系統（2）-用戶登陸界面設計

1.UI設計

winform不像Wpf那樣，能夠經過各層的疊加，來實現各類炫酷的特效。在網上找了一個三方類庫，很好的解決了這個問題。

如圖，經過三方控件LayeredSkin.dll實現的一個相似於QQ的登陸界面

首先引用LaryeredSkin，而後新增一個Form窗體（這裏命名爲FormLogin），而後讓它繼承LayeredForm

public partial class FormLogin : LayeredForm

 

這裏的樹葉和雲彩都可以移動（經過Timer+GDI+實現）

        private void FormLogin_Load(object sender, EventArgs e)
        {
            yezi = new Bitmap(90, 80);//先把葉子畫在稍微大一點的畫布上，這樣葉子旋轉的時候纔不會被裁掉一部分
            using (Graphics g = Graphics.FromImage(yezi))
            {
                g.DrawImage(Resources.yezi3, 10, 0);
            }
            timer1.Start();
            //讀取帳戶信息
            string result = AccountHelper.ReadAccount();
            if (string.IsNullOrEmpty(result) == false)
            {
                string[] temp = result.Split(',');
                if (temp != null && temp.Length == 2)
                {
                    txtAccount.Text = temp[0];
                    txtPassword.Text = temp[1];
                }
            }
        }

 protected override void OnLayeredPaint(LayeredSkin.LayeredEventArgs e)
        {
            Graphics g = e.Graphics;
            if (cloudX > this.Width - Cloud.Width)
            {//雲的飄動
                cloudX = 0;
            }
            else
            {
                cloudX += 0.5f;
            }
            g.DrawImage(Cloud, cloudX, 0);//把雲繪製上去

            if (angle > 10)
            {//控制旋轉方向
                RotationDirection = false;
            }
            if (angle < -10)
            {
                RotationDirection = true;
            }
            if (RotationDirection)
            {
                angle += 1;
            }
            else
            {
                angle -= 1;
            }
            using (Image temp = LayeredSkin.ImageEffects.RotateImage(yezi, angle, new Point(25, 3)))
            {
                g.DrawImage(temp, 140, 70);//繪製葉子
            }
            base.OnLayeredPaint(e);
        }

        private void timer1_Tick(object sender, EventArgs e)
        {
            LayeredPaint();
            GC.Collect();
        }

加上窗體的移動事件，來實現窗體的拖動

        private void FormMoveMouseDown(object sender, MouseEventArgs e)
        {
            LayeredSkin.NativeMethods.MouseToMoveControl(this.Handle);
        }

 

到這裏UI的設計就已經完成了

2.登陸和註冊邏輯

通常的登陸窗體都會有一個窗口的登陸和註冊邏輯（查詢和新增）

1.登陸邏輯

首先在客戶端進行初步的空值或者字符驗證

                if (string.IsNullOrEmpty(txtAccount.Text))
                {
                    layeredLabel5.Text = "用戶名不能爲空！";
                    layeredLabel5.ForeColor = Color.Red;
                    txtAccount.Focus();
                    return;
                }
                if (string.IsNullOrEmpty(txtPassword.Text))
                {
                    layeredLabel5.Text = "密碼不能爲空！";
                    layeredLabel5.ForeColor = Color.Red;
                    txtPassword.Focus();
                    return;
                }

而後這裏調用服務端的帳號密碼驗證方法，來肯定登陸是否正確，同時返回用戶信息，以供後面調用

 bool result = _client.TLoginCheckLogin(out message, out dto, txtAccount.Text, txtPassword.Text);

2.保存密碼

這裏經過本地文本的讀寫來實現密碼的保存和自動填充功能

 //保存帳號信息
 if (cbRemind.Checked)
    AccountHelper.WriteAccount(txtAccount.Text, txtPassword.Text);

在用戶的加載事件中，已經貼出了自動讀取保存的用戶信息

3.用戶的註冊

這裏分爲員工信息和帳號信息兩類信息。（這兩類信息在服務端表現爲一一對應關係）

    public class T_Login : Entity
    {
        private string _loginid;
        public string LoginId { get { return _loginid; } set { this.Id = value; this._loginid = value; } }  // LoginId (Primary key)

        public string LoginName { get; set; } // LoginName
        public string LoginPsw { get; set; } // LoginPsw
        public string Role { get; set; } // Role
        public string EmployeeId { get; set; } // EmployeeId
        public virtual T_Employee TEmployee { get; set; } // FK_T_Login_T_Employee  外鍵關係

    }

對於上節提到的DDD架構的業務邏輯而言，咱們能夠經過先增長外鍵表（員工信息表），再增長主鍵表（登陸信息表）來新增登陸信息。也能夠應用架構自己的聚合根特性，來同時添加。第一種須要調用2次服務，第二種只須要在服務中傳兩個實體，而後聚合到主鍵實體，Commit就好了。

第一種方法

 private void btnRegist_Click(object sender, EventArgs e)
        {
            string message = string.Empty;
            if (!ConfirmNull(out message))
            {
                labelWarning.Text = message;
                labelWarning.ForeColor = Color.Red;
                return;
            }

            if ((bool)txtAccount.Tag == false)
            {
                TEmployeeDTO emp = new TEmployeeDTO();
                emp.EmployeeId = Guid.NewGuid().ToString();
                emp.EmployeeName = txtName.Text;
                emp.EmployeePhone = txtTel.Text;
                emp.EmployeeSex = coboSex.Text;
                emp.EntryData = dateTimePicker1.Value;
                emp.IdCard = txtIdCard.Text.Replace("-", "");
                emp.EmployeeAge = int.Parse(dmpAge.Text);
                emp.EntryImage = pictureStreamBox1.GetPictureStream();
                bool result = _client.TEmployeeAdd(emp);

                TLoginDTO login = new TLoginDTO();
                login.EmployeeId = emp.EmployeeId;
                login.LoginId = Guid.NewGuid().ToString();
                login.LoginName = txtAccount.Text;
                login.LoginPsw = txtPsw.Text;
                login.Role = coboRole.Text;
                result &= _client.TLoginAdd(login);
                if (result)
                {
                    labelWarning.ForeColor = Color.Green;
                    labelWarning.Text = "註冊成功！";
                    _account = login.LoginName + "," + login.LoginPsw;
                    Thread.Sleep(2000);
                    this.DialogResult = DialogResult.OK;
                }
                else
                {
                    labelWarning.Text = "註冊失敗！";
                    labelWarning.ForeColor = Color.Red;
                }
            }

第二種方法

        public bool Add(TLoginDTO dto,TEmployeeDTO employeeDTO)
        {
            try
            {
                var entity = dto.ProjectedAs<T_Login>();
                entity.TEmployee = employeeDTO.ProjectedAs<T_Employee>();
                if (_repository.Insert(entity) > 0)
                {
                    return true;
                }
                else
                {
                    return false;
                }
            }
            catch (Exception ex)
            {
                throw ex;
            }
        }

這裏推薦使用第二種方法。效率高，同時不易產生髒數據

3.線程之間的關係

winform界面在程序入口Main函數中啓用登陸界面的時候，就將登陸界面設定爲主線程。登陸成功以後，須要將登陸界面隱藏，顯示出咱們須要的主界面。

因此，不能直接將登陸界面幹掉（Close），否則，整個程序將徹底關閉，至關於Application.Exit().

有兩種方法能夠解決：1.關閉登陸界面以前，經過System.Diagnostics.Process.Start來啓動MainForm,而後關閉。2.將登陸界面Hide,在MainForm關閉的時候，將主線程關閉。

4.總結

Github源碼下載