日常啰嗦
本來(lái)這一篇和接下來(lái)的幾篇是打算講一下JDBC和數(shù)據(jù)庫(kù)優(yōu)化的，但是最近很多朋友加我好友也討論了一些問(wèn)題，我發(fā)現(xiàn)大家似乎都是拿這個(gè)項(xiàng)目作為練手項(xiàng)目，作為腳手架來(lái)用的，因此呢，改變了一下思路，JDBC和數(shù)據(jù)庫(kù)優(yōu)化這一塊兒延后一點(diǎn)再去說(shuō)，先豐富一下項(xiàng)目的頁(yè)面和功能，因?yàn)楝F(xiàn)在的頁(yè)面實(shí)在有些少得可憐，所以我打算中間插入兩篇文章，給項(xiàng)目增加一個(gè)富文本編輯器的功能插件，再增加一個(gè)圖片上傳的功能，把這個(gè)腳手架的內(nèi)容再充實(shí)一下。
我的github地址，點(diǎn)這里
初識(shí)富文本編輯器
先看兩張圖片：
1、這是一張普通的新聞詳情頁(yè)截圖
2、這是一張京東的商品詳情頁(yè)截圖
對(duì)于這種頁(yè)面大家都不陌生，翻新聞的時(shí)候經(jīng)常是這種圖文并茂的圖片才能更好的吸引眼球，而商品詳情圖頁(yè)基本都是介紹信息加商品的實(shí)景圖片才能更準(zhǔn)確的吸引買(mǎi)家。
為什么把這兩張圖片拿出來(lái)了呢？
這要談起往事了，我剛剛開(kāi)始做開(kāi)發(fā)的時(shí)候，有一次就負(fù)責(zé)開(kāi)發(fā)這種類(lèi)似的頁(yè)面，那個(gè)頁(yè)面叫新聞詳情，也是類(lèi)似這種頁(yè)面的排版布局，設(shè)計(jì)稿中的文字和圖片依次排開(kāi)，很是美觀，我當(dāng)時(shí)就鬧了個(gè)笑話(huà)，因?yàn)樾枰獙?shí)現(xiàn)后端功能，我就開(kāi)始思考，詳情表該怎么設(shè)計(jì)呢？表結(jié)構(gòu)是不是該這么設(shè)計(jì)，主鍵+介紹信息字段+圖片字段+介紹信息字段+圖片字段....我把這個(gè)詳情全給拆開(kāi)了，但是當(dāng)我再看另一個(gè)設(shè)計(jì)稿的時(shí)候，我懵掉了，因?yàn)楹偷谝粡埖呐虐娌煌皇俏淖?圖片+...，而是圖片+圖片+文字...，我當(dāng)時(shí)就不知道該怎么做了，當(dāng)時(shí)的心理活動(dòng)是怎么實(shí)際開(kāi)發(fā)項(xiàng)目這么難??？已經(jīng)萌生退意了，哈哈哈。
看到這里，你可能知道我當(dāng)時(shí)為什么會(huì)被難住了，因?yàn)槲也恢栏晃谋揪庉嬈鞯母拍睿矝](méi)有用過(guò)類(lèi)似的富文本編輯器，因此這個(gè)簡(jiǎn)簡(jiǎn)單單的需求被我想得太復(fù)雜了，其實(shí)很簡(jiǎn)單的在表中設(shè)置一個(gè)字段就可以了。
什么是富文本編輯器？
富文本編輯器，是一種可內(nèi)嵌于瀏覽器，所見(jiàn)即所得的文本編輯器。
富文本編輯器不同于文本編輯器(如textarea標(biāo)簽、input標(biāo)簽)，也可以叫做圖文編輯器，在富文本編輯器里可以編輯非常豐富的內(nèi)容，如文字、圖片、表情、代碼......應(yīng)有盡有，滿(mǎn)足你的大部分需求。
像一些新聞排版，基本是以圖文排版為主，而淘寶京東這些電商的商品詳情頁(yè)，基本都是多張已經(jīng)排版好的設(shè)計(jì)圖拼接而來(lái)的，富文本編輯器可以很完美的支持者兩種需求。
UEditor簡(jiǎn)介
富文本編輯器有很多，功能都是類(lèi)似的，今天我要介紹的是UEditor，B公司開(kāi)源的一款產(chǎn)品。
官網(wǎng)地址：http://ueditor.baidu.com/website/
完整的功能演示，可以參考：
延伸閱讀
學(xué)習(xí)是年輕人改變自己的最好方式