1. 程式人生 > >Vue.js+express建站

Vue.js+express建站

exp logs 數據庫操作 js代碼 拉取 ade 寫入 執行 tor

網站基本架構:

基本的CS架構,開發時使用本地服務器,數據庫使用雲服務器的數據庫,方便共享數據,上線時可配置服務器到雲服務器。

技術分享

技術分享

技術棧:

Vue.js:

前端開發框架:響應式數據綁定和組件化開發(單頁應用,用戶管理系統)

響應式實現頁面數據和代碼數據的自動同步更新,使開發可以簡化為操作業務數據,跟視圖層分離
組件化開發將頁面不同功能的模塊獨立開發,使開發更加條理清晰和獨立

後端渲染:seo優化頁面(網站主頁,內容展示頁)

後端直接將數據寫入html文件,然後將文件發送到前端,前端不用渲染數據,直接展示

node.js

javascript運行環境,是js代碼可以運行於瀏覽器之外,即可編寫服務器等功能

node.js 運用大量異步調用回調,即非同步執行代碼,代碼非順序執行,node使用npm管理包,即依賴的各種功能均可直接使用npm安裝

express:

基於node.js後端框架,負責路由,業務邏輯,數據庫操作,頁面和數據響應

即架構中的業務層,對前端的請求進行響應,需要數據庫的拉取數據庫內容,需要判斷處理的返回處理結果,請求頁面文件的返回html文件

學習鏈接:

node.js入門教程
vue入門教程
vue2.0官方教程
express官方教程

Vue.js+express建站