如何进行基于Python+Django+Jquery架构的Web开发

这期内容当中小编将会给大家带来有关如何进行基于Python+Django+Jquery架构的Web开发,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

站在用户的角度思考问题,与客户深入沟通,找到新市网站设计与新市网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站设计、成都做网站、企业官网、英文网站、手机端网站、网站推广、主机域名雅安服务器托管、企业邮箱。业务覆盖新市地区。

    近来,公司要开发一个自动化运维平台,使用到基于Python+Django+Jquery架构的Web开发,这里介绍一下该架构的组建。
环境信息:
操作系统:Linux rhel 7.1
数据库:MySQL 5.6
需要安装的架构软件:
[root@centos7mysql django]# ll
total 34336
-rw-r--r-- 1 root root  7989435 Jun 27 18:06 Django-2.0.6.tar.gz
-rw-r--r-- 1 root root  1081874 Apr 21  2016 pip-1.5.4.tar.gz
-rw-r--r-- 1 root root    74297 Jun 27 22:56 PyMySQL-0.8.1.tar.gz
-rw-r--r-- 1 root root 22994617 Jun 27 18:10 Python-3.6.5.tgz
-rw-r--r-- 1 root root   308066 Jun 27 18:04 pytz-2018.4.tar.gz
-rw-r--r-- 1 root root  2699252 Jun 27 17:22 sqlite-autoconf-3240000.tar.gz
[root@centos7mysql django]# 
架构软件的安装
    步骤1:安装SQLITE 3
解压后进入sqlite的解压目录下,进行编译:
$configure –prefix=<你的安装路径> ###这里我设置的是 /usr/local/sqlite
$make –j24
$make install
    步骤2:安装sqlite-devel
检查是否安装该包
rpm -qa  | grep -i sqlite
如果没有,使用yum源安装
yum install sqlite-devel
该步骤非常重要,否则会导致Python无法加载到Sqlite3。
报下面类似的错误
1)ImportError: dynamic module does not define module export function (PyInit__sqlite3)
2)No module named _sqlite3
    步骤3:安装Python 3
解压Python-3.6.5.tgz之后,进入Python-3.6.5
./configure --prefix=/usr/local/python3
make && make install
Python 3.6.5 会自动安装setuptools, pip,版本分别为 pip-9.0.3 setuptools-39.0.1
 设置环境变量
echo 'export PATH=$PATH:/usr/local/python3/bin' >> ~/.bashrc
vi修改yum的配置
#!/usr/bin/python改为#!/usr/bin/python2.7 
    步骤4:安装pytz
解压pytz之后,进入pytz-2018
python3 setup.py  install
    步骤5:安装Django
解压django之后,进入Django-2.0.6
python3 setup.py install
    步骤6: 安装成功验证
新建项目
django-admin startproject testDJ
当前目录下生成Project 目录testDJ
启动服务器
python3  manage.py runserver
创建应用APP
python manage.py startapp EAOPS

DJANGO应用架构文件结构
[root@centos7mysql ~]# tree ./testDJ/
./testDJ/    #工程的根目录
├── db.sqlite3   #Django的项目测试数据库sqllite
├── EAOPS    #Django的应用目录
│   ├── admin.py
│   ├── apps.py
│   ├── __init__.py
│   ├── migrations
│   │   ├── __init__.py
│   │   └── __pycache__
│   │       └── __init__.cpython-36.pyc
│   ├── models.py    #应用EAOPS的数据库模板配置文件,相当于SSH的实体类文件
│   ├── models.py.bak    #模板文件的备份文件
│   ├── __pycache__
│   │   ├── admin.cpython-36.pyc
│   │   ├── __init__.cpython-36.pyc
│   │   ├── models.cpython-36.pyc
│   │   └── views.cpython-36.pyc
│   ├── tests.py
│   └── views.py    #应用EAOPS的视图配置文件,相当于SSH的controller文件
├── manage.py    #django的管理文件
├── static    #django的应用APP的js、css、图片等静态文件的存放路径
│   ├── js
│   │   ├── jquery-1.4.3.min.js
│   │   └── jquery-1.8.0.js
│   └── logo    #应用EAOPS的Logo文件存放路径
│       └── favicon.ico
├── templates    #应用EAOPS的模板配置文件,相当于SSH的jsp或者html文件
│   ├── index.html
│   └── login.html
└── testDJ    #项目的配置文件存放路径
    ├── __init__.py
    ├── __pycache__
    │   ├── __init__.cpython-36.pyc
    │   ├── settings.cpython-36.pyc
    │   ├── urls.cpython-36.pyc
    │   └── wsgi.cpython-36.pyc
    ├── settings.py    #项目的核心配置文件包括项目应用的映射路径、数据库配置、静态文件映射路径
    ├── urls.py    #项目的web请求配置文件,相当于SSH的struts.xml配置文件
    └── wsgi.py
10 directories, 28 files
[root@centos7mysql ~]# 
应用settings.py中关于模板文件映射路径配置
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['/root/testDJ/templates',],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]
应用settings.py中关于数据库的配置
DATABASES = {
    'default': {
        #'ENGINE': 'django.db.backends.sqlite3',
        #'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'opsdb',
'USER':'root',
'PASSWORD':'rootroot',
'HOST':'127.0.0.1',
'POST':'3306',
    }
}
应用settings.py中关于js、css、图片的映射路径
STATIC_URL = '/static/'
STATICFILES_DIRS =  (
    os.path.join(BASE_DIR, 'static'),
)
应用urls.py文件的配置
from django.contrib import admin
from django.urls import path
from django.conf.urls import url
from EAOPS import views
from EAOPS.models import *
from django.views.generic.base import RedirectView
urlpatterns = [
    #path('admin/', admin.site.urls),
    url(r'^favicon.ico$',RedirectView.as_view(url=r'static/logo/favicon.ico')),  #应用EAOPS的logo配置路径
    url(r'^login/$',views.Login),    #应用http请求login动作的配置
    url(r'^UserLogin/$',views.UserLogin),    #应用jquery请求动作的配置
    url(r'^Index/$',views.Index),    #应用EAOPS的Index动作请求,是jquery的UserLogin的重定向
]
应用EAOPS的模型配置文件
[root@centos7mysql EAOPS]# cat models.py
# -*- coding:utf-8 -*-
from __future__ import unicode_literals 
from django.db import models
# Create your models here.
class USER(models.Model):
userid = models.AutoField(primary_key=True)
username = models.CharField(max_length=30)
pwd = models.CharField(max_length=30)
status = models.SmallIntegerField()
[root@centos7mysql EAOPS]# 
应用EAOPS的视图,相当于SSH的controller文件的实现
[root@centos7mysql EAOPS]# cat views.py 
from django.shortcuts import render
from django.http import HttpResponse
from django.shortcuts import render_to_response
from django.http import HttpResponseRedirect
from django.views.decorators.csrf import csrf_exempt
import time, datetime
import json
from django.db import connection,transaction
from django.template import RequestContext 
from EAOPS import models
from EAOPS.models import *
from django.db.models import Q
from django.core import serializers
# Create your views here.
def Login(request):   #urls.py请求Login动作的实现
    return render(request,'login.html')
def Index(request):    #urls.py请求Index动作的实现
    return render(request,'index.html')
@csrf_exempt
def UserLogin(request):   #urls.py请求UserLogin动作的实现
username = request.POST.get('username')  #接收AJAX的username参数
password = request.POST.get('pwd')  #接收AJAX的password参数
djuser=USER.objects.filter(Q(username=username)&Q(pwd=password))  #django的用户登录ya
data = {}
response = HttpResponse()
response['Context-Type'] = "text/javascript"
if len(djuser.values()):
  data = juser.values()[0]
  rdata = json.dumps(data)
else:
  data = {"msg":"failed"}
  rdata = json.dumps(data)
response.write(rdata)
return response
[root@centos7mysql EAOPS]# 
应用EAOPS的login.html文件
[root@centos7mysql templates]# cat login.html 


 
    EAOPS-运维自动化平台

   
   
   
    
   
   
   
 
 
 

  
   

EAOPS,欢迎您!


   


   
   

   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

   
    管理员登陆
   
   

   
   
   
用户名:
   

   
密码:
   
   

   

   
   
   

 

 

[root@centos7mysql templates]#
应用EAOPS的Index.html文件
[root@centos7mysql templates]# cat index.html 


 
    EAOPS-首页
   
   
   
   
 
 
 
  
   

EAOPS,欢迎您{{user.username}}!


 

 

[root@centos7mysql templates]# 
 DJANGO框架的数据库配置实现
mysql数据库建库建表
mysql> show create database opsdb;
+----------+----------------------------------------------------------------+
| Database | Create Database                                                |
+----------+----------------------------------------------------------------+
| opsdb    | CREATE DATABASE `opsdb` /*!40100 DEFAULT CHARACTER SET utf8 */ |
+----------+----------------------------------------------------------------+
1 row in set (0.00 sec)
mysql> 
mysql> show create table USER\G
*************************** 1. row ***************************
       Table: USER
Create Table: CREATE TABLE `USER` (
  `userid` int(6) unsigned NOT NULL AUTO_INCREMENT,
  `username` varchar(30) NOT NULL,
  `pwd` varchar(30) NOT NULL,
  `status` int(1) DEFAULT '1',
  PRIMARY KEY (`userid`),
  UNIQUE KEY `username` (`username`),
  UNIQUE KEY `pwd` (`pwd`)
) ENGINE=InnoDB AUTO_INCREMENT=101 DEFAULT CHARSET=utf8
1 row in set (0.41 sec)
mysql> 

功能实现测试:
如何进行基于Python+Django+Jquery架构的Web开发
如何进行基于Python+Django+Jquery架构的Web开发

django后台运行日志(有自己添加的打印输出日志):
[30/Jun/2018 13:08:20] "GET /login/ HTTP/1.1" 200 2272
[30/Jun/2018 13:08:21] "GET /static/js/jquery-1.8.0.js HTTP/1.1" 304 0
============AJAX -->UserLogin print POST===============

============AJAX -->UserLogin print recived param username===============
admin
=============UserLogin print query results========================

1
{'userid': 100, 'username': 'admin', 'pwd': 'admin', 'status': 1}
===========users is not None=============
===========UserLogin print return AJAX request============
{"userid": 100, "username": "admin", "pwd": "admin", "status": 1}
[30/Jun/2018 13:08:49] "POST /UserLogin/ HTTP/1.1" 200 65
[30/Jun/2018 13:08:50] "GET /Index/ HTTP/1.1" 200 561

至此基于Python+Django+Jquery架构的Web开发基础结合实现!

上述就是小编为大家分享的如何进行基于Python+Django+Jquery架构的Web开发了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


网站标题:如何进行基于Python+Django+Jquery架构的Web开发
网址分享:http://csdahua.cn/article/gpdehc.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流