樹莓派利用Django搭建聊天網頁服務器 —— 準備篇

利用Django在樹莓派上搭建一個聊天網頁服務器，話很少說，直接上流程。

首先來看一下剛建立的Django項目文件結構：

項目文件配置

setting.py配置

第一個咱們先來看一下setting.py文件的配置，須要更改兩處地方：

sudo vim settings.py

第一處：

把這句先註釋掉，注意我說的是先。

由於這段代碼涉及的是前端向後端傳輸數據時安全性的考察，不註釋掉會的話，在傳輸數據的過程當中會報錯。

當咱們的項目要上線的時候，會對每一處傳輸數據的地方進行安全性處理，那時候就能夠解開封印了。

第二處：

在文件的最後咱們要加上靜態文件夾的路徑，填上以下這段代碼：

STATICFILES_DIRS = (os.path.join(BASE_DIR,"statics/"),)

注意，以後咱們要在上層目錄新建一個statics文件夾用來存放CSS、JavaScript和圖片文件。

urls.py配置

第二個就是咱們的路由配置，雖然如今以後一個webpage的應用，說不許後期會加上更多的APP，大型的網頁就須要對路由進行分配管理。

仍是須要改動兩處地方：

Django已經給了咱們充分的提示，第一處須要改動導入文件，第二步須要加上新的路徑：

from django.contrib import admin                           
from django.urls import path, include                      
                                                           
urlpatterns = [                                            
    path('admin/', admin.site.urls),                       
    path('webpage/', include('webpage.urls'))              
]

這樣咱們的項目文件夾就基本上算是配置好了，接下來就要開始寫文件了。

---

---

---

前端設計

其次咱們來看一下前端最終的效果圖：

左邊放一些自我介紹，中間是一個聊天界面，最右邊放樹莓派接的攝像頭畫面。

---

前端的html文件要單獨放在一個文件夾了，因此咱們要在新建一個文件夾：

mkdir templates

另外前端須要的CSS、JavaScript和圖片文件也要放在相應的靜態文件的文件夾裏，分別建立相應的文件夾：

mkdir statics/CSS

mkdir statics/JavaScript

mkdir statics/Images

圖片素材

由於我是用Cmder遠程登陸個人樹莓派，因此很差去下載圖片，就再開一個Cmder將我Windows上的圖片素材直接上傳到樹莓派了。

scp -r "F:\college\Summer and winter vacation activities\Freshman summer vacation\candy_dumplings\statics\image s" pi@192.168.1.66:/home/pi/18023309/Candy_Dumplings

而後將image文件夾下的全部內容移動到statics/Images/下，以後就能夠吧image文件夾刪了：

mv images/* statics/Images/

rm -r images/