新聞中心
如何利用MUI連接數(shù)據(jù)庫(kù),創(chuàng)建個(gè)性化博客

成都創(chuàng)新互聯(lián)公司主營(yíng)雙河網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,APP應(yīng)用開發(fā),雙河h5微信平臺(tái)小程序開發(fā)搭建,雙河網(wǎng)站營(yíng)銷推廣歡迎雙河等地區(qū)企業(yè)咨詢
隨著互聯(lián)網(wǎng)的發(fā)展,寫博客已經(jīng)成為了許多人的生活方式和娛樂(lè)方式,尤其是對(duì)于熱愛(ài)文字表達(dá)的人群來(lái)說(shuō),在網(wǎng)絡(luò)上開一個(gè)屬于自己的博客,可以將自己的所思所想以及經(jīng)驗(yàn)分享給更多的人。今天要介紹的就是如何使用MUI框架來(lái)連接數(shù)據(jù)庫(kù),創(chuàng)建個(gè)性化的博客。
一、MUI框架介紹
1.1 MUI框架簡(jiǎn)介
MUI框架是一種輕量級(jí)的前端開發(fā)框架,它有著類似于Bootstrap的樣式庫(kù),可以幫助開發(fā)者快速的構(gòu)建H5應(yīng)用和常規(guī)網(wǎng)站。同時(shí),它還融合了很多高級(jí)的特性和組件,例如強(qiáng)大的Ajax拉取數(shù)據(jù),簡(jiǎn)單的DOM操作,以及豐富的可配置的HTML5控件。
1.2 MUI框架的特點(diǎn)
MUI框架的核心特點(diǎn)可以概括為快速開發(fā)、移動(dòng)優(yōu)先、高效、輕量級(jí)、高可靠性、易于理解、易于擴(kuò)展。
二、準(zhǔn)備工作
在開始使用MUI前,需要做一些前期的準(zhǔn)備工作。
2.1 搭建服務(wù)端
需要搭建一個(gè)本地服務(wù)器,例如Apache或者Nginx,并且開啟PHP環(huán)境,以便后面的MySQL連接操作。
2.2 準(zhǔn)備數(shù)據(jù)庫(kù)
接著,需要連接到一個(gè)已經(jīng)創(chuàng)建好的MySQL數(shù)據(jù)庫(kù),可以使用phpMyAdmin來(lái)管理該數(shù)據(jù)庫(kù),甚至在phpMyAdmin中自行創(chuàng)建并管理MySQL數(shù)據(jù)庫(kù)。
2.3 下載MUI框架
然后,需要下載MUI框架維護(hù)的庫(kù)文件,可以到官網(wǎng)上下載,也可以直接從GitHub下載MUI框架的最新穩(wěn)定版本,并將文件放在本地服務(wù)器目錄下,方便后續(xù)的調(diào)用和連接。
三、連接MySQL數(shù)據(jù)庫(kù)
連接MySQL數(shù)據(jù)庫(kù)是使用MUI實(shí)現(xiàn)博客開發(fā)中必不可少的一步,需要采用以下幾個(gè)技術(shù)手段進(jìn)行實(shí)現(xiàn)。
3.1 建立PDO連接
先是使用PDO方式連接MySQL數(shù)據(jù)庫(kù),在進(jìn)行連接操作之前,需要在PHP的ini文件中打開PDO擴(kuò)展,只有開啟該擴(kuò)展,才能夠正確實(shí)現(xiàn)連接操作。
$db_host = ‘localhost’;
$db_user = ‘root’;
$db_pwd = ‘root’;
$db_name = ‘test’;
try {
$dbh = new \PDO(“mysql:host=$db_host;dbname=$db_name”, $db_user, $db_pwd);
} catch (\PDOException $e) {
echo $e->getMessage();
}
3.2 使用PDO查詢語(yǔ)句
接著,需要使用MySQL通用查詢語(yǔ)句進(jìn)行操作,包括select、insert、update、delete等,只有使用這些基礎(chǔ)的操作,才能夠?qū)崿F(xiàn)數(shù)據(jù)的動(dòng)態(tài)變化和顯示。
$t = $dbh->prepare(“select * from user”);
$t->execute();
$userData = $t->fetchAll(\PDO::FETCH_ASSOC);
3.3 封裝查詢結(jié)果
對(duì)查詢結(jié)果進(jìn)行封裝,方便對(duì)數(shù)據(jù)進(jìn)行前端的展示呈現(xiàn)。
$data[‘code’] = 0;
$data[‘msg’] = ‘success’;
$data[‘data’] = $userData;
echo json_encode($data);
四、創(chuàng)建個(gè)性化博客
連接MySQL數(shù)據(jù)庫(kù)之后,就可以開始以MUI框架為基礎(chǔ),創(chuàng)建個(gè)性化的博客。下面,將介紹具體的實(shí)現(xiàn)步驟。
4.1 開發(fā)注冊(cè)登錄頁(yè)面
需要對(duì)博客系統(tǒng)的用戶身份進(jìn)行驗(yàn)證,開發(fā)注冊(cè)和登錄頁(yè)面用于處理注冊(cè)和登錄功能。與此同時(shí),為了提高用戶體驗(yàn),可以使用MUI的POP彈出層插件來(lái)展現(xiàn)提示和警告信息。
4.2 開發(fā)博客首頁(yè)
然后,需要開發(fā)博客的首頁(yè),包括文章列表的展示和文章的查看,可以使用MUI框架默認(rèn)的卡片組件來(lái)構(gòu)建博客文章列表,同時(shí)可以用開源的富文本編輯器,例如CKEditor或者TinyMCE,來(lái)編輯和展示博客文章內(nèi)容。博客整體頁(yè)面的設(shè)計(jì)還要注意素材的選取和輔助元素的呈現(xiàn)。
4.3 全局設(shè)計(jì)風(fēng)格
需要設(shè)計(jì)博客的整體風(fēng)格,包括顏色、字體、圖標(biāo)、按鈕等等,在這里,可以使用MUI框架預(yù)制的樣式庫(kù),或者進(jìn)行個(gè)性化的設(shè)計(jì)和調(diào)整。
五、
使用MUI框架連接MySQL數(shù)據(jù)庫(kù),構(gòu)建個(gè)性化博客是一件非常有趣和有價(jià)值的事情。也許初學(xué)者會(huì)覺(jué)得比較困難,但只要有一定的編程基礎(chǔ)和耐心,就能夠掌握相關(guān)技術(shù),并快速實(shí)現(xiàn)自己的博客夢(mèng)想。相信,隨著技術(shù)的不斷發(fā)展,未來(lái)會(huì)有更多高級(jí)的前端開發(fā)框架,為我們的博客開發(fā)帶來(lái)更多的可能性。
相關(guān)問(wèn)題拓展閱讀:
- mui 動(dòng)態(tài)加載的checkbox怎么監(jiān)聽
- 試述瀏覽器訪問(wèn)網(wǎng)頁(yè)的詳細(xì)內(nèi)部過(guò)程中數(shù)據(jù)在TCP/IP網(wǎng)絡(luò)體系結(jié)構(gòu)中各個(gè)層次所用到的協(xié)議
mui 動(dòng)態(tài)加載的checkbox怎么監(jiān)聽
protected void Page_Load(object sender, EventArgs e)
{
CheckBox chk = new CheckBox();
chk.Text = “testall”; //褲歷拍 這里可以換成爛迅數(shù)據(jù)庫(kù)的內(nèi)容
chk.CheckedChanged += new EventHandler(chk_CheckedChanged);
chk.AutoPostBack = true;
Page.Form.Controls.Add(chk);
for (int i = 0; i
{
CheckBox chk2 = new CheckBox();
chk2.Text = “test” + i.ToString(); // 這里可以換成數(shù)據(jù)庫(kù)胡羨的內(nèi)容
chk2.Checked = (i % 3 == 0);// 這里可以換成數(shù)據(jù)庫(kù)的內(nèi)容
Page.Form.Controls.Add(chk2);
}
}
試述瀏覽器訪問(wèn)網(wǎng)頁(yè)的詳細(xì)內(nèi)部過(guò)程中數(shù)據(jù)在TCP/IP網(wǎng)絡(luò)體系結(jié)構(gòu)中各個(gè)層次所用到的協(xié)議
學(xué)弟
1月9日 16:16 CMI:技術(shù)的核心
正如您從我的上一篇文章(以及所有出版物)中所了解到的,Windows XP Embedded 使用基于 SQL 的數(shù)據(jù)庫(kù)來(lái)存儲(chǔ)所有組件。數(shù)據(jù)庫(kù)可以是本地或遠(yuǎn)程的 Microsoft? SQL Server,也可以是本地的 Microsoft? 數(shù)據(jù)引擎 (MSDE)(可在 Windows XP Embedded CD 上找到)。而 Windows NT Embedded 4.0 則使用一個(gè)單一的本地 Jet 數(shù)據(jù)庫(kù) .mdb 文件來(lái)存儲(chǔ)所有的組件和配置。
為了能夠從一組工具中無(wú)縫訪問(wèn)本地和遠(yuǎn)程數(shù)據(jù)庫(kù),同時(shí)提供快捷的數(shù)據(jù)庫(kù)切換,整個(gè)體系結(jié)構(gòu)中設(shè)置了一個(gè)數(shù)據(jù)庫(kù)通信層。該層稱為 CMI,或組件管理接口。它的主要目的是在 Windows XP Embedded 工具(Target Designer、Component Designer 和 Component Database Manager)和組件數(shù)據(jù)庫(kù)之間提供一亂尺困個(gè)標(biāo)準(zhǔn)接口,而不管數(shù)據(jù)庫(kù)駐留在哪里(本地或遠(yuǎn)程、SQL Server 或困簡(jiǎn) MSDE)。只要與組件數(shù)據(jù)庫(kù)中的內(nèi)容有關(guān)嘩念,CMI 就會(huì)被調(diào)用。
學(xué)弟
1月9日 16:16 CMI:技術(shù)的核心
正如您從我的上一篇文章(以及所有出版物)中所了解到的,Windows XP Embedded 使用基于 SQL 的數(shù)據(jù)庫(kù)來(lái)存儲(chǔ)所有組件。數(shù)據(jù)庫(kù)可以是本地或遠(yuǎn)程的 Microsoft? SQL Server,也可以是本地的 Microsoft? 數(shù)據(jù)引擎 (MSDE)(可在 Windows XP Embedded CD 上找到)。而 Windows NT Embedded 4.0 則使用一個(gè)單一的本地 Jet 數(shù)據(jù)庫(kù) .mdb 文件來(lái)存儲(chǔ)所有的組件和配置。
為了能夠從一組工具中無(wú)縫訪問(wèn)本地和遠(yuǎn)程數(shù)據(jù)庫(kù),同時(shí)提供快捷的數(shù)據(jù)庫(kù)切換,整個(gè)體系結(jié)構(gòu)中設(shè)置了一個(gè)數(shù)據(jù)庫(kù)通信層。該層稱為 CMI,或組件管理接口。它的主要目的是在 Windows XP Embedded 工具(Target Designer、Component Designer 和 Component Database Manager)和組件數(shù)據(jù)庫(kù)之間提供一個(gè)標(biāo)準(zhǔn)接口,而不管數(shù)據(jù)庫(kù)駐留在哪里(本地或遠(yuǎn)程、SQL Server 或 MSDE)。只要與組件數(shù)據(jù)庫(kù)中的內(nèi)容有關(guān),CMI 就會(huì)被調(diào)用。
因?yàn)樗泄ぞ叨家蕾囉诨顒?dòng)的數(shù)據(jù)庫(kù)連接來(lái)進(jìn)行工作,所以任何工具所做的之一件事都是請(qǐng)求 CMI 提供一個(gè)活動(dòng)數(shù)據(jù)庫(kù)連接。如果沒(méi)有可物嘩配用的數(shù)據(jù)庫(kù)連接,CMI 將返回一個(gè)失敗,而工具將報(bào)告一個(gè)錯(cuò)誤??傊?,沒(méi)有數(shù)據(jù)庫(kù)連接,Windows XP Embedded 將不能進(jìn)行任何工作。
CMI 也支持某種級(jí)別的異步數(shù)據(jù)庫(kù)訪問(wèn),這種情況通常發(fā)生在遠(yuǎn)程 SQL Server 數(shù)據(jù)庫(kù)和多個(gè)客戶端之間。所有涉及數(shù)據(jù)庫(kù)更改的操作都在 SQL 中處理,并在操作失敗時(shí)提供復(fù)原功能。CMI 還可以區(qū)分只讀模式和獨(dú)占模式。任何工具要從數(shù)據(jù)庫(kù)中刪除信息(當(dāng)前僅限于組件數(shù)據(jù)庫(kù)管理器),都必須具有獨(dú)占訪問(wèn)權(quán)限,如果任何其他工具打開了數(shù)據(jù)庫(kù),該工具將不能獲得這一權(quán)限。另一方面,如果某工具已經(jīng)被授予獨(dú)占訪問(wèn)權(quán)限,其他工具將不能訪問(wèn)數(shù)據(jù)庫(kù),直到該工具釋放這一權(quán)限。
此對(duì)象非彼對(duì)象
注意:下面的討論中將使用兩個(gè)術(shù)語(yǔ) – 組件和實(shí)例,二者很容易混淆。簡(jiǎn)單地說(shuō),組件只是一組駐留在數(shù)據(jù)庫(kù)中的資源和屬性。組件添加到配置中便稱為實(shí)例,可蘆磨以修改、處理和構(gòu)建??梢园呀M件視為 cookie 模式,而實(shí)例是從該模式中創(chuàng)建的實(shí)際 cookie。更改 cookie 剪裁模式并不容易,但在剪裁 cookie 后,可以隨意對(duì) cookie 進(jìn)行處理。了解組件和實(shí)例之間的這種差異很重要,在本文和以后的文章中都將涉及這一問(wèn)題。
因?yàn)?CMI 是工具的 COM 服務(wù)器,這使得 Windows XP Embedded 體系結(jié)構(gòu)形成這樣一個(gè)基本特性 – 把罩指任何事物都視為對(duì)象。配置、組件、實(shí)例、資源、文件、注冊(cè)項(xiàng)、存儲(chǔ)庫(kù)都是 CMI 覆蓋下的對(duì)象。因此,Windows XP Embedded 體系結(jié)構(gòu)體現(xiàn)了面向?qū)ο?(OO) 思想的三個(gè)原則:封裝、繼承和多態(tài)。這里我們不對(duì) OO 設(shè)計(jì)做詳細(xì)討論,只解釋其中與 Windows XP Embedded 體系結(jié)構(gòu)有關(guān)的幾個(gè)方面。討論的重點(diǎn)將集中在組件上,但相關(guān)的概念可以擴(kuò)展到所有 Windows XP Embedded 對(duì)象。
每個(gè) Windows XP Embedded 對(duì)象都是一個(gè)獨(dú)立的單元。組件帶有自己的屬性和內(nèi)部代碼,以此來(lái)封裝自己,并與其他對(duì)象區(qū)分開來(lái)。
組件也能夠繼承其他組件的屬性。例如,假定一組設(shè)備都基于同一芯片組:假設(shè)為聲卡驅(qū)動(dòng)器,使用虛構(gòu)的 SoundExplosion 1A 芯片組。有三個(gè)聲卡使用該芯片組,但提供不同的功能:一個(gè)用于游戲端口,一個(gè)用于 MIDI 端口,另一個(gè)用于 SCSI 接口。我們不用創(chuàng)建三個(gè)大同小異的組件來(lái)適應(yīng)不同的要求,而只需創(chuàng)建一個(gè)組件,將基本功能封裝進(jìn)去。然后針對(duì)三種差異創(chuàng)建三個(gè)組件,并將基本功能組件列為“原型”。這三個(gè)組件將繼承與原型相關(guān)聯(lián)的屬性和資源,但同時(shí)也添加了自己的資源。
Windows XP Embedded 對(duì)象中的多態(tài)通常由 DHTML 配置腳本和構(gòu)建腳本來(lái)處理。DHTML 配置腳本允許組件的最終用戶在組件實(shí)例中動(dòng)態(tài)設(shè)置屬性,然后在構(gòu)建腳本中檢查這些屬性并對(duì)其做出反應(yīng)。這樣,您就可以在構(gòu)建配置時(shí)更改組件的行為,以滿足開發(fā)人員的需求。
這最后一部分會(huì)進(jìn)一步體現(xiàn) CMI 面向?qū)ο蟮奶匦裕篧indows XP Embedded 中的每個(gè)對(duì)象都具有一組屬性和方法,某些對(duì)象甚至能夠?qū)κ录龀龇磻?yīng)。屬性可以分為標(biāo)準(zhǔn)屬性(如組件名稱、組件作者和版權(quán))和高級(jí)屬性(cmiNoHelpFiles 是組件的一個(gè)常用高級(jí)屬性)。對(duì)象的方法可以簡(jiǎn)單地繼承自基本組件(如基本構(gòu)建行為),也可以是該組件所特有的(如用戶接口核心組件,它包含 DHTML 配置腳本以及構(gòu)建腳本,可以實(shí)現(xiàn)不同的 UI 功能)??梢栽跇?gòu)建過(guò)程中引發(fā)事件,并可由組件腳本做出反應(yīng)。
某些高級(jí)屬性已經(jīng)被預(yù)定義,組件最常見的高級(jí)屬性有 cmiNoHelpFiles(構(gòu)建腳本用它從構(gòu)建中刪除幫助文件)、cmiLangEnableMUI(構(gòu)建腳本用它來(lái)啟用組件的多語(yǔ)言用戶接口 支持)以及 cmiProtPropList(Target Designer 用它來(lái)保護(hù)預(yù)定義的屬性)。要檢查組件的高級(jí)屬性,可以在 Target Designer 中將組件添加到某個(gè)配置,然后在 Configuration Editor 中單擊該組件,再單擊 Advanced。
擴(kuò)展對(duì)象模型
Windows XP Embedded 的對(duì)象特性和 CMI 應(yīng)用不僅限于組件和實(shí)例,CMI 也把配置當(dāng)作對(duì)象處理。配置的標(biāo)準(zhǔn)屬性包括配置名稱、所有者、作者和版權(quán)。高級(jí)配置屬性包括有關(guān)目標(biāo)啟動(dòng)驅(qū)動(dòng)器、啟動(dòng) ARC 路徑和幫助文件的設(shè)置。要檢查這些屬性,可以在 Target Designer 的 Configuration Editor 中選擇配置名稱,然后在 Details 窗格中單擊 Advanced。
與組件和實(shí)例的對(duì)象身份一樣,它們的組成部分也都被視為對(duì)象。組件中的每個(gè)文件、注冊(cè)表或其他資源都是對(duì)象,分別具有一組屬性。要檢查這些屬性,可以在 Configuration Editor 中展開實(shí)例,然后選擇 Files、Registry Data 或 Resources。在 Details 窗格中右擊所要檢查的資源,這時(shí)便會(huì)顯示該資源的標(biāo)準(zhǔn)屬性,同時(shí)顯示 Advanced 按鈕,單擊該按鈕可以顯示資源的高級(jí)屬性。這同樣適用于與該配置相關(guān)聯(lián)的 Extra Files、Extra Registry Data 和 Extra Resources。要完成所有內(nèi)容,每一個(gè)組、包、存儲(chǔ)庫(kù)和存儲(chǔ)庫(kù)集也都被作為對(duì)象處理,它們都有自己的標(biāo)準(zhǔn)屬性和高級(jí)屬性。
CMI 的運(yùn)作
假設(shè)我們有一個(gè)應(yīng)用程序要包含到一個(gè)運(yùn)行時(shí)映像中。一般的過(guò)程是先為應(yīng)用程序創(chuàng)建一個(gè)組件,將組件導(dǎo)入數(shù)據(jù)庫(kù),將組件包含在某個(gè)配置中,然后構(gòu)建運(yùn)行時(shí)映像?,F(xiàn)在我們看一下 CMI 在其中的作用。(由于要在接下來(lái)的兩篇文章中詳細(xì)探討組件的創(chuàng)建,因此這里只做一個(gè)簡(jiǎn)單的介紹。)
當(dāng)啟動(dòng) Component Designer 時(shí),CMI 首先確保具有一個(gè)數(shù)據(jù)庫(kù)連接。如果創(chuàng)建新組件,CMI 將創(chuàng)建一個(gè)新的組件對(duì)象,然后 Component Designer 使用該對(duì)象作為所定義的所有組件信息的存儲(chǔ)位置?;镜膭?chuàng)建過(guò)程包括定義組件的名稱、指定要復(fù)制的文件和將其放在運(yùn)行時(shí)映像中的位置,以及指定使用哪個(gè)注冊(cè)表主鍵并將其放在何處。名稱是組件的標(biāo)準(zhǔn)屬性,因此它包含在組件對(duì)象中。所指定的文件和注冊(cè)項(xiàng)是 CMI 創(chuàng)建的對(duì)象,它們將附加到組件對(duì)象中。
導(dǎo)入組件時(shí),先啟動(dòng)組件數(shù)據(jù)庫(kù)管理器。數(shù)據(jù)庫(kù)管理器首先調(diào)用 CMI 來(lái)連接安裝時(shí)指定的數(shù)據(jù)庫(kù),如果 CMI 連接成功,則可以將 SLD 導(dǎo)入到該數(shù)據(jù)庫(kù)。(SLD 表示資源級(jí)別定義,并稱為“滑動(dòng)”。由 Component Designer 輸出。)組件數(shù)據(jù)庫(kù)管理器再將 SLD 傳遞到 CMI,以便進(jìn)行處理。瀏覽數(shù)據(jù)庫(kù)、刪除包和組件以及檢查對(duì)象的屬性都由 CMI 處理,CDM 的作用相當(dāng)于基本 COM 對(duì)象層的 UI。
mui怎么連接數(shù)據(jù)庫(kù)博客的介紹就聊到這里吧,感謝你花時(shí)間閱讀本站內(nèi)容,更多關(guān)于mui怎么連接數(shù)據(jù)庫(kù)博客,如何利用mui連接數(shù)據(jù)庫(kù),創(chuàng)建個(gè)性化博客,mui 動(dòng)態(tài)加載的checkbox怎么監(jiān)聽,試述瀏覽器訪問(wèn)網(wǎng)頁(yè)的詳細(xì)內(nèi)部過(guò)程中數(shù)據(jù)在TCP/IP網(wǎng)絡(luò)體系結(jié)構(gòu)中各個(gè)層次所用到的協(xié)議的信息別忘了在本站進(jìn)行查找喔。
創(chuàng)新互聯(lián)服務(wù)器托管擁有成都T3+級(jí)標(biāo)準(zhǔn)機(jī)房資源,具備完善的安防設(shè)施、三線及BGP網(wǎng)絡(luò)接入帶寬達(dá)10T,機(jī)柜接入千兆交換機(jī),能夠有效保證服務(wù)器托管業(yè)務(wù)安全、可靠、穩(wěn)定、高效運(yùn)行;創(chuàng)新互聯(lián)專注于成都服務(wù)器托管租用十余年,得到成都等地區(qū)行業(yè)客戶的一致認(rèn)可。
網(wǎng)站題目:如何利用mui連接數(shù)據(jù)庫(kù),創(chuàng)建個(gè)性化博客(mui怎么連接數(shù)據(jù)庫(kù)博客)
網(wǎng)頁(yè)URL:http://fisionsoft.com.cn/article/ccdocje.html


咨詢
建站咨詢
