python的前端和后端_从零开始串联Python前后端技术-程序员宅基地

技术标签: python的前端和后端  

1523286673901f154a92a68

运维开发流程概述

是我们参与到其中的一个入口,我们需要了解运维开发的一些环节,还有运维开发的一些技术基础。我们通过一个实例来做演示,基本的需求就是从数据库中查取数据,通过前端页面展现出来。

1523286673818c6fd847263

(一)业务需求

显示人员信息和部门

使用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: [email protected]

Password:

Password (again):

Superuser created successfully.

浏览器中输入URL:

http://192.168.56.102:9001/admin

即可访问Admin Site

152328667389136ed887dd6

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

(四)自定义前后端技术实现

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

1)构建模型

1523286673886e0ba4aa848

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

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

1523286673852258a90ac8e

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.objects.all()

[]

如果想看到细节一些的信息,可以指定输出列,比如这里是ename

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

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

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

再插入几条数据。

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

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

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

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

[]

如果要做过滤查询,可以使用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}}

{% for tmp_data in emp_data %}

{ { tmp_data.empno }}

{ { tmp_data.ename }}

{% endfor %}

浏览器访问URL,得到的结果为:

1523286673911884e4a311f

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

可以参考官方文档做更多的定制

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_39836943/article/details/110054246

智能推荐

python opencv resize函数_python opencv 等比例调整(缩放)图片分辨率大小代码 cv2.resize()...-程序员宅基地

文章浏览阅读1.3k次。# -*- coding: utf-8 -*-"""@File : 200113_等比例调整图像分辨率大小.py@Time : 2020/1/13 13:38@Author : Dontla@Email : [email protected]@Software: PyCharm"""import cv2def img_resize(image):height, width = image...._opencv小图等比例缩放

【OFDM、OOK、PPM、QAM的BER仿真】绘制不同调制方案的误码率曲线研究(Matlab代码实现)-程序员宅基地

文章浏览阅读42次。对于这些调制技术的误码率(BER)研究是非常重要的,因为它们可以帮助我们了解在不同信道条件下系统的性能表现。通过以上步骤,您可以进行OFDM、OOK、PPM和QAM的误码率仿真研究,并绘制它们的误码率曲线,以便更好地了解它们在不同信道条件下的性能特点。针对这些调制技术的BER研究是非常重要的,可以帮助我们更好地了解这些技术在不同信道条件下的性能表现,从而指导系统设计和优化。6. 分析结果:根据误码率曲线的比较,分析每种调制方案在不同信噪比条件下的性能,包括其容忍的信道条件和适用的应用场景。_ber仿真

【已解决】Vue的Element框架,日期组件(el-date-picker)的@change事件,不会触发。_el-date-picker @change不触发-程序员宅基地

文章浏览阅读2.5w次,点赞3次,收藏3次。1、场景照抄官方的实例,绑定了 myData.Age 这个值。实际选择某个日期后,从 vuetool(开发工具)看,值已经更新了,但视图未更新。2、尝试绑定另一个值: myData,可以正常的触发 @change 方法。可能是:值绑定到子对象时,组件没有侦测到。3、解决使用 @blur 代替 @change 方法。再判断下 “值有没有更新” 即可。如有更好的方法,欢迎评论!..._el-date-picker @change不触发

PCL学习:滤波—Projectlnliers投影滤波_projectinliers-程序员宅基地

文章浏览阅读1.5k次,点赞2次,收藏8次。Projectlnliersclass pcl: : Projectlnliers< PointT >类 Projectlnliers 使用一个模型和一组的内点的索引,将内点投影到模型形成新的一个独立点云。关键成员函数 void setModelType(int model) 通过用户给定的参数设置使用的模型类型 ,参数 Model 为模型类型(见 mo..._projectinliers

未处理System.BadImageFormatException”类型的未经处理的异常在 xxxxxxx.exe 中发生_“system.badimageformatexception”类型的未经处理的异常在 未知模块。 -程序员宅基地

文章浏览阅读2.4k次。“System.BadImageFormatException”类型的未经处理的异常在 xxxx.exe 中发生其他信息: 未能加载文件或程序集“xxxxxxx, Version=xxxxxx,xxxxxxx”或它的某一个依赖项。试图加载格式不正确的程序。此原因是由于 ” 目标程序的目标平台与 依赖项的目标编译平台不一致导致,把所有的项目都修改到同一目标平台下(X86、X64或AnyCPU)进行编译,一般即可解决问题“。若果以上方式不能解决,可采用如下方式:右键选择配置管理器,在这里修改平台。_“system.badimageformatexception”类型的未经处理的异常在 未知模块。 中发生

PC移植安卓---2018/04/26_电脑软件移植安卓-程序员宅基地

文章浏览阅读2.4k次。记录一下碰到的问题:1.Assetbundle加载问题: 原PC打包后的AssetBundle导入安卓工程后,加载会出问题。同时工程打包APK时,StreamingAssets中不能有中文。解决方案: (1).加入PinYinConvert类,用于将中文转换为拼音(多音字可能会出错,例如空调转换为KongDiao||阿拉伯数字不支持,如Ⅰ、Ⅱ、Ⅲ、Ⅳ(IIII)、Ⅴ、Ⅵ、Ⅶ、Ⅷ、Ⅸ、Ⅹ..._电脑软件移植安卓

随便推点

聊聊线程之run方法_start 是同步还是异步-程序员宅基地

文章浏览阅读2.4k次。话不多说参考书籍 汪文君补充知识:start是异步,run是同步,start的执行会经过JNI方法然后被任务执行调度器告知给系统内核分配时间片进行创建线程并执行,而直接调用run不经过本地方法就是普通对象执行实例方法。什么是线程?1.现在几乎百分之百的操作系统都支持多任务的执行,对计算机来说每一个人物就是一个进程(Process),在每一个进程内部至少要有一个线程实在运行中,有时线..._start 是同步还是异步

制作非缘勿扰页面特效----JQuery_单击标题“非缘勿扰”,<dd>元素中有id属性的<span>的文本(主演、导演、标签、剧情-程序员宅基地

文章浏览阅读5.3k次,点赞9次,收藏34次。我主要用了层次选择器和属性选择器可以随意选择,方便简单为主大体CSS格式 大家自行构造网页主体<body> <div class='main' > <div class='left'> <img src="images/pic.gif" /> <br/><br/> <img src="images/col.gif" alt="收藏本片"/&_单击标题“非缘勿扰”,元素中有id属性的的文本(主演、导演、标签、剧情

有了这6款浏览器插件,浏览器居然“活了”?!媳妇儿直呼“大开眼界”_浏览器插件助手-程序员宅基地

文章浏览阅读901次,点赞20次,收藏23次。浏览器是每台电脑的必装软件,去浏览器搜索资源和信息已经成为我们的日常,我媳妇儿原本也以为浏览器就是上网冲浪而已,哪有那么强大,但经过我的演示之后她惊呆了,直接给我竖起大拇指道:“原来浏览器还能这么用?大开眼界!今天来给大家介绍几款实用的浏览器插件,学会之后让你的浏览器“活过来”!_浏览器插件助手

NumPy科学数学库_数学中常用的环境有numpy-程序员宅基地

文章浏览阅读101次。NumPy是Python中最常用的科学数学计算库之一,它提供了高效的多维数组对象以及对这些数组进行操作的函数NumPy的核心是ndarray(N-dimensional array)对象,它是一个用于存储同类型数据的多维数组Numpy通常与SciPy(Scientific Python)和 Matplotlib(绘图库)一起使用,用于替代MatLabSciPy是一个开源的Python算法库和数学工具包;Matplotlib是Python语言及其Numpy的可视化操作界面'''_数学中常用的环境有numpy

dind(docker in docker)学习-程序员宅基地

文章浏览阅读1.1w次。docker in docker说白了,就是在docker容器内启动一个docker daemon,对外提供服务。优点在于:镜像和容器都在一个隔离的环境,保持操作者的干净环境。想到了再补充 :)一:低版本启动及访问启动1.12.6-dinddocker run --privileged -d --name mydocker docker:1.12.6-dind在其他容器访问d..._dind

推荐文章

热门文章

相关标签