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