朱紅雯

摘要：利用微軟富客戶端技術設計心語貼墻系統(tǒng)，用戶能夠通過該文所設計的系統(tǒng)在不同場景中對心語描述。比如在廣場墻和地圖中發(fā)布心語。在系統(tǒng)程序架構設計過程中，服務器利用分層架構的思想能夠使系統(tǒng)穩(wěn)定性得到提高。

關鍵詞：富客戶端;心語貼墻

中圖分類號：TP311 ? ? ? ?文獻標識碼：A

文章編號：1009-3044（2020）17-0061-02

Microsoft Silverlight為微軟富客戶端互聯(lián)網(wǎng)應用程序策略主要開發(fā)平臺，還是微軟網(wǎng)頁制作過程中的前端開發(fā)方案。利用瀏覽器的插件方法能夠提供給web應用程序高度交互性與多媒體的解決方案[1]。大部分的Silverlight程序中不僅具有程序代碼，還包括XAML代碼，程序代碼能夠實現(xiàn)邏輯判斷和處理流程，但是無法創(chuàng)建界面。但是，XAML屬于集中化的編程，能夠結合其他語言使用，從而實現(xiàn)完善功能與界面美觀的程序[2]。本文在心語貼墻系統(tǒng)創(chuàng)建過程中使用富客戶端技術，使此系統(tǒng)能夠實現(xiàn)用戶隨時隨地對自己程序進行查看，并且還能夠和其他用戶相互交流。

1 系統(tǒng)的功能需求

系統(tǒng)總體功能包括：

1）個人中心。在用戶在個人中心能夠對其他用戶心語進行瀏覽和切換，主要包括列表瀏覽與貼墻瀏覽，對好友進行添加和關注，還能夠貼上自己的心語。

2）心語廣場管理。不管是已經(jīng)注冊的用戶或者沒有注冊的用戶，都能夠通過此功能在廣場墻中貼上自己心語，其他用戶也能夠瀏覽心語并且評論。

3）我的心語。用戶能夠通過系統(tǒng)對不同樣式的便簽紙將自己的心語貼到不同墻上，并且便簽紙能夠在墻上任意的拖動[3]。

4）用戶管理。系統(tǒng)還能夠使注冊用戶與匿名用戶使用，針對注冊用戶能夠對用戶基本信息進行管理。

用戶管理子系統(tǒng)數(shù)據(jù)流程通過用戶注冊處理開始，之后通過驗證錄入過程、成功注冊、提示與用戶登錄處理等，最后到用戶配置處理中;個人中心數(shù)據(jù)流主要分三路，分別為心語的添加、選擇、驗證和成功處理;評論的處理、驗證與失敗處理;心語處理到編輯心語;我的足跡數(shù)據(jù)流主要包括添加足跡、用戶位置選擇、瀏覽器定位、地圖中顯示用戶位置標記、添加標記、心語和圖片;足跡的編輯和繪制[4]。

2 系統(tǒng)的設計和實現(xiàn)

2.1 服務器端和客戶端的連接

要想保存客戶端的數(shù)據(jù)，結合服務端通信和Silverlight的實際情況，通過WCF能夠有效實現(xiàn)兩者的通信。Silverlight應用程序無法直接訪問數(shù)據(jù)庫，但是能夠通過一系列的服務中對數(shù)據(jù)進行訪問，比如ASMX服務、WCF服務與其他標準兼容等。通過Silverlight工具中的內置功能能夠有效激活WCF服務，并且不需要大量的代碼使WCF服務消耗。Silverlight3和以上版本支持JSON與XML，此功能快速使數(shù)據(jù)通過服務器到客戶端傳輸。

在此過程中，假如要對WCF服務調用，但是在不同端口或者不同域中具有WCF服務，那么此服務能夠對客戶策略文件進行訪問，在服務器端保存此文件。Silverlight能夠查看文件是否能夠被調用[5]，此策略文件在使用過程中的主要代碼為：

為了實現(xiàn)WCF服務代理的創(chuàng)建，首先就要對Silverlight進行創(chuàng)建。創(chuàng)建此項目之后就能夠對項目右擊，之后對服務引用選擇添加。如果在相同VS方案中具有相同的WCF服務，就可以對Sis-cover按鈕進行點擊。否則通過Address文本框實現(xiàn)WSDL文件路徑的輸入，如果對文件進行定位，能夠命名代理代碼的空間，點擊確認按鈕。假如實現(xiàn)客戶代理的創(chuàng)建，就能夠調用Silverlight中的服務。在整個過程中，實現(xiàn)與Silverlight的異步網(wǎng)絡操作，所以在服務調用的過程中并不會對瀏覽器進行鎖定?？蛻舳舜鞵roxy能夠調用Silverlight中的WCF服務，之后實現(xiàn)代理對象的創(chuàng)建，然后通過事件驅動型的模式實現(xiàn)異步事件處理器的捆綁。此服務的異步調用方法為Proxy.GetListAsync（），假如實現(xiàn)數(shù)據(jù)服務的返回，回調的方法能夠實現(xiàn)自動調用與訪問，以此檢索數(shù)據(jù)，并不需要額外設置傳遞數(shù)據(jù)線，代理就能夠自動處理所有的事情[6]。

2.2 主要功能模塊的設計

2.2.1 注冊和登錄模塊

通過StaticTableView與NavigationBar實現(xiàn)頁面創(chuàng)建，以TableViewCell得到用戶名、手機號與密碼，對數(shù)據(jù)庫中是否有此手機號進行查詢。如果沒有，對數(shù)據(jù)庫插入記錄。利用UIAlerController頁面對用戶反饋操作信息。

利用Stack View包裝Text Field與Image實現(xiàn)布局，利用Button觸發(fā)事件。在登錄過程中，查詢數(shù)據(jù)庫是否具有此手機號，并且分析密碼是否正確。如果正確就跳轉到已經(jīng)接收信息界面中，如果錯誤利用UIAlert Controller在頁面中實現(xiàn)錯誤信息的反饋[7]。

2.2.2 首頁功能菜單

本文所設計的心語貼墻系統(tǒng)將傳統(tǒng)系統(tǒng)樣式進行創(chuàng)新，通過Menu樣式自定義設計菜單，以此能夠使心語貼墻具有良好用戶體驗。對Menu按鈕點擊就能夠彈出Menu對話框，菜單中文件夾的新建功能能夠將新建文件夾的對話框彈出，在輸入之后就能夠生成心語。另外，菜單中還具有文件導出的功能，將彈出提示框點擊，提示文本利用.txt的格式輸出在某個文件夾中。通過菜單的搜索功能能夠對關鍵字進行搜索，多媒體記事功能能夠轉到首頁中，實現(xiàn)文本結合多媒體的編輯。

2.2.3 用戶和信息管理

傳統(tǒng)心語貼墻系統(tǒng)并沒有用戶管理的概念，用戶在包括游客、顧客和陌生人，并且也沒有神人信息，屬于無序的狀態(tài)。以此，在本文設計過程中，用戶主要包括注冊用戶、系統(tǒng)管理員與游客，在用戶注冊過程中能夠利用用戶收集驗證，和原本業(yè)務流程對比設置了用戶管理，并且具備身份認證，能夠避免出現(xiàn)無效用戶注冊和惡意注冊，使網(wǎng)站用戶信息精準度得到提高，提供給其他用戶良好基礎數(shù)據(jù)。圖1為用戶管理的流程，管理員利用用戶管理，能夠對全部用戶進行管理，包括系統(tǒng)注冊用戶、管理員賬戶，在功能方面包括四個業(yè)務選項，管理員在后臺能夠實現(xiàn)需要管理用戶的信息刪除、添加、修改和權限管理[8]。

在信息管理方面，主要包括日程管理、心語管理等，并且還包括足跡管理、日程管理。回復心語評論的功能是將心語管理作為基礎，任何用戶都能夠評論平臺中公開的心語信息，并且還能夠回復其他人的評論。

2.2.4 便簽記事提醒

便簽記事提醒的功能能夠對用戶進行提醒，包括會議記錄、日常生活等內容，還能夠設置重要時刻。提醒界面一目了然，用戶能夠看到自己所設置的提醒，并且為Item設置短按、長按的事件，在按的時間比較短時，就能夠在提醒界面中設置，實現(xiàn)重要事情提醒的設置。長按就會進入到Menu菜單中，對刪除提醒進行選擇，還能夠重新編輯提醒。

2.2.5 便簽記事的功能

點擊“寫標簽”按鈕，從而在普通便簽編輯界面中轉到，此界面的上下層分別為表示層和編輯層，界面中的按鈕能夠更換背景的顏色。對下層編輯層點擊之后彈出軟鍵盤，之后輸入文字。菜單中新建便簽功能能夠利用編輯界面轉到新建界面中進行編輯，菜單中的刪除功能能夠刪除目前的便簽。文字大小的功能能夠設置文字的大小，點擊后彈出選擇框，具有四種字體進行選擇。菜單中的分享功能能夠實現(xiàn)郵件、短信與網(wǎng)頁的分享。菜單中發(fā)送到界面功能能夠使目前便簽發(fā)送到手機桌面，以此實現(xiàn)快捷方式的生成。另外，菜單中自動文字識別與提醒功能對應生成提醒的功能。手寫圖形功能能夠實現(xiàn)手動繪圖，繪圖之后在指定文件夾中保存圖片，從而便于下次的查看[10]。

3 結束語

在移動技術不斷發(fā)展的過程中，科技產(chǎn)品也逐漸進入到人們生活中，為人們的工作和生活帶來了方便。本文將富客戶端技術作為基礎，設計了心語貼墻系統(tǒng)。因為富客戶端瀏覽技術，提高了系統(tǒng)使用過程中的優(yōu)勢，能夠使用戶隨時隨地的發(fā)表心語，并且對好友心語評論和回復評論。系統(tǒng)能夠在生活中應用，用戶在使用過程中也能夠為用戶生活提供良好幫助，比如便簽記事、便簽記事提醒等。

參考文獻：

[1] 劉梅娟，劉玉萍，徐沛純.多功能服務指引卡的制作及應用[J].護理學報， 2012，15（18）：77-78.

[2] 楊繼鵬，張廣建.跨平臺企業(yè)即時通訊系統(tǒng)的設計和實現(xiàn)[J].山東農(nóng)業(yè)大學學報：自然科學版， 2019，21（3）：495-501.

[3] 劉彩霞，石峰，謝小怡，等.面向嵌入式多核系統(tǒng)的可共享多通道便簽存儲器設計與實現(xiàn)[J]. 小型微型計算機系統(tǒng)， 2010，31（7）：1338-1341.

【通聯(lián)編輯：代影】