從零開始串聯Python前後端技術

jeanron100發表於2018-04-09

從零開始串聯Python前後端技術

運維開發流程概述

是我們參與到其中的一個入口,我們需要了解運維開發的一些環節,還有運維開發的一些技術基礎。我們通過一個例項來做演示,基本的需求就是從資料庫中查取資料,通過前端頁面展現出來。

從零開始串聯Python前後端技術

(一)業務需求

顯示人員資訊和部門

使用Django框架來流轉資料

資料儲存在MySQL中

在前端頁面可以檢視資料

快速迭代開發

(二)環境構建

1)建立專案

django-admin startproject emp_test

2)啟動Python內建web服務

其中192.168.56.102為主機IP,根據需要修改即可。

python manage.py runserver 192.168.56.102:9001

錯誤1:A server error occurred. Please contact the administrator.

解決方法: 修改settings.py檔案

ALLOWED_HOSTS = ['*']

3)建立應用

假設應用名為emp_test,應用是專案的一部分,或者是一個模組

django-admin startapp emp_test

需要將應用配置到專案中生效,配置settings.py檔案

新增如下的應用:

INSTALLED_APPS = (

'django.contrib.admin',

'django.contrib.auth',

'django.contrib.contenttypes',

'django.contrib.sessions',

'django.contrib.messages',

'django.contrib.staticfiles',

‘emp_test’,

)

(三)構建Django Admin Site

為了快速構建出一個應用介面,我們可以嘗試使用Django Admin Site

首先需要做ORM對映,因為Admin模組會在資料庫中持久化一些資料,需要以表的形式,這個是Django內建的功能,需要做物件關係對映,假設我們使用預設的sqlite,則需要建立資料庫表到資料庫中。

檢視是否有資料庫變化,因為這裡是內建的功能,所以不需要我們建立任何的模型。

[root@dev01 demo_test]# python manage.py makemigrations

No changes detected

生成資料庫的表到資料庫(sqlite),從日誌可以看到建立了多個表

[root@dev01 demo_test]# python manage.py migrate

Operations to perform:

Synchronize unmigrated apps: staticfiles, messages

Apply all migrations: admin, contenttypes, auth, sessions

Synchronizing apps without migrations:

Creating tables...

Running deferred SQL...

Installing custom SQL...

Running migrations:

Rendering model states... DONE

Applying contenttypes.0001_initial... OK

Applying auth.0001_initial... OK

Applying admin.0001_initial... OK

Applying contenttypes.0002_remove_content_type_name... OK

Applying auth.0002_alter_permission_name_max_length... OK

Applying auth.0003_alter_user_email_max_length... OK

Applying auth.0004_alter_user_username_opts... OK

Applying auth.0005_alter_user_last_login_null... OK

Applying auth.0006_require_contenttypes_0002... OK

Applying sessions.0001_initial... OK

Sqlite檔案在專案的根目錄下:

[root@dev01 demo_test]# ll

total 48

-rw-r--r-- 1 root root 36864 Apr 8 15:44 db.sqlite3

drwxr-xr-x 2 root root 4096 Apr 8 15:42 demo_test

drwxr-xr-x 3 root root 4096 Apr 8 15:42 emp_test

-rwxr-xr-x 1 root root 252 Apr 8 15:37 manage.py

構建Admin模組,需要輸入使用者名稱,密碼和郵箱:

[root@dev01 demo_test]# python manage.py createsuperuser

Username (leave blank to use 'root'): admin

Email address: admin@mail.jj.cn

Password:

Password (again):

Superuser created successfully.

瀏覽器中輸入URL:

http://192.168.56.102:9001/admin

即可訪問Admin Site

從零開始串聯Python前後端技術

要實現自定義的前端頁面,滿足複雜的需求,我們就需要自定義的方式來做。

(四)自定義前後端技術實現

整個流程會按照構建模型,配置URL,配置VIEW,配置前端頁面幾個步驟來說。

1)構建模型

從零開始串聯Python前後端技術

我們的需求就是檢視員工的基本資訊,我們就計劃建立一個表emp,含有兩個欄位,在emp_test目錄下的models.py裡面新增如下的內容:

從程式碼可以看出來,欄位empno是自增序列,ename是員工名字,是字元型,長度是50

class emp(models.Model):

empno = models.AutoField(primary_key=True,verbose_name='emp ID')

ename = models.CharField(max_length=50,verbose_name='emp name')

持久化model到資料庫

[root@dev01 demo_test]# python manage.py makemigrations

Migrations for 'emp_test':

0001_initial.py:

- Create model emp

[root@dev01 demo_test]# python manage.py sqlmigrate emp_test 0001

BEGIN;

CREATE TABLE "emp_test_emp" ("empno" integer NOT NULL PRIMARY KEY AUTOINCREMENT, "ename" varchar(50) NOT NULL);

COMMIT;

[root@dev01 demo_test]#

[root@dev01 demo_test]#

[root@dev01 demo_test]# python manage.py migrate

Operations to perform:

Synchronize unmigrated apps: staticfiles, messages

Apply all migrations: admin, emp_test, contenttypes, auth, sessions

Synchronizing apps without migrations:

Creating tables...

Running deferred SQL...

Installing custom SQL...

Running migrations:

Rendering model states... DONE

Applying emp_test.0001_initial... OK

2)配置URL

URL是訪問頁面的入口,假設我們要訪問的URL為:

http://192.168.56.102:9001/emplist

配置URL檔案urls.py,在專案檔案demo_test/urls.py中修改,其中emplist來自於view層的emplist函式

from emp_test.views import emplist

urlpatterns = [

url(r'^admin/', include(admin.site.urls)),

url(r'^emplist/',emplist),

]

3)配置view層邏輯

from django.shortcuts import render_to_response, HttpResponseRedirect

from emp_test.models import emp

from django.template import RequestContext

def emplist(request):

return render_to_response('emplist.html',context_instance=RequestContext(request))

4)配置前端頁面

根據view層的流轉,需要配置前端頁面emplist.html來展現資料。

在應用emp_test目錄下建立資料夾 templates

mkdir -p templates

cd templates

寫入檔案內容為:

hello team

如果頁面中能夠正常顯示,證明整個路程是暢通的,然後我們在這個基礎上持續改進。

從零開始串聯Python前後端技術

5)配置資料訪問

在此基礎上,我們的資料來從資料庫中查取,這裡會用到ORM的內容

我們如果沒有任何ORM的基礎,可以先熟悉一下,我們通過Django API的方式來建立一些資料。

命令列的方式連線到sqlite

[root@dev01 demo_test]# python manage.py shell

Python 2.7.14 (default, Dec 12 2017, 14:17:04)

[GCC 4.4.7 20120313 (Red Hat 4.4.7-18)] on linux2

Type "help", "copyright", "credits" or "license" for more information.

(InteractiveConsole)

引入需要操作的model,這裡就是emp,我們在models.py裡面建立過的。

>>> from emp_test.models import emp

檢視emp的所有資料庫,資料的操作都是類似的API形式,目前資料結果集為空。

>>> emp.objects.all()

[]

我們來建立幾條記錄,可以使用create方式來建立

>>> emp.objects.create(ename='jeanron');

<emp: emp object>

再次檢視就有資料了。

>>> emp.objects.all()

[<emp: emp object>]

如果想看到細節一些的資訊,可以指定輸出列,比如這裡是ename

>>> emp.objects.all().values('ename')

[{'ename': u'jeanron'}]

>>> emp.objects.create(ename='wusb');

<emp: emp object>

再插入幾條資料。

>>> emp.objects.create(ename='macc');

<emp: emp object>

>>> emp.objects.all().values('ename')

[{'ename': u'jeanron'}, {'ename': u'wusb'}, {'ename': u'macc'}]

>>> emp.objects.filter(ename='wusb');

[<emp: emp object>]

如果要做過濾查詢,可以使用filter,比如指定ename=’wusb’的記錄,輸出列為empno

>>> emp.objects.filter(ename='wusb').values('empno')

[{'empno': 2}]

退出

>>> exit()

所以要加入ORM層的資料查取邏輯,我們需要在view層中來做。

views.py的內容我們稍作修改,指定結果集為emp_data,可以把結果集傳入response物件返回。

from django.shortcuts import render_to_response, HttpResponseRedirect

from emp_test.models import emp

from django.template import RequestContext

def emplist(request):

emp_data = emp.objects.all()

return render_to_response('emplist.html',{“emp_data”:emp_data},context_instance=RequestContext(request))

6)優化前端頁面

然後我們修改下前端頁面,把返回的資料展現出來。

emplist.html的內容如下:

hello team

{{emp_data}}

<table border="1">

{% for tmp_data in emp_data %}

<tr>

<td>{{ tmp_data.empno }} </td>

<td>{{ tmp_data.ename }} </td>

{% endfor %}

</tr>

</table>

瀏覽器訪問URL,得到的結果為:

從零開始串聯Python前後端技術

前端頁面中,對於後端返回的資料,可以使用標籤來實現,比如emp_data的資料是一個結果集,我們迭代,可以使用for tmp_data in emp_data的方式來做,和Python的語法是一樣的。裡面的每個元素的輸出是使用{{ tmp_data.empno }}這種方式。

(五)補充內容:

1).修改資料來源為MySQL

資料庫預設是sqlite,無需修改任何配置,如果使用MySQL可以配置settings.py檔案,修改以下的配置

資料庫環境使用 MySQL

DATABASES = {

'default': {

'ENGINE':'django.db.backends.mysql',

'NAME':'kmp',

'USER':'test_django',

'PASSWORD':'xxxx',

'PORT':3306,

'HOST':'127.0.0.1'

}

}

2) 配置有的model到Admin Site

配置emp_test下的檔案admin.py

from emp_test.models import emp

class category_emp(admin.ModelAdmin):

fields = ['empno', 'ename']

list_display = ('empno',

'ename')

list_filter = ['empno']

admin.site.register(emp, category_emp)

可以參考官方文件做更多的定製

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/23718752/viewspace-2152731/,如需轉載,請註明出處,否則將追究法律責任。

相關文章