【文章內(nèi)容簡(jiǎn)介】 業(yè)版權(quán)，從此， Qt mobile 由諾基亞負(fù)責(zé)，而 Qt Commercial 由 Digia 負(fù)責(zé)， 2020 年， Qt 正式被諾基亞公司作為資產(chǎn)剝離方式出售給 Digia 公司， Qt 開(kāi)始了真正的跨平臺(tái)發(fā)展。 由于 Qt 具有的強(qiáng)大的跨平臺(tái)優(yōu)勢(shì)，可以操作運(yùn)行與絕大多數(shù)目前流行使用的平臺(tái)，并且具有模塊化度高，可重用性好的面向?qū)ο?開(kāi)發(fā)方式，可以使用signals/slots 的安全類(lèi)型來(lái)替代 callback，使得各個(gè)模塊之間的協(xié)同工作變得非常簡(jiǎn)單，以及大量的 API 支持， Qt當(dāng)之無(wú)愧作為本次開(kāi)發(fā)的主要工具。 局域網(wǎng)聊天原理 此次局域網(wǎng)聊天軟件的設(shè)計(jì)主要采用 TCP/IP 協(xié)議完成， TCP/IP 協(xié)議作為inter 的核心協(xié)議，已經(jīng)被廣泛應(yīng)用與日常的網(wǎng)絡(luò)使用，在局域網(wǎng)和廣域網(wǎng)中都屢見(jiàn)不鮮，目前已經(jīng)成為事實(shí)上的國(guó)際標(biāo)準(zhǔn) 。 TCP/IP 協(xié)議在網(wǎng)絡(luò)參考模型中主要作用于網(wǎng)絡(luò)層、傳輸層和應(yīng)用層，支持 TCP/IP 協(xié)議的應(yīng)用程序通常直接運(yùn)行與傳輸層協(xié)議，而不需要表示層和會(huì)話(huà)層的支持。該協(xié)議可以在一臺(tái)計(jì)算機(jī)需要連接另一臺(tái)計(jì)算機(jī)時(shí)，幫助其建立一個(gè)連接，并控制起發(fā)送接受數(shù)據(jù)，以及決定性的終止連接， TCP/IP 協(xié)議基本囊括了網(wǎng)絡(luò)通訊的主要功能，同時(shí)具有相當(dāng)?shù)撵`活性和自由性，使得計(jì)算機(jī)之間可以彼此通信、聯(lián)通。 同時(shí)本次開(kāi)發(fā)需要用到 UPD 協(xié)議，也就是用戶(hù)數(shù)據(jù)包協(xié)議，這是一種異步通信模式，需要采取請(qǐng)求接受的方式來(lái)進(jìn)行通訊，但這樣的好處是不需要接受網(wǎng)絡(luò) 吞吐量的限制，同時(shí)可以完整的接受發(fā)送數(shù)據(jù)，這樣的好處是不需要維護(hù)連接狀態(tài)，因此一臺(tái)機(jī)器可以向多個(gè)機(jī)器發(fā)送相同的消息，雖然 UPD 協(xié)議不是一個(gè)可靠協(xié)議，但其分發(fā)信息的功能在本次設(shè)計(jì)中起到了至關(guān)重要的作用。 本次局域網(wǎng)聊天軟件的設(shè)計(jì)思路如下： 假定 A為發(fā)送方， B為接收方 ,首先發(fā)送方流程如下： 。 建立一個(gè)廣播 Scoket A用戶(hù)登錄 8 太原科技大學(xué)華科學(xué)院畢業(yè)設(shè)計(jì)（論文） Y Y 然后，接收方流程如下： 用 A的用戶(hù)名、主機(jī)名和 IP 地址建立一個(gè) Socket 接收 A的用戶(hù)名、主機(jī)名、 IP 地址 是否接到消息 B用戶(hù)登錄 顯示聊天內(nèi)容 發(fā)送聊天內(nèi)容 是否需要發(fā)送消息 用聊天 Socket發(fā)送消息 連接接收信號(hào)和槽函數(shù)hasPendingDatagrams() 將 Socket綁定到本地 IP 和聊天端口 N N 9 太原科技大學(xué)華科學(xué)院畢業(yè)設(shè)計(jì)（論文） Y 回復(fù)信息 是否發(fā)送消息 顯示 A發(fā)送的消息 N 10 太原科技大學(xué)華科學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 4 章 系統(tǒng)分析 系統(tǒng)實(shí)現(xiàn)目標(biāo) 本軟件 主要實(shí)現(xiàn)： 實(shí)現(xiàn)局域網(wǎng)中用戶(hù)的日常聊天，文字傳輸，上線提示，可以更改字體、字號(hào)，保存聊天記錄，刪除聊天記錄，傳輸小型文件，實(shí)現(xiàn)窗口拖動(dòng)等功能，具備基本的局域網(wǎng)聊天軟件功能，使用 QT開(kāi)發(fā)，使其可以跨平臺(tái)使用，為將來(lái)的軟件移植打下堅(jiān)實(shí)的基礎(chǔ)。 系統(tǒng)體系結(jié)構(gòu) 圖 系統(tǒng)結(jié)構(gòu)圖 聊天記錄保存： 可以保存當(dāng)前的聊天記錄到 TXT文檔。 更改字體、字號(hào)： 可以根據(jù)用戶(hù)的喜好自行更改字體、字號(hào)、顏色等聊天文字。 登錄 : 使用用戶(hù)喜歡的用戶(hù)名進(jìn)行登錄。 上線提示 文件傳輸 文字傳輸 窗口拖動(dòng) 登錄 關(guān)閉服務(wù)器 配置服務(wù)器 開(kāi)啟服務(wù)器 客戶(hù)端 服務(wù)器 局域網(wǎng)聊天系統(tǒng) 11 太原科技大學(xué)華科學(xué)院畢業(yè)設(shè)計(jì)（論文） 文字傳輸： 實(shí)現(xiàn)聊天的基本功能。 上線提示： 用戶(hù)上線發(fā)出上線提示。 文件傳輸： 可以傳輸小型文件。 窗口拖動(dòng)： 點(diǎn)擊聊天軟件窗口可以自由拖動(dòng)。 12 太原科技大學(xué)華科學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 5 章 系統(tǒng)設(shè)計(jì) 該 軟件 要求功能 齊全 ，界面 美觀簡(jiǎn)介，符合當(dāng)代人的基本審美要求 ， 進(jìn)行合格 的軟件 開(kāi)發(fā) ，功能模塊 開(kāi)發(fā) 是 重中之重 。 概要設(shè)計(jì) 首先，要明確在系統(tǒng)需求分析中，首先要明確的是客戶(hù)需求，作為局域網(wǎng)聊天軟件，客戶(hù)的需求首先是流暢的聊天，其次，美觀性在當(dāng)今的軟件設(shè)計(jì)當(dāng)中起到了決定性的作用， UI 的設(shè)計(jì)就顯得尤為重要，再者，軟件的功能性全面和完善是一個(gè)完整的軟件必不可少的。那么概要設(shè)計(jì)就明確了： ； UI界面； 。 軟件結(jié)構(gòu)設(shè)計(jì) 模塊化在軟件結(jié)構(gòu)設(shè)計(jì)中起著尤為重要的作用，能否將一個(gè)應(yīng)用合理的模塊化是一個(gè)項(xiàng)目能否成功的關(guān)鍵 。 模塊化是說(shuō)，將一個(gè)復(fù)雜的軟件分解成為若干個(gè)小模塊，逐級(jí)劃分，層層嵌套，使整個(gè)軟件具有明顯的層級(jí)和規(guī)則，每個(gè)模塊完成一個(gè)特定的功能，將各個(gè)模塊組織起來(lái)之后，就可以形成一個(gè)完整的軟件。 將軟件模塊化的原因是為了讓軟件的各個(gè)功能更加明確，易于將來(lái)的修改和維護(hù)，同時(shí)也增加了軟件的可讀性，使得更多人可以為這個(gè)軟件增加新的功能和優(yōu)化。但值得一提的是，軟件的模塊化并不是任意的，而是具有相應(yīng)的層級(jí)和相應(yīng)的規(guī)則的，層層嵌套，一環(huán)扣一 環(huán)，使得各個(gè)模塊間的借口盡量的聯(lián)系少且簡(jiǎn)單，從而省去很多不必要的麻煩，盡量做到高內(nèi)聚低耦合，增強(qiáng)各個(gè)模塊的單獨(dú)使用性，為日后提高軟件質(zhì)量做準(zhǔn)備。 在本次軟件的設(shè)計(jì)中，軟件被細(xì)化成了如下幾個(gè)部分： 一． 登錄界面 1. 用戶(hù)名輸入框 13 太原科技大學(xué)華科學(xué)院畢業(yè)設(shè)計(jì)（論文） 2. UI 界面 3. 窗體拖動(dòng) 二． 聊天室界面 1. 文字輸入框 2. 工具欄 1) 字體調(diào)整 2) 字號(hào)調(diào)整 3) 顏色調(diào)整 4) 聊天記錄保存 5) 聊天記錄清空 6) 文件傳輸 3. 消息顯示框 4. 用戶(hù)列表框 5. UI 界面 6. 窗體拖動(dòng) 三． TCP 客戶(hù)端 1. 端口、 IP 地址配置 2. 文件接收 3. 窗體拖動(dòng) 四． TCP 服務(wù)器 1. 端口、 IP 地址配置 2. 文件發(fā)送 3. 窗體拖動(dòng) 詳細(xì)設(shè)計(jì) 登錄界面 用戶(hù)登錄界面 ，如圖。 14 太原科技大學(xué)華科學(xué)院畢業(yè)設(shè)計(jì)（論文） 圖 用戶(hù)登錄 圖 主要 UI設(shè)計(jì)代碼如下： ?xml version= encoding=UTF8? ui version= classDialog/class widget class=QDialog name=Dialog property name=geometry rect x0/x y0/y width400/width height184/height /rect /property property name=windowTitle stringDialog/string /property widget class=QPushButton name=enterBtn property name=geometry rect x300/x y110/y width61/width 15 太原科技大學(xué)華科學(xué)院畢業(yè)設(shè)計(jì)（論文） height61/height /rect /property property name=cursor cursorShapePointingHandCursor/cursorShape /property property name=styleSheet string notr=trueQPushButton{ borderimage: url(:/imgs/)。} QPushButton::hover{ borderimage: url(:/imgs/)。} QPushButton::pressed{ borderimage: url(:/imgs/)。}/string /property property name=text string/ /property property name=flat booltrue/bool /property /widget widget class=QPushButton name=exitBtn property name=geometry rect x364/x y0/y width30/width height30/height /rect /property 16 太原科技大學(xué)華科學(xué)院畢業(yè)設(shè)計(jì)（論文） property name=styleSheet string notr=trueQPushButton{ borderimage: url(:/imgs/)。} QPushButton::hover{ borderimage: url(:/imgs/)。} QPushButton::pressed{ borderimage: url(:/imgs/)。}/string /property property name=text string/ /property property name=flat booltrue/bool /property /widget widget class=QLineEdit name=usrEdit property name=geometry rect x50/x y135/y width211/width height31/height /rect /property property name=font font familyAdobe Gothic Std B/family pointsize11/pointsize weight75/weight boldtrue/bold 17 太原科技大學(xué)華科學(xué)院畢業(yè)設(shè)計(jì)（論文） /font /property /widget widget class=QWidget name=widget native=true property name=geometry rect x0/x y0/y width400/width height184/height /rect /property property name=styleSheet string notr=truewidget{backgroundimage: url(:/imgs/)。} /string /property /widget zorderwidget/zorder zorderenterBtn/zorder zorderexitBtn/zorder zorderusrEdit/zorder /widget resources/ connections connection senderexitBtn/sender signalpressed()/signal receiverDialog/receiver slotclose()/slot 18 太原科技大學(xué)華科學(xué)院畢業(yè)設(shè)計(jì)（論文） hints hint type=sourcelabel x378/x y14/y /hint hint type=destinat