從零開始開發一個大型網站

燒煤的快感發表於2017-12-20

從零開始開發一個大型網站

更新:前端程式碼已全部由TypeScript進行重寫

這是本人第一個從零開始開發一個大型網站(前後端+部署程式碼),是一個內容分享社群,詳細資訊見github。目前還是開發中後期,隨後還要進行優化完善,對某模組感興趣的可以檢視對應的原始碼。github不僅有部署教程和程式碼介紹,還附帶了本人的開發筆記。

網站效果展示:
①公共模組(包括標題logo、搜尋框、登入與註冊按鈕、頁面導航欄,位於各個頁面的頂部):
公共模組

②首頁:
首頁1

首頁2

③案例詳情頁:
案例詳情頁

④案例編輯頁:

案例編輯頁1

案例編輯頁2

案例編輯頁3

⑤問題相關頁面:
問題相關頁面

github:https://github.com/gh877916059/drf-Vue-website

後端架構

  1. MySQL+Django2全家桶(①django;②django-REST-framework;③django-filter;④django-simple-captcha,驗證碼功能;⑤django-REST-framework-jwt,驗證功能)

前端架構

  1. webpack+Vue全家桶(①Vue2;②Vue-router;③axios;④Vuex)+Bootstrap3的前端專案框架

  2. 瀏覽器側外掛:前端表單驗證使用了1000hz-bootstrap-validator;檔案上傳使用了bootstrap-fileinput;富文字編輯使用了tinyMCE;圖片編輯使用了cropper;輪播圖使用了Owl-Carousel 2

運維與部署

fabric3

相關文章