基于qt的html編輯器的設(shè)計與實現(xiàn)畢業(yè)論文(參考版)
2024-11-14 03:29本頁面
【正文】 本文參考了大量的文獻(xiàn)資料，在此，向各學(xué)術(shù)界的前輩們致敬 ！ 21 參考文獻(xiàn) [1] Stanley Josee Lajoie 著． C++ Primer 第四版．北京：人民郵電出版社， 2020 年 10 月 [2] [美 ] Stevens Stephen 著 尤晉元 張亞英 戚正偉 譯 UNIX 環(huán)境高級編程 人民郵電出版社 2020 年 5 月 1 日 [3] Kenh 著 徐波 譯． C 和指針．北京：人民郵電出版社， 2020 年 [4] 成潔 盧紫毅 編著． Linux 窗口程序設(shè)計 Qt4 精彩實例分析．北京：清華大學(xué)出版社， 2020 年 11 月 [5] Mark 著 楊明軍 王鳳芹 譯． Linux 命令、編輯器與 Shell 編程．北京：清華大學(xué)出版社， 2020 年 3 月 [6] Scott Meyers 著 侯捷 譯 .Effective C++ 中文版．武漢：華中科技大學(xué)出版社， 2020 年 9 月 [7] [加拿大 ]Jasmin Blanchette [英 ]Mark Summerfield 著 閆鋒欣等譯 .C++ GUI Qt4 編程 （第二版）．北京：電子工業(yè)出版社， 2020 年 8 月 [8]丁林松，黃麗琴． Qt4 圖形設(shè)計與嵌入式開發(fā)．人民郵電出版社， 2020 年 [9]倪繼利． Qt 以及 linux 操作系統(tǒng)窗口設(shè)計．電子工業(yè)出版社， 2020 年 [10] 苗忠良 宛斌 編著． Qtopia 編程之道．北京：清華大學(xué)出版社， 2020 年1 月 [11] [美 ] Daniel Solin 著 袁鵬飛 譯 24 小時學(xué)通 QT 編程 人民郵電出版社 2020 年 11 月 [12]譚浩強(qiáng) 著 C++程序設(shè)計 清華大學(xué)出 版社 2020 年 4 月 。在我的大學(xué)學(xué)習(xí)生活和本次畢業(yè)設(shè)計中，羅老師給予我的鼓勵和耐心指導(dǎo)，為我順利完成課題奠定了堅實的基礎(chǔ)，并且給了我面對困難和解決困難的勇氣。在此，我還要感謝 我 在班里同學(xué)和朋友，感謝你們在我遇到困難的時候幫助我，給我支持和鼓勵，感謝你們 。 20 致謝 感謝鄭州大學(xué)四年來對我的辛苦培育，讓我在大學(xué)這四 年來學(xué)到很多東西，特別感謝軟件學(xué)院為我提供了良好的學(xué)習(xí)環(huán)境。鑒于目前嵌入式比較火，對應(yīng) html 編輯器來說，我認(rèn)為還可以改進(jìn)，使用交叉編輯工具編輯，移值到嵌入式設(shè)備上，由于硬件設(shè)備等等原因，沒有做到這一點，頗為遺憾。我選的題目是 html 編輯器，之所以選這個題目，是因為我想用我學(xué)習(xí)過的知識編寫一個相對完美軟件，剛剛開始的時候，題目定下來了，但是內(nèi)容卻一再讓我陷入迷茫，該如何下手？從哪兒作為切入點？用什么語言作為設(shè)計語言？等等一系列困難，在 真正 做起來 的時候卻 發(fā)現(xiàn)自 己 的知識 太 少 ，很多知識掌握不牢固，很多知識 雖然 在理論上掌握 了 ， 但是 到實際運(yùn)用還 是不行。 測試各個模塊 (1)跑起基本界面 如圖 所示： 16 圖 測試基本界面是否生效 (2)看菜單欄是否成功 （如圖 , 所示） 圖 File 菜單 圖 Help 菜單 (3)手動編輯一個簡單的 html 程序預(yù)覽 （如圖 所示） 17 圖 測試手動編輯的 html 代碼 (4)鏈接 URL 地址看是否成功 ： 連接 WWW 網(wǎng)站：依次打開 FileOpen URL(如下圖 ， 所示 )： 圖 測試打開菜單項 圖 測試打開 URL 點擊 OK 鍵后 可以連接百度主頁 (如圖 所示 )： 18 圖 打開百度主頁 19 6 項目總結(jié) 通過兩個月的努力，在老師和同學(xué)的幫助下順利完成 html 編輯器的編寫和畢業(yè)論文。編輯區(qū) 用來 編輯 html 代碼 ，使用的用 QPlainTextEdit 控件， html 預(yù)覽區(qū)是用來顯示網(wǎng)頁的用 QWebView 控件，兩個按鈕用 QPushButton 控件，布局形式（順序不可打亂）： ① 兩個按鈕采用水平布局 ② 按鈕和 QPlainTextEdit 采用垂直布局 ③ 整個采用垂直布局 （ 2）用代碼跑起基本界面，運(yùn)用 Qt 編程知識，編輯 ， 和 函數(shù)，跑起基本界面。 通過以上信號和槽函數(shù)實現(xiàn) html 編輯器菜單欄的功能。 connect(aboutAct, SIGNAL(triggered()), this, SLOT(about()))。 connect(saveAct, SIGNAL(triggered()), this, SLOT(save()))。本次設(shè)計中具體用到的信號和槽如下 ： connect(centralWidgetwebView,SIGNAL(loadFinished(bool)),this,SLOT(updateTextEdit()))。它們可以在信號被立即或者安排到以后去發(fā)射時建立起來，而且可以用于不同對象間的多線程應(yīng)用中。由于信號與槽是類型安 全的，類型錯誤會以警告的方式（被編譯器）報告出來并且不會引起程序崩潰。開發(fā)者可以選擇創(chuàng)建一個函數(shù)，并使用 connect()來把這個信號與槽關(guān)聯(lián)起來。當(dāng)事件發(fā)生時，某個部件（或?qū)ο螅┚蜁l(fā)射信號。它們都可以是虛函數(shù) (virtual)；它們都可以被重載(overload)；它們都可以是 公共的 (public)，保護(hù)的 (protected)或者私有的(private)；它們都可以像其他 C++成員函數(shù)一樣被調(diào)用；他們的參數(shù)都可以是任何類型的。聲明信號和槽， 并且 實現(xiàn)發(fā)出的信號 和槽 。在這次設(shè)計中，信號和槽技術(shù)支撐起這個程序的 所有 功能 。 QWebElement對象得到使用 QWebFrame findAllElements（）和 findFirstElement（）與 CSS 選擇器查詢的功能。從網(wǎng)頁內(nèi)，可通過個別元素的 HTML 文檔 DOM JavaScript 接口。本類包括 JavaScript 窗口對象的橋梁，并可以使用 QPainter 繪制。 html 文件可以嵌套在一個框架中使用的框架。一個 QWebView 實例 QWebPage。通常情況下， Rendering Tree 的結(jié)構(gòu)與 DOM Tree大致相同，基本上 DOM Tree 里面每一個節(jié)點，在 Rendering Tree 里都有對應(yīng)的節(jié)點。當(dāng)輸入一個 html 文件， WebCore 的職責(zé)是解析每個 html Tag，以及它們之間的從屬關(guān)系，生成一棵樹狀的數(shù)據(jù)結(jié)構(gòu)（ DOM Tree），然后結(jié)合 html 文件中指定的 CSS 定義，確定DOM Tree 中每個節(jié)點的在整個頁面中的位置，以及顏色字體等等。 10 4 html 編輯器的需求分析 根據(jù)對市場上的 html 編輯器分析和調(diào)查，并仔細(xì)咨詢過一些專業(yè)的計算機(jī)人員，最后根據(jù)自己客觀技術(shù)水平的限制，現(xiàn)階段知識水平做出一個有基本功能的 html 編輯器 最后確定下編輯器的如下功能 （ 1） 打開本地存在的 html 文件 （ 2） 連接到 WWW 網(wǎng)或者 FTP 網(wǎng)站實現(xiàn)瀏覽器功能
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1