整合Django和jquery-easyui

by:授客 QQ：1033553122

测试环境

win7 64

Python 3.4.0

jquery-easyui-1.5.1
下载地址1：http://www.jeasyui.com/download/index.php

下载地址2：http://pan.baidu.com/s/1i4TQK5n

jquery-1.5.1.min.js

下载地址：http://pan.baidu.com/s/1o78HO4y


环境配置

配置jquery-easyui

解压下载的jquery-easyui-1.5.1.zip，重命名解压后的文件目录为jquery-easyui，然后在放入应用的static目录下(例：F:\project\autotest\autotest\static\jquery-easyui)

把下载的jquery-1.5.1.min.js，放到jquery-easyui根目录下

测试配置是否成功

新建templates/autotest目录下分别新建testeasyui.html,index.html

testeasyui.html

<html>

<title>Accordion - jQuery EasyUI Demo</title>

{% load staticfiles %}

<script type="text/javascript" src="{% static 'jquery-easyui/jquery-1.5.1.min.js' %}"></script>

<link rel="stylesheet" type="text/css" href="{% static 'jquery-easyui/themes/default/easyui.css'%}" />

<link rel="stylesheet" type="text/css" href="{% static 'jquery-easyui/themes/icon.css'%}" />

<script type="text/javascript" src="{% static 'jquery-easyui/jquery.easyui.min.js'%}"></script>

<script type="text/javascript" src="{% static 'jquery-easyui/locale/easyui-lang-zh_CN.js' %}"></script>

<script type="text/javascript">

$(function(){

$.messager.confirm('标题内容' , '确认么?' ,function(r){

if(r){

alert('点击确认');

} else {

alert('点击取消');

}

});

$.messager.progress({

title: '我是进度条' ,

msg:'文本内容' ,

text: '正在加载..' ,

interval:1000

});

});

</script>

</html>

index.html

<html>

<body>

<p>home index</p>

</body>

</html>

加载静态文件夹,然后再引用完整的EasyUI引用如下:

编辑autotest/settings.py，添加带背景色内容

INSTALLED_APPS = [


    'autotest.apps.AutotestConfig',

……


修改autotest/setting.py


from
django.conf.urls
import
url
from

django.conf.urls
import
include
from

django.contrib
import
admin

urlpatterns = [
    url(r'^autotest/',
include('autotest.urls')),
    url(r'^admin/',
admin.site.urls),
    url(r'^$',
include('autotest.urls')),
]


编辑autotest\urls.py

__author__
=
'shouke'

from

django.conf.urls
import
url

from

.
import
views

urlpatterns = [
    url('^testeasyui',views.testeasyui,

name='testeasyui')

]


编辑autotest\views.py

from django.shortcuts import render
#from
django.http import HttpResponse

def testeasyui(request):
    return
render(request,'autotest/testeasyui.html')


 


def
index(request):
    return

render(request,
'autotest/index.html')

浏览器访问



Python-Django 整合Django和jquery-easyui的更多相关文章

  1. 整合django和bootstrap框架

    环境: python版本:2.7.8 django版本:1.7.1 bootstrap版本:3.3.0 首先github上面有两个开源的项目用来整合django和bootstrap. https:// ...

  2. 【Python实战】Django建站笔记

    前一段时间,用Django搭建一个报表分析的网站:借此正好整理一下笔记. 1. 安装 python有包管理工具pip,直接cd Python27/Scripts,输入 pip install djan ...

  3. django整合原有的mysql数据库

    虽然django适合从零开始构建一个项目,但有时候整合原有的数据库也在所难免,下面以django整合我的mysql作说明. mysql数据是我从京东上抓取的数据,数据表名为jd,演示如图 下面将jd整 ...

  4. python 全栈开发，Day94(Promise,箭头函数,Django REST framework,生成json数据三种方式,serializers,Postman使用,外部python脚本调用django)

    昨日内容回顾 1. 内容回顾 1. VueX VueX分三部分 1. state 2. mutations 3. actions 存放数据 修改数据的唯一方式 异步操作 修改state中数据的步骤: ...

  5. 6月15日 python学习总结 Django模板语言相关内容

    Django模板语言相关内容   Django模板系统 官方文档 常用语法 只需要记两种特殊符号: {{  }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量 {{ 变量名 }} ...

  6. Python攻关之Django（一）

    课程简介: Django流程介绍 Django url Django view Django models Django template Django form Django admin (后台数据 ...

  7. python框架之django

    python框架之django 本节内容 web框架 mvc和mtv模式 django流程和命令 django URL django views django temple django models ...

  8. Python Virtualenv运行Django环境配置

    系统: RHEL6.5 版本说明: Python-3.5.0 Django-1.10.4 virtualenv:为每个项目建立不同的/独立的Python环境,你将为每个项目安装所有需要的软件包到它们各 ...

  9. Python之路【第二十三篇】：Django 初探--Django的开发服务器及创建数据库（笔记）

    Django 初探--Django的开发服务器及创建数据库(笔记) 1.Django的开发服务器 Django框架中包含一些轻量级的web应用服务器,开发web项目时不需再对其配置服务器,Django ...

随机推荐

  1. C语言中指针中的值赋值给数组

    如果把各种语言做个冷兵器类比的话,C语言一定是刀客的最佳工具．入门很简单,但是要是能把它熟练运用,那就是顶尖级别的高手了． 用了那么多年的C语言,发现自己还是仅仅处于熟练的操作工．今天遇到了一个bug ...

  2. java提高（9）---HashMap解析

    HashMap解析(一) 平时一直再用hashmap并没有稍微深入的去了解它,自己花点时间想往里面在深入一点,发现它比arraylist难理解很多. 数据结构中有数组和链表来实现对数据的存储,但这两者 ...

  3. selenium python 一些操作和定位收集

    (—)滚动条操作 python中selenium操作下拉滚动条方法汇总 selenium_webdriver(python)控制浏览器滚动条 selenium+Python(select定位) Sel ...

  4. Spring 事务传播实践分析

    事务管理是应用系统开发中必不可少的一部分.事物将若干的数据库操作作为一个整体控制,一起成功或一起失败.事物有以下特性 原子性:指事务是一个不可分割的工作单位,事务中的操作要么都发生,要么都不发生.   ...

  5. [NewLife.XCode]脏数据

    NewLife.XCode是一个有10多年历史的开源数据中间件,支持nfx/netstandard,由新生命团队(2002~2019)开发完成并维护至今,以下简称XCode. 整个系列教程会大量结合示 ...

  6. 比MySQL快6倍 深度解析国内首个云原生数据库POLARDB的“王者荣耀”

    随着移动互联网.电子商务的高速发展,被使用最多的企业级开源数据系统MySQL面临着巨大挑战——为迎接“双11"的高并发要提前做好分库分表;用户不断激增要将读写分离才能应对每天上亿次的访问,但 ...

  7. Deploying Keras model on Tensorflow Serving--

    keras训练了个二分类的模型.需求是把keras模型跑到 tensorflow serving上 (TensorFlow Serving 系统用于在生产环境中运行模型) keras模型转 tenso ...

  8. MongoDB 菜鸟入门“秘籍”

    1.MongoDB介绍 1.1 什么是MongoDB ? MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系统. 在高负载的情况下,添加更多的节点,可以保证服务器性能. Mo ...

  9. Go语言如何判断一个chan被关闭

    当一个chanel被关闭后,再取出不会阻塞,而是返回零值 package main import "fmt" func main() { c := make(chan int, 5 ...

  10. Git命令速查

    Alias 下面的只是例子,想改成什么跟随自己的意愿即可. git config --global alias.st status //status 缩写成 st git config --globa ...