从零开始串联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

 

 

要实现自定义的前端页面，满足复杂的需求，我们就需要自定义的方式来做。

 

（四）自定义前后端技术实现

 

整个流程会按照构建模型，配置URL,配置VIEW,配置前端页面几个步骤来说。

 

1）构建模型

 

 

我们的需求就是查看员工的基本信息，我们就计划创建一个表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

 

如果页面中能够正常显示，证明整个路程是畅通的，然后我们在这个基础上持续改进。

 

 

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，得到的结果为：

 

 

前端页面中，对于后端返回的数据，可以使用标签来实现，比如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)