從零開始開發一個大型網站
從零開始開發一個大型網站
更新:前端程式碼已全部由TypeScript進行重寫
這是本人第一個從零開始開發一個大型網站(前後端+部署程式碼),是一個內容分享社群,詳細資訊見github。目前還是開發中後期,隨後還要進行優化完善,對某模組感興趣的可以檢視對應的原始碼。github不僅有部署教程和程式碼介紹,還附帶了本人的開發筆記。
網站效果展示:
①公共模組(包括標題logo、搜尋框、登入與註冊按鈕、頁面導航欄,位於各個頁面的頂部):
②首頁:
③案例詳情頁:
④案例編輯頁:
⑤問題相關頁面:
github:https://github.com/gh877916059/drf-Vue-website
後端架構
- MySQL+Django2全家桶(①django;②django-REST-framework;③django-filter;④django-simple-captcha,驗證碼功能;⑤django-REST-framework-jwt,驗證功能)
前端架構
webpack+Vue全家桶(①Vue2;②Vue-router;③axios;④Vuex)+Bootstrap3的前端專案框架
瀏覽器側外掛:前端表單驗證使用了1000hz-bootstrap-validator;檔案上傳使用了bootstrap-fileinput;富文字編輯使用了tinyMCE;圖片編輯使用了cropper;輪播圖使用了Owl-Carousel 2
運維與部署
fabric3
相關文章
- 如何從零開始寫一個網站網站
- 從零開始用 Flask 搭建一個網站(一)Flask網站
- 從零開始開發一個 WebpackWeb
- 從零開始寫一個網頁網頁
- 從零開始 如何打造一個誘人的電商網站網站
- 從零開始完成一個Android JNI開發Android
- 從零開始為 PicGo 開發一個新圖床PicGo圖床
- 從零開始仿寫一個抖音App——開始APP
- 從零開始寫一個ExporterExport
- 從零開始, 開發一個 Web Office 套件 (3): 滑鼠事件Web套件事件
- 一個月內從零開始做webOS開發人員Web
- 從零開始搭建屬於自己的網站網站
- 【從零開始擼一個App】PKCEAPP
- [ 從零開始配置一個 Windows 前端開發環境 ] - 一:WT + WSLWindows前端開發環境
- 如何開發大型網站網站
- 從零開始搭建一個 Webpack 開發環境配置(附 Demo)Web開發環境
- 從零開始實現一個RPC框架(零)RPC框架
- 從零開始學習開發人工智慧(一)人工智慧
- 從零開始搭建一個 hexo 部落格。Hexo
- 【從零開始擼一個App】KotlinAPPKotlin
- 從零開始搭建一個vue專案Vue
- 如何從零開始學習一個框架框架
- 從零開始搭建一個mock服務Mock
- 從零開始寫一個node爬蟲(一)爬蟲
- 從零開始開發一個Node互動式命令列應用命令列
- 從零開始,開發一個 Web Office 套件(6):游標 & Click 事件Web套件事件
- 從零開始,開發一個 Web Office 套件(5):Mouse hover over textWeb套件
- 從零開始做一個SLG遊戲(一):六邊形網格遊戲
- PHP在大型網站開發PHP網站
- [ 從零開始配置一個 Windows 前端開發環境 ] - 二:vscodeWindows前端開發環境VSCode
- 從零開始, 開發一個 Web Office 套件 (2): 富文字編輯器Web套件
- 從零開始, 開發一個 Web Office 套件 (1): 富文字編輯器Web套件
- 資料視覺化初探-從零開始開發一個渲染引擎概述視覺化
- 從零開始:用REACT寫一個格鬥遊戲(一)React遊戲
- 從零開始實現一個RPC框架(一)RPC框架
- 從零開始構建一個webpack專案Web
- 從零開始編寫一個babel外掛Babel
- 從零開始擼一個Fresco之總結