整合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. Scala - 快速学习03 - 基础语法

    1- 变量 变量 mutable variable 在程序运行过程中其值可能发生改变的量 关键词var定义变量,定义时直接进行求值 常量 immutable variable 在程序运行过程中其值不会 ...

  2. 数据库建模&逆向工程工具

    工具推荐先走一波: Navicat Premium:https://www.navicat.com.cn/products/navicat-premiumPremium  (个人推荐) Navicat ...

  3. Asp.net core 环境配置

    参考: 在 ASP.NET Core 中使用多个环境 ASP.NET Core 中的配置 在项目的 Properties\launchSettings.json中可以配置多个环境 { "ii ...

  4. 健康，home？ [java的内存浅析]

    摘要: 原创出处: http://www.cnblogs.com/Alandre/ 泥沙砖瓦浆木匠 希望转载,保留摘要,谢谢! 乐观上上,how can other kno u,u r yoursel ...

  5. find命令高级参数

    find 命令参数大全  转自[https://www.cnblogs.com/yorkyang/p/6294894.html] Linux中find常见用法示例 ·find   path   -op ...

  6. 32位汇编第五讲,逆向实战干货,(OD)快速定位扫雷内存.

    32位第五讲,逆向实战干货,快速定位扫雷内存. 首先,在逆向之前,大家先对OD有一个认识. 一丶OD的使用 标号1: 反汇编窗口 (显示代码的地址,二进制指令,汇编代码,注释) 标号2: 寄存器窗口( ...

  7. Mybatis学习（五）————— 延迟加载和缓存机制(一级二级缓存)

    一.延迟加载 延迟加载就是懒加载,先去查询主表信息,如果用到从表的数据的话,再去查询从表的信息,也就是如果没用到从表的数据的话,就不查询从表的信息.所以这就是突出了懒这个特点.真是懒啊. Mybati ...

  8. Mybatis学习（一）—————mybatis入门

    学习了hibernate这个持久层框架之后,在来学习Mybatis简直是无压力,因为Mybatis入门门栏很低,如果学习过了hibernate的话,对于Mybatis的学习很简单了,如果没学习过hib ...

  9. 记一次SSM项目小结（一）

    记一次SSM项目小结(一) ssm框架 环境配置 服务器配置 解决方法  拦截器重定向到localhost nginx和tomcat中session失效 mybatis的xml文件不生效 数据库用户创 ...

  10. centos7安装kafka_2.11

    1.下载 官网地址:http://kafka.apache.org/downloads.html 下载:wget https://www.apache.org/dyn/closer.cgi?path= ...