整合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. vue好用的图片查看器(v-viewer插件)

    在开发中,经常会遇到这样的需求,就是点击图片,能够放大预览.在网上找到了一款很好用的插件.拿来即用,不需要复杂的配置.特此记录下(这里只是针对于在vue脚手架下的使用方法). 1.安装依赖包. npm ...

  2. swiper在vue项目中的循环轮播bug以及点击事件

    一般的,如果是静态数据(本地数据),可以直接在mounted生命周期中初始化,循环轮播.自动播放都比较正常. 但是,如果是动态从后台获取数据的话,采用上述方法会发现,轮播图无法自动播放,也无法拖拽. ...

  3. StringBuffer 和 StringBuilder 的 3 个区别

    StringBuffer 和 StringBuilder 它们都是可变的字符串,不过它们之间的区别是 Java 初中级面试出现几率十分高的一道题.这么简单的一道题,栈长在最近的面试过程中,却经常遇到很 ...

  4. iOS学习——（转）NSObject详解

    本文主要转载自:ios开发 之 NSObject详解 NSObject是大部分Objective-C类继承体系的根类.这个类遵循NSObject协议,提供了一些通用的方法,对象通过继承NSObject ...

  5. NIO/BIO

    NIO/BIO    BIO网络通信        概述            网络编程的基本模型是Client/Server模型,也就是两个进程之间进行相互通信,其中服务端提供位置信息(绑定的IP地 ...

  6. 数组转换为List(Arrays.asList)后add或remove出现UnsupportedOperationException

    Java中,可以使用Arrays.asList(T... a)方法来把一个数组转换为List,返回一个受指定数组支持的固定大小(注意是固定大小)的列表.此方法同 Collection.toArray( ...

  7. 关于 Spring Security OAuth2 中 CORS 跨域问题

    CORS 是一个 W3C 标准,全称是”跨域资源共享”(Cross-origin resource sharing).它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了 AJA ...

  8. Linux编程 16 文件权限(组管理 groupadd, groupmod,文件权限介绍)

    一.用户组 前面章节知道用户账户在控制单个用户安全性方面很好,但涉及到共享资源或把用户类型分组时,组概念就出来了. 组权限允许多个用户对系统中的对象(比如文件,目录,设备等)共享一组共用的权限. 在c ...

  9. 转载：浏览器开发系列第一篇：如何获取最新chromium源码

    背景:     最近摊上一个事儿,领导非要让写一篇技术文章,思来想去,自己接触chrome浏览器时间也不短了,干脆就总结一下吧.于是乎,本文顺理成章.由于有些细节必需描述清楚,所以这次先讲如何拿到ch ...

  10. session 控制单点登录

    在我登录成功之后,我会 session.setAttribute("user", userMap);//设置session 所以就写了一个监听器来控制登录的. package or ...