2- vue django restful framework

作者: 天涯明月笙 | 来源:发表于2018-02-18 23:34 被阅读2085次

使用Python3.6与Django2.0.2(Django-rest-framework)以及前端vue开发的前后端分离的商城网站

项目支持支付宝支付(暂不支持微信支付),支持手机短信验证码注册, 支持第三方登录。集成了sentry错误监控系统。

线上演示地址: http://vueshop.mtianyan.cn/
github源代码地址: https://github.com/mtianyan/VueDjangoFrameWorkShop

本小节内容: 环境搭建

pycharm的安装和简单使用

下载专业版。

Linux下pycharm使用。
同样下载专业版。 Linux下的版本实际是一个绿色版本。

cd pycharm
cd bin/
./pycharm.sh

设置通过命令直接启动。

vim ~/.bashrc

alias pycharm="bash /home//pycharm.sh"

source ~./bashrc

mysql和Navicat的安装和使用

Mysql

百度"mysql for windows" 直接在百度软件中心下载即可

mark

如果你的电脑跟我电脑一样空,推荐遵循我的:

  1. 点击接受协议
  2. 选择Custom选项。(如果默认选项,会发生必要条件缺失:如我电脑没有VS和py3.4)
mark mark
  • 下图页面点击next会显示我们不满足的条件,back后点击绿色箭头移除。
mark
  • 所有条件都达成,点击Execute,等待安装完成。
mark

均为绿色代表安装完成。

  • 一直默认选择直到下图页面。设置密码,添加用户(可选)

注意:记住自己设置的mysql密码

mark

之后全部默认下一步。直到安装完成Finish

这时Navicat已经可以正常连接了。如果想让mysql命令在cmd下可使用。

C:\Program Files\MySQL\MySQL Server 5.7\bin (自行替换为自己的mysql.exe地址)加入环境变量中。

mark

通过mysql -uroot -p命令可以进行登入mysql控制台。

mark
sudo vim /etc/mysql/mysql.conf.d/mysqld.cnf

修改bind adress: 0.0.0.0

sudo service mysql restart
# 授予所有权限其实可以细化,on`*.*`是一个正则表达式,表示所有的表赋权限。`root `代表通过root用户连接过来。 `%` 代表所有外部的ip :当然也可以指明某一个ip.所有ip上只要是通过root 用户 Identity by`密码 `都可以访问我的所有表
grant all privileges on *.* to 'root'@'%' identified by 'ty158917' with grant option;

flush privileges;

Linux 安装 mysql

sudo apt-get install mysql-server
ps aux|grep mysql

mysql-uroot -p

show databases;

通过set py3获取py3安装路径。

Navicat

安装指南:下一步下一步。

下载地址:http://www.navicat.com.cn/download/navicat-for-mysql

我的安装目录: C:\software\Navicat Premium 12

virtualenv和virtualenvwrapper安装和配置

virtualenv介绍

每个应用可能需要各自拥有一套独立的Python运行环境。virtualenv就是用来为一个应用创建一套隔离的Python运行环境。

virtualenv优点:

mark

它是将全局Python解释器进行私有化复制。
如果不使用虚拟环境,默认的pip安装都会安装到同一个目录(java是把自己需要的包放到自己项目目录),不同项目使用起来会产生问题

安装virtualenv

进入cmd,(确保自己的pip已经可用)

pip install virtualenv
virtualenv testvir
# 在当前用户目录(win+r %HOMEPATH%可查看)生成
cd %homepath%
cd testvir
cd Scripts
activate.bat #激活
pip list 
deactivate.bat
mark

默认使用virtualenv testvir该命令,会将虚拟环境创建在我们当前用户目录。

注意:我的目录在桌面是我的cmder设置的、还请自行cd %homepath%前往自己的目录

这样直接使用步骤有写过于繁琐。所以我们使用virtualenvwrapper

virtualenvwrapper安装

pip install virtualenvwrapper-win
pip install virtualenvwrapper(Linux)
  • 创建虚拟环境
mkvirtualenv DjangoTest

会创建在C:\Users\mtian\Envs当前用户目录下的Envs目录。

修改mkvirtualenv创建的目录:新增环境变量WORKON_HOME

mark
  • 退出激活状态
deactivate
  • 知道有哪些虚拟环境
workon

Linux下安装:

sudo apt-get install python-virtualenv

virtualenv venv --python=python3.5
virtualenv venv --python=python2.7

安装pip

sudo python get-pip.py

pip install virtualenvwrapper

sudo find / -name virtualenvwrapper.sh
mark mark
mkvirtualenv articlespider --python=python3.5

rm -rf py3scrapy : 删除目录 

Vue开发环境搭建

  • webstorm
  • node.js
  • cnpm

自行安装下一步下一步

验证安装成功node.js:

mark

cnpm:

https://npm.taobao.org/

mark

online_store 前端vue项目的源码

进入根目录cnpm install

npm run dev

可以在浏览器里直接访问我们的前端项目

地址:127.0.0.1:8000

报错: 删除node_modules,然后重新install run

问题:

提问首选截图方式,拷贝运行。选择语言python

相关文章

网友评论

  • 非洲小白脸non:进入页面残缺什么鬼
    天涯明月笙:@非洲小白脸non 老师的api服务器可能已经关闭了,你可以用我的api服务器: vueshop.mtianyan.cn替换一下。不过我的数据已经被换成图书数据了
  • 撸撸很乖张:你好, 想问下 我在运行 vue 前端项目时候 进入 127.0.0.1界面后, 前端界面 没有轮播图,也没有导航栏 这是怎么回事啊,没想明白,所有项目就没敢做下去,希望大佬帮助下
    天涯明月笙:@撸撸很乖张 这是因为那些数据来自于后端服务器,老师的后端服务器停掉了,你可以去api.js中替换为我的 vueshop.mtianyan.cn
  • ba28044025ed:楼主 我想加群 怎么加不进呢
    天涯明月笙:@逃学书生 加进了吗?开不起年费会员,设置的付费群,你手机qq试下
  • mazl:online_store 这个源码在那里下载?
    天涯明月笙:@mazl 加群,群文件有
  • zephryu:路过..展示页挂掉了..
    天涯明月笙:@zephryu 实在抱歉,最近服务器老出问题,前几天刚因为被挖矿重装系统,这两天又因为密码被暴力破解,服务器停摆了。
    zephryu:@天涯明月笙 再路过..还是挂的..
    天涯明月笙:@zephryu 地址换了,变成http://vueshop.mtianyan.cn/index了
  • a00a47dfcf39:很好的教程,非常感谢😆
    天涯明月笙:@强大的浩哥哥 谢谢鼓励

本文标题:2- vue django restful framework

本文链接:https://www.haomeiwen.com/subject/dgxitftx.html