Ubuntu下使用Django搭建先後端分離的全棧項目

README

Ubuntu16.04;
Python3.6.2;
Django1.11;
開發工具使用了pycharm(Ubuntu);css

其餘詳情配置請見GitHub(https://github.com/pythonyang...);html

2017-12-08:更新到留言板vue

第一步,在Linux環境中搭建Django項目

//一開始咱們會先使用靜態文件作配載,隨着項目進行咱們將會逐步展示先後端分離的作法,並使用vue搭建一個完整的電商網站!python

//本文將不概述環境的搭配,以及Linux下環境開發,我認爲你已經瞭解,並可使用基本的操做,基於以上信息,下面讓咱們開始吧!mysql

1.目錄下執行— — django-admin.py startproject + ‘你的Django項目名稱’;
建立Django項目git

2.cd 進入項目目錄下 ,執行— — django-admin.py startapp + ‘你的Django應用名稱’;
建立Django應用github

3.若是您已經下載並配置好了pymysql ,請執行:sql

#1. 在項目根目錄(settings同級目錄下的)__init__.py  文件中配置,作數據庫關聯:

        import pymysql

        pymysql.install_as_MySQLdb()

#2.settings.py中設置 
    
     DATABASES = {
    
            'default': {
    
            'ENGINE': 'django.db.backends.mysql',
    
            'NAME': '數據庫名稱',
    
            'USER': '數據庫管理名字',
    
            'PASSWORD': '密碼'
    
            # 'HOST': 'IP地址',
    
            # 'PORT': '端口',
    
        }
    
    }
    
#3.在MySQL中建立數據庫,並受權:
    1.進入root權限:
        MySQL -u root -p;
        #輸入密碼:進入數據庫
    2. 建立數據庫:
        mysql>CREATE DATABASE testDB DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
    3. 將數據庫受權給一個用戶,並設置權限:
        grant all privileges on testDB.* to test@localhost identified by '1234';
    4. 數據庫權限刷新:
        flush privileges;//刷新系統權限表
    5.(這裏只作最基礎的配置解說,若是您有其餘須要,請關注個人MySQL方向文章或者百度)

在settings 中管理咱們的app
圖片描述數據庫

4.(在項目的初級階段,咱們並無上vue的時候,先使用template作靜態資源配載)
在文件目錄中建立文件夾 templatedjango

圖片描述

//請注意這裏:
1.請在pycharm中的template文件夾的右鍵點擊

【Mark Directory as】> 選擇Template Folder

2.請在pycharm中右鍵點擊

【Mark Directory as】> 選擇 Sources Root

以上配置是爲了編譯器能夠直接找到相應路徑,避免能夠import 包可是 IDE中報錯的bug

5.運行Django項目(測試是否能夠運行)
圖片描述

在有manage.py文件的目錄下執行—— 
                                Python manage.py runserver 
    在這裏能夠會提示您更新數據庫,先測試是否運行後您能夠選擇更新。
    若是您是強迫症,先更新以後在運行本地服務開啓Django項目也能夠...
    
#1. 建立更改的文件
    python manage.py makemigrations
#2. 將生成的py文件應用到數據庫
    python manage.py migrate

6.打開本地服務,查看Django運行狀況:
圖片描述

好的,到這裏Django以及能夠初步運行啦~

第二步,基本的Django項目目錄:

1.項目目錄結構:
圖片描述

//註解

1.建立apps 應用管理包收納Django項目應用
2.建立log文件夾用於收集log日誌,進行日誌管理
3.建立media文件夾用於管理用戶上傳的圖片等信息

2.將項目的兩個重要的地方設置(settings & manage.py)與apps應用管理包作關聯
圖片描述

//註解

1.將apps >【Mark Directory as】> 選擇 Sources Root;
2.將以前(用於示例的users取消)Sources Root 模式,讓apps管理全部應用
3.在manage.py中設置默認views視圖導入路徑

圖片描述

第三步,經過單頁面來研究Django從請求到響應的流程

1.先準備html 和 css 文件

2.準備配置項目路由

先設置views視圖以驅動url
圖片描述

再到url裏設置咱們的相關路徑

圖片描述

檢測settings 是否設置了template 根目錄默認索引

圖片描述

OK,進入項目根目錄 (有manage.py文件) 開啓本地服務
終端輸入 : Python manage.py runserver
圖片描述

打開瀏覽器 ,輸入相應的url

你應該在輸入8000 端口後 /form 點擊跳轉後,才能夠看獲得哦
圖片描述

OK 至此咱們已經大體瞭解了 Django是 經過url 去調用views 視圖中的邏輯,從而獲取靜態文件的
(具體配置是經過 settings 實現的)
接下來咱們來搞一些有趣的東西吧圖片描述

相關文章
相關標籤/搜索