使用Vue+Django+Ant Design做一个留言评论模块1.总览留言的展示参考网络上参见的格式，如掘金社区：一共分为两层，子孙留言都在第二层中最终效果如下：接下是数据库的表结构，如下所示：有一张user表和留言表，关系为一对多，留言表有父留言字段的id，和自身有一个一对多的关系，建表语句如下：CREATE TABLE `message` (`id` int NOT NULL AUTO_INCREMENT,`date` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP,`content` text NOT ...
一、跨域：简单来说：如果前端向后端请求数据，前后端的的ip和端口都是不一致的，就是不在统一域名下，就出现了CORS跨域问题。二、后台处理跨域在django后台环境目录下安装插件：>: pip install django-cors-headers插件参考地址：https://github.com/ottoyiu/django-cors-headers/在django里的settings.py进行项目配置# 注册app INSTALLED_APPS = [...'corsheaders' ]# 添加中间件 MIDDLEWARE = [...'corsheaders.middleware.Cors...
参考链接Bootstrapping the backend ProjectInstalling the Requirements安装python虚拟环境（参考资料用的是venv），我使用了anaconda安装，具体操作是 anaconda官网下载适合本机操作系统的软件创建conda虚拟环境安装Django pip install django安装vue#两种安装方法 #1.安装的版本是2.* sudo npm install -g vue-cli#2.安装的是最新版 sudo npm install -g @vue-cli Bootstrapping Django# create a directory to your project m...
注册功能之图片验证码： 1.实现过程 传递uuid给后端，再发送图片验证码的请求给后端，后端存储uuid并生成图片验证码保存到redis，然后将图片验证码返回给前端。 当用户输入图片验证码的时候，前端会发送uuid和用户输入的图片验证码内容给后端，后端进行比较校验。 2.实现步骤 后端：实现接口，获取图片验证码，生成图片验证码，保存图片验证码到redis，返回图片验证码到前端 前端：uuid作为验证码图片的标识，并...
djangopip源更换虚拟环境配置目录和日志配置数据库配置用户模块自定义异常，响应配置xadminvuevue基础配置vue高级配置原文：https://www.cnblogs.com/zx125/p/11946384.html
一、项目介绍1.1.掌握的技术Vue + Django Rest Framework 前后端分离技术彻底玩转restful api 开发流程Django Rest Framework 的功能实现和核心源码分析Sentry 完成线上系统的错误日志的监控和告警第三方登录和支付宝支付的集成本地调试远程服务器代码的技巧1.2.课程系统构成vue前端项目django rest framework 系统实现前台功能xadmin后台管理系统vue部分:API 接口Vue 组件 与api的交互vue的项目组织结构分析Django Rest Framework...
这篇文章主要介绍了Django与Vue语法的冲突问题完美解决方法，本文给大家分享了两种解决方法，需要的朋友参考下吧当我们在django web框架中,使用vue的时候,会遇到语法冲突.因为vue使用{{}},而django也使用{{}},因此会冲突.解决办法1:在django1.5以后,加入了标签:{% verbatim myblock %} {% endverbatim myblock %}被此标签包裹的代码将不会被Django的模板引擎渲染。因此,我们可以把带有{{ }} 的Vue代码放在 {% verbatim myblock %}标...
本篇文章主要介绍了Django+Vue.js搭建前后端分离项目的示例，具有一定参考价值，有兴趣的可以了解一下在写这篇文章的时候，顺带学习了一下关于Markdown的使用方法。笔者是个渣渣，一切都是自己在摸索的学着，所以也谈不上什么体系、系统学习。在这里主要是为了实现把项目前后端分离开。这里假设你的电脑上所需的django、vue.js已经有了，如果没有，往下拉就是vue.js的安装流程。django前面写过了，就不赘述了。一，正常搭建前后端分...
vue+django实现一对一聊天和消息推送的功能。主要是通过websocket，由于Django不支持websocket，所以我使用了django-channels。考虑到存储量的问题，我并没有把聊天信息存入数据库，服务端的作用相当于一个中转站。我只讲述实现功能的结构性代码，具体的实现还请大家看源代码。 前端聊天界面前端消息提醒界面后端代码 效果展示实现过程 后端 首先，我们需要先定义websocket的两条连接路径。ws/chat/xxx/（xxx指代聊天组）这条路径是...
有接口如下： http://127.0.0.1:8000/info/schemes/ 返回json数据： [{"name": "（山上双人标准间）黄山经典二日游（魅力黄山，日出云海，人间仙境，春暖花开）", "day": 2, "night": 1, "favorites": 0, "score_avg": 4, "photo_url": "/media/images/scenic/a9836502.jpg", "review_num": 2, "unit_price": 0}, {"name": "0购物+三环内接！郑州—焦作云台山二日游，含1晚住宿+1早2正餐，无强制消费", "day": 2, "night": 1, "fav...
问题：django模板与vue.js的变量都是使用“{{”和“}}”包裹起来的，在渲染django模板时会先替代掉所有的“{{”和“}}”及被包裹在其中的内容，使得vue.js没有使用”{{“、”}}”来绑定变量。 处理方法：方法1：修改vue.js的默认的绑定符号 Vue.config.delimiters = ["[[", "]]"];执行这个之后，你就可以使用“[[”、“]]”来绑定变量的数据了 方法2：使用模板的标签来输出“{{”、“ }}”django模板的templatetag可以渲染模板时输...
近期有一需求：前端页面点击执行任务，实时显示后端执行情况，思考一波；发现 WebSocket 最适合做这件事。 效果 测试 ping www.baidu.com 效果 点击连接建立ws连接后端实现 所需软件包 后端主要借助Django Channels 实现socket连接，官网文档链接 这里想实现每个连接进来加入组进行广播，所以还需要引入 channels-redis 。 pip channels==2.2.0 channels-redis==2.4.0引入 settings.py INSTALLED_APPS = [django.contrib.admin,dja...
本地项目配置1 复制 luffy/settings/dev.py为prop.py修改luffy/settings/prop.py中以下几项 (1) allow_hostsALLOWED_HOSTS = [api.youdomain.com, ](2) 跨域白名单CORS_ORIGIN_WHITELIST = (# 前端域名"www.youdomain.com", # 后端api接口域名"api.youdomain.com" ) (3) 支付宝电脑网站支付配置信息ALIPAY_APPID = "xxxxxxx" APP_NOTIFY_URL = None ALIPAY_DEBUG = True # APIPAY_GATEWAY="https://openapi.alipay.com/gateway.do"...
跨域由于开发模式为前后端分离式开发，故而通常情况下，前端和后端可能运行不同的ip或者port下，导致出现跨域问题，故而单独说明 什么是跨域跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。 什么是同源策略？ 同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安...
概述 在使用Django+Vue开发过程中，遇到了很多开发环境相关的问题，比如跨域，比如ajax请求参数等，本篇文章主要记录解决在开发过程中，遇到的一些问题。 跨域不带Cookie在使用Vue脚手架开发的过程中，会使用Vue脚手架自带的Server进行项目调试，Vue自带的Server支持 hot reloading ，这个特性是非常好用的。但是在开发过程中，因为要与后端交互，所以在请求后端接口的时候，会遇到跨域问题，这个问题在一些职责划分清楚的团队并不...