整合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. Linux 下 pushd，popd，cd- 用法

    一,为何要使用这几个命令? 可能大家会有疑问,为何要使用这几个命令,   难道用cd不就可以切换目录了吗?   没错,使用cd就可以切换到需要访问的目录,   但是有时会是一个路径很长,层次很多的目录 ...

  2. hbase之createTable完整的netty实现执行流程

    hbase的客户端代码并不想hive一样用java编写,shell调用,而是使用ruby编写. 在admin.rb文件中方法create,其中接受两个参数,其中第二个参数类型为变长参数. 而在crea ...

  3. [原创]K8Cscan插件之存活主机扫描

    [原创]K8 Cscan 大型内网渗透自定义扫描器 https://www.cnblogs.com/k8gege/p/10519321.html Cscan简介:何为自定义扫描器?其实也是插件化,但C ...

  4. 【hadoop】1、MapReduce进行日志分析，并排序统计结果

    1.网上很多关于搭建Hadoop集群的知识,这里不多做叙述,并且本机运行Hadoop程序是不需要hdfs集群的,我们本机运行只做个demo样式,当真的需要运行大数据的时候,才需要真正的集群 2.还有就 ...

  5. 解决transition动画与display冲突的几种方法

    如demo(如果没有显示,请查看源地址http://jsfiddle.net/ihardcoder/HNduT/2/)所示,基本的效果是在点击“Translate”按钮后,蓝色区域透明度变为0,然后隐 ...

  6. TOMCAT启动流程分析

    ------------------tomcat服务开启----------2014-9-26 9:17:07 org.apache.catalina.core.AprLifecycleListene ...

  7. python的pyspider框架下爬虫

    1.将框架下载好之后,控制台运行pyspider 2.浏览器打开http://localhost:5000 3.创建项目 页面区域介绍: 整个页面分为两栏,左边是爬取页面预览区域,右边是代码编写区域. ...

  8. 【Python】Python3纯代码极简教程

    #!/usr/bin/python3 ''' Python3.6.x简单教程  示例.注释  交互式和脚本式编程  变量类型  数字(Number)  字符串(String)  列表(Li ...

  9. solr查询特殊字符的处理

    1. 使用solr的页面功能时,遇到语法错误 2. 确认原因 从lexical error分析时特殊字符的问题. 首先 solr查询有哪些特殊字符? 查找官方文档:http://lucene.apac ...

  10. jQuery.prop , jQuery.attr ,jQuery.data

    理一下这几个概念吧.根据jquery官网. jquery.prop 获取匹配的元素中第一个元素特定的属性值,或者是设置多个元素的属性值. 有4个重载. .prop(propertyName) 获取属性 ...