【文章內(nèi)容簡介】 端，在設計中我將數(shù)據(jù)輸入和信息顯示 14 整合在一個頁面中，全部客戶端僅包含一個主要的窗口，窗口中有 4 個 WPF 頁分別包括以下四個主要頁界面： 首頁：用戶打開軟件所見到的的界面。 圖 123 首頁 文件傳輸界面：文件傳輸界面分為三 層結(jié)構(gòu)，第一層為用戶下載地址輸入層，第二層為目標 FTP 服務器端文件列表，第三層為本地下載路徑中的文件列表。 15 圖 124 文件傳輸界面 歷史記錄查詢界面：從數(shù)據(jù)庫中讀取用戶的操作歷史記錄，讓用戶查詢曾經(jīng)下載的文件信息。 16 圖 125 歷史記錄查詢界面 常用地址界面，列出常用的 ftp 服務器地址，方便用戶使用，并提供自行添加地址的功能 。 圖 126 常用地址界面 . 數(shù)據(jù)流程圖 . 客戶端連接流程圖 運行客戶端后，首先是連接服務器，需要輸入服務器 IP 地址點擊連接按鈕后開始連接服務器。 下圖為客戶端連接流程圖。 17 發(fā) 送 用 戶 名 與 密 碼至 服 務 器連 接 服 務 器是 否 連 接 成 功顯 示 連 接 失 敗顯 示 連 接 成 功獲 取 服 務 器 文 件 列表刷 新 服 務 器 文 件 顯示 文 件 列 表開 始用 戶 輸 入 用戶 名 及 密 碼開 始是 否 圖 127 客戶端連接流程圖 連接的結(jié)果有兩種，即圖中顯示的連接失敗和連接成功。 18 . 上傳子模塊流程圖 當用戶點擊上傳按鈕后，用戶可以選擇需 要上傳的文件，將本機上的文件上傳至 FTP 服務器。下圖為上傳子模塊流程圖。 開 始雙 擊 需 上 傳 文 件獲 取 上 傳 的 文 件名連 接 服 務 器上 傳 文 件彈 出 對 話 框 顯 示上 傳 失 敗上 傳 是 否 成 功彈 出 對 話 框 顯 示上 傳 成 功更 新 服 務 器 文件 列 表結(jié) 束否是 圖 128 上傳模塊流程圖 19 上傳的結(jié)果有兩種，上傳失敗和成功，失敗時會提示用戶上傳失敗，原因可能是權(quán)限，如果成功上傳，則提示上傳成功。 . 下載子模塊流程圖 當用戶在服務器文件列表中選擇想要下載的文件后，選擇需要下載文件在本機上 的存儲位置，將服務器上的文件下載至本機。 下圖為上傳子模塊流程圖。 開 始獲 取 文 件 列 表雙 擊 需 下 載 的 文件連 接 服 務 器下 載 文 件彈 出 對 話 框 顯 示上 傳 失 敗下 載 是 否 成 功彈 出 對 話 框 顯 示下 載 成 功更 新 本 地 文 件 列表結(jié) 束否是 圖 129 下載模塊流程圖 20 2. FTP客戶端程序?qū)崿F(xiàn) . WPF 界面設計 . 首頁界面詳細設計 首頁左側(cè)有四個按鈕連接到不同功能的 WPF 頁，主要界面為歡迎界面，用戶可以通過點擊按鈕選擇需要的功能。通過 datagrid 來布局整個頁面。 主要 Wpf 設計代碼： Grid RowDefinition Height=70 / RowDefinition / / !上半部分導航頁面 StackPanel =0 Background=LightBlue Label Height=70 Content=CHEN39。S FTP 客戶端 FontWeight=Bold FontSize=35 HorizontalContentAlignment=Center =0 / /StackPanel !下半部分主題界面 Grid =1 =0 ColumnDefinition Width=190 / ColumnDefinition / / StackPanel Background=LightGray =0 =0 !四個按鈕 Button Name=btnIndex Height=50 Width=190 Background=LightCoral Content=首頁 MouseEnter=Button_MouseEnter Click=Button_Click MouseLeave=Button_MouseLeave MouseDown=Button_MouseDown MouseUp=Button_MouseUp / Button Name=btnDownload Height=50 Width=190 Background=LightCoral Content=文件傳輸 BorderBrush=LightCoral MouseEnter=Button_MouseEnter Click=Button_Click MouseLeave=Button_MouseLeave MouseDown=Button_MouseDown MouseUp=Button_MouseUp / Button Name=btnHistory Height=50 Width=190 Background=LightCoral Content=歷史記錄 MouseEnter=Button_MouseEnter Click=Button_Click MouseLeave=Button_MouseLeave MouseDown=Button_MouseDown MouseUp=Button_MouseUp / Button Name=btnAddress Height=50 Width=190 Background=LightCoral Content=常用地址查詢 21 MouseEnter=Button_MouseEnter Click=Button_Click MouseLeave=Button_MouseLeave MouseDown=Button_MouseDown MouseUp=Button_MouseUp / /StackPanel StackPanel Name=Frame =0 =1 Frame x:Name=framePage NavigationUIVisibility=Hidden Source= Background=AliceBlue Width=588 Height=492/Frame /StackPanel /Grid /Grid . 文件傳輸界面詳細設 計 文件傳輸界面分為三層結(jié)構(gòu)，第一層為用戶下載地址輸入層，第二層為目標FTP 服務器端文件列表，第三層為本地下載路徑中的文件列表。通過 Grid 將整個頁面分為三行，每一行嵌入一個 stackpanel，并在第一行再次用 Grid 布局將第一行分為三列，第一列放提示信息用的 label，第二列放輸入用的 inputtex，第三列放一個 button 控件。 頁面結(jié)構(gòu) wpf 代碼： Grid RowDefinition Height=300 / RowDefinition / / !服務器界面 StackPanel =0 Background=AliceBlue Grid RowDefinition Height=30 / RowDefinition / / ColumnDefinition Width=100/ ColumnDefinition Width=300/ ColumnDefinition/ / /Grid /StackPanel /Grid 第一層用來記錄用來輸入服務器的站點，用戶名和密碼信息，然后將信息發(fā)送到服務器進行驗證，利用 inputBox 控件來實現(xiàn)。在程序運行時，用戶在輸入 22 框 url 中輸入的 FTP 服務器站點。利用點擊按鈕觸發(fā) onClick 事件獲取輸入框中的數(shù)據(jù)，將 url 中的數(shù)據(jù)存儲至 path 變量 中，將 username 中的數(shù)據(jù)存儲至username 中 。 Wpf 設計代碼： Label =0 =0 Content=下載地址 : HorizontalAlignment=Right / TextBox Name=txtServerPath =0 =1/ Button Name=btnServerSearch =0 =2 Width=108 Content=查詢 Click=btnServerSearch_Click / 第二層的作用是是顯示服務器文件列表，利用 Datagrid 控件來實現(xiàn)。在客戶端主界面創(chuàng)建一個 Datagrid，命名為 gridServerFileList，并置于主界面中間，該表格包括三個數(shù)據(jù)項：文件名 file，文件大小 filesizes，修改日期filedates，使用一個 ListFileNameserverFileList 來存儲這三個數(shù)據(jù)。當客戶端連接上服務器時，表格數(shù)據(jù)自動更新，主要功能使用 getServerfFileList()函數(shù)實現(xiàn)。當服務器連接切換到當前目錄，通過對 的method 賦值為 ListDirectory 并獲取來自服務器端的應答流，讀取應答流來實現(xiàn)。 Wpf 設計代碼： Border DataGrid =1 Name=gridServerFileList Width=510 Height=300 Background=LightCyan AutoGenerateColumns=True HorizontalScrollBarVisibility=Visible VerticalScrollBarVisibility=Visible GridLinesVisibility=None IsRea