树莓派利用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/