利用Django在树莓派上搭建一个聊天网页服务器,话很少说,直接上流程。html

首先来看一下刚建立的Django项目文件结构:

前端

项目文件配置

setting.py配置

第一个咱们先来看一下setting.py文件的配置,须要更改两处地方:python

sudo vim settings.py

第一处:

把这句先注释掉,注意我说的是先。web

由于这段代码涉及的是前端向后端传输数据时安全性的考察,不注释掉会的话,在传输数据的过程当中会报错。django

当咱们的项目要上线的时候,会对每一处传输数据的地方进行安全性处理,那时候就能够解开封印了。vim

第二处:

在文件的最后咱们要加上静态文件夹的路径,填上以下这段代码:后端

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

注意,以后咱们要在上层目录新建一个statics文件夹用来存放CSS、JavaScript和图片文件。安全

urls.py配置

第二个就是咱们的路由配置,虽然如今以后一个webpage的应用,说不许后期会加上更多的APP,大型的网页就须要对路由进行分配管理。服务器

仍是须要改动两处地方:

Django已经给了咱们充分的提示,第一处须要改动导入文件,第二步须要加上新的路径:svg

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/

树莓派网页服务器的网页留言板,树莓派利用Django搭建聊天网页服务器 —— 准备篇...相关推荐

  1. 树莓派利用Django搭建聊天网页服务器 —— 准备篇

    利用Django在树莓派上搭建一个聊天网页服务器,话不多说,直接上流程. 首先来看一下刚创建的Django项目文件结构: 项目文件配置 setting.py配置 第一个我们先来看一下setting.p ...

  2. html,css,js,简单的网页留言板

    效果如图: 实现代码如下: html代码: <!DOCTYPE html> <html> <head lang="en"> <meta c ...

  3. 学校留言板网页html和css,html,css,js,简单的网页留言板

    效果如图: 实现代码如下: html代码: 简单的网页留言板 简单的网页留言板 index.js代码: ///** // * Created by Administrator on 2014/11/2 ...

  4. 用php制作网页留言板的分页

    1.用php做一个简单的留言板 用php做一个简单的留言板 2.用php制作网页留言板的分页 效果图 核心步骤: 使用limit限制从数据库查询条数: 根据页面a标签中的href?page在使用预定义 ...

  5. 简单的’网页留言板‘案列

    简单的网页留言板,显示实时时间,内容为空禁止发布 成品如下 代码如下: <!DOCTYPE html> <html lang="en"><head&g ...

  6. 利用Gitee搭建私人仓库-https篇

    利用Gitee搭建私人仓库-https篇 第一步:注册Gitee账号https://gitee.com/ 第二步:创建私人仓库 安装git 第一步:下载git git下载地址 第二步:按照默认安装就好 ...

  7. 10分钟利用django搭建一个博客

    以前老是听说ROR开发有多快多块,网上还有朋友为了证明这,专门制作了10分钟利用rails框架搭建一个简易博客的教程,最近学习django框架,觉得django给开发者的便捷也很多,心血来潮来写个10 ...

  8. 用MVC做可拖拽的留言板,利用 Jquery模板 -- JsRender

    本文主要记录 JsRender模板 的使用 表结构 界面样式 让div可拖拽 数据绑定 使用模板 JsRender Controller代码 先看看效果图,演示地址:http://www.5imvc. ...

  9. 帝国cms 留言板html,利用反馈字段给帝国cms添加留言板功能(图文教程)

    HDU 1890 区间反转 http://acm.hdu.edu.cn/showproblem.php?pid=1890 Robotic Sort Problem Description Somewh ...

最新文章

  1. linux配置接口多地址,Linux /etc/network/interfaces配置接口方法
  2. 详解“FTP文件传输服务”安装配置实例
  3. Azure手把手系列 4:深入了解Azure 一块钱当三块用
  4. 界面上下固定_【技术浅析】三通道机床自动上下料控制方法应用
  5. sql出现列名无效的原因_学会SQL并不难,小白学习记录之二(简单查询)
  6. mysql安装显示3534_MySQL安装成功之后启动错误 3534、28000和简单使用
  7. 来了!华为首款5G双模手机Mate 20 X (5G)发布:这个价格香吗?
  8. 素数 [2008年北京航空航天大学计算机研究生机试真题]
  9. Python Day10 MySQL 01
  10. matlab随机信号实验报告,随机信号分析实验报告(基于MATLAB语言)
  11. Python基础概要(一天快速入门)
  12. 插上耳机一说话别人听有很大的电流声怎么办?
  13. 走出NASA,向大地“下战书”,他要用卫星遥感数据改变中国农业
  14. 扑克牌(ArrayList)
  15. 万兴剪刀手去水印教程_万兴神剪手怎么去水印 神剪手去水印操作详解
  16. Kubernetes 核心概念介绍
  17. php mysql防注入字符串过滤_php中防止SQL注入的方法
  18. TCP报文格式及三次握手详解
  19. linux下磁盘查看和分区
  20. QXcbConnection: XCB error: 145 (Unknown), sequence: 171, resource id: 0 报错问题

热门文章

  1. java list拷贝_深入了解浅拷贝与深拷贝
  2. Redis有序集合详解
  3. MATLAB教程(1) MATLAB 基础知识(3)
  4. 数学建模学习笔记(九)——聚类模型
  5. 【OpenCV 例程200篇】78. 频率域图像滤波基础
  6. mysql 5.6 command line client闪退_MySQL 5.6 Command Line Client 点开闪退解决方法
  7. kafka 主动消费_Kafka核心API——Consumer消费者
  8. 聚类算法 距离矩阵_谱聚类
  9. python守护线程
  10. oracle segment undo_71_UNDO扩展学习