YouCat網(wǎng)站搭建

時(shí)間：2023-07-11 21:03:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-11 21:03:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

YouCat網(wǎng)站搭建：近期在創(chuàng)業(yè)開(kāi)發(fā)一個(gè)寵物版的網(wǎng)站，記錄一下開(kāi)發(fā)流程，僅供參考。

首先是技術(shù)選型：

前端 ElementUI + 后端 express + 數(shù)據(jù)庫(kù) mysql + 服務(wù)器 pm2

選型原因：因?yàn)槲沂煜s，另外比較不喜歡Spring的繁瑣配置，所以選擇了express框架。當(dāng)然目前缺點(diǎn)已經(jīng)顯現(xiàn)出來(lái)了，太慢了！不過(guò)還沒(méi)到瓶頸，加錢(qián)增加服務(wù)器配置即可，暫時(shí)不用擔(dān)心。

先聊一下目錄結(jié)構(gòu)：

其中：

config.js：所有的配置，例如：文件存儲(chǔ)地址等

routes：服務(wù)端js所在目錄，類似于java的controller

serve：服務(wù)端公共js文件夾，目前存放了：數(shù)據(jù)庫(kù)連接池，郵件發(fā)送等公用js文件

sql：服務(wù)端sql文件，與routes中的文件一一對(duì)應(yīng)，存放對(duì)應(yīng)route需要的sql

ssl：ssl文件所在目錄

web：前端文件所在目錄。其中具體結(jié)構(gòu)如下：

web.public：前端公共文件

web.modules：每個(gè)頁(yè)面單獨(dú)的js與css文件

基礎(chǔ)結(jié)構(gòu)大致如下上。

問(wèn)題：

1.為什么沒(méi)有選擇webpack？因?yàn)樘珶┝?，而且線上調(diào)試比較麻煩，所以沒(méi)用。以后可能會(huì)上。

2.圖片如何存儲(chǔ)？存儲(chǔ)到本地（config,js中確定存儲(chǔ)位置），數(shù)據(jù)庫(kù)存儲(chǔ)圖片的名字。

3.富文本如何存儲(chǔ)？變成HTML結(jié)構(gòu)存儲(chǔ)到本地（config,js中確定存儲(chǔ)位置），數(shù)據(jù)庫(kù)存儲(chǔ)文章的名字。原因是因?yàn)槲业臄?shù)據(jù)庫(kù)比較小，所以為了更多存儲(chǔ)采用了這個(gè)辦法，另外還是因?yàn)闉榱艘院笞鑫谋菊Z(yǔ)義分析智能推薦做準(zhǔn)備。（數(shù)據(jù)庫(kù)clob需要轉(zhuǎn)一層才可以在前端顯示）

4。圖片問(wèn)題？圖片用了兩種存儲(chǔ)方式，一種是直接文件，一種是base64。其中用戶頭像是base64大文本存儲(chǔ)在數(shù)據(jù)庫(kù)中，富文本同樣采用base64存儲(chǔ)。其余的都是文件存儲(chǔ)，當(dāng)然文件存儲(chǔ)直接展示的是其縮略圖，實(shí)際點(diǎn)擊以后才會(huì)將原本的圖片展示出來(lái)。