专栏首页授客的专栏Python-Django 整合Django和jquery-easyui

Python-Django 整合Django和jquery-easyui

测试环境

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')

浏览器访问

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 《深入理解 Java 虚拟机》学习 -- 类加载机制

    虚拟机把描述类的数据从 Class 文件加载到内存,并对数据进行校验、转换解析和初始化,最终形成可以被虚拟机直接使用的 Java 类型,这就是虚拟机的类加载机制...

    希希里之海
  • 2019年8月编程语言排行榜:Java依旧占据首位!Kotlin一蹶不振

    2019 年 8 月份编程语言比较 7 月份的排行没有太大的变化,前十的排名只有 Objective-C 和 SQL 交换了位置。

    老九君
  • HTML基础知识普及

    <meta charset="utf-8"> 规定页面的字符编码 <meta name="viewport" content="width=device...

    lesM10
  • 每日算法题:Day 22(C/C++)

    牛客最近来了一个新员工Fish,每天早晨总是会拿着一本英文杂志,写些句子在本子上。同事Cat对Fish写的内容颇感兴趣,有一天他向Fish借来翻看,但却读不懂它...

    算法工程师之路
  • vue中使用iconfont

    用户4344670
  • Qt编写自定义控件33-图片切换动画

    在很多看图软件中,切换图片的时候可以带上动画过渡或者切换效果,显得更人性化,其实主要还是炫一些,比如百叶窗、透明度变化、左下角飞入等,无论多少种效果,核心都是围...

    feiyangqingyun
  • 华人团队打造:AutoML + GAN = AutoGAN!AI设计GAN模型比人类更好

    生成对抗网络(GAN)自其诞生以来一直盛行。它的一个最显著的成功在于是用各种各样的卷积结构生成逼真的自然图像。

    新智元
  • React16 新特性

    于 2017.09.26 Facebook 发布 React v16.0 版本,时至今日已更新到 React v16.6,且引入了大量的令人振奋的新特性,本文章...

    前端迷
  • qml类型有那些?

    Qt君
  • 系统游戏运行库DirectX修复工具 v3.8 增强版

    (DirectX Repair)是一款系统级工具软件,简便易用。本程序无需安装,可直接运行。 本程序的主要功能是检测当前系统的DirectX状态,如果发现异常则...

    空木白博客

扫码关注云+社区

领取腾讯云代金券