利用Django在樹莓派上搭建一個(gè)聊天網(wǎng)頁服務(wù)器，話很少說，直接上流程。html

首先來看一下剛建立的Django項(xiàng)目文件結(jié)構(gòu)：

前端

項(xiàng)目文件配置

setting.py配置

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

sudo vim settings.py

第一處：

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

由于這段代碼涉及的是前端向后端傳輸數(shù)據(jù)時(shí)安全性的考察，不注釋掉會(huì)的話，在傳輸數(shù)據(jù)的過程當(dāng)中會(huì)報(bào)錯(cuò)。django

當(dāng)咱們的項(xiàng)目要上線的時(shí)候，會(huì)對每一處傳輸數(shù)據(jù)的地方進(jìn)行安全性處理，那時(shí)候就能夠解開封印了。vim

第二處：

在文件的最后咱們要加上靜態(tài)文件夾的路徑，填上以下這段代碼：后端

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

注意，以后咱們要在上層目錄新建一個(gè)statics文件夾用來存放CSS、JavaScript和圖片文件。安全

urls.py配置

第二個(gè)就是咱們的路由配置，雖然如今以后一個(gè)webpage的應(yīng)用，說不許后期會(huì)加上更多的APP，大型的網(wǎng)頁就須要對路由進(jìn)行分配管理。服務(wù)器

仍是須要改動(dòng)兩處地方：

Django已經(jīng)給了咱們充分的提示，第一處須要改動(dòng)導(dǎo)入文件，第二步須要加上新的路徑：svg

from django.contrib import admin

from django.urls import path, include

urlpatterns = [

path('admin/', admin.site.urls),

path('webpage/', include('webpage.urls'))

]

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

前端設(shè)計(jì)

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

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

前端的html文件要單獨(dú)放在一個(gè)文件夾了，因此咱們要在新建一個(gè)文件夾：

mkdir templates

另外前端須要的CSS、JavaScript和圖片文件也要放在相應(yīng)的靜態(tài)文件的文件夾里，分別建立相應(yīng)的文件夾：

mkdir statics/CSS

mkdir statics/JavaScript

mkdir statics/Images

圖片素材

由于我是用Cmder遠(yuǎn)程登陸個(gè)人樹莓派，因此很差去下載圖片，就再開一個(gè)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文件夾下的全部內(nèi)容移動(dòng)到statics/Images/下，以后就能夠吧image文件夾刪了：

mv images/* statics/Images/

rm -r images/

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的树莓派网页服务器的网页留言板,树莓派利用Django搭建聊天网页服务器 —— 准备篇...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。