1. 程式人生 > >2- vue django restful framework 打造生鮮超市 -環境搭建

2- vue django restful framework 打造生鮮超市 -環境搭建

cap 登錄 storm 一個 cimage 報錯 navi 源代碼 重新

使用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



原文學習來自簡書,作者:天涯明月笙
鏈接:https://www.jianshu.com/p/43a8f3179379

2- vue django restful framework 打造生鮮超市 -環境搭建