Python-Django 整合Django和jquery-easyui
整合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')
浏览器访问
作者:授客
微信/QQ:1033553122
全国软件测试QQ交流群:7156436
Git地址:https://gitee.com/ishouke
友情提示:限于时间仓促,文中可能存在错误,欢迎指正、评论!
作者五行缺钱,如果觉得文章对您有帮助,请扫描下边的二维码打赏作者,金额随意,您的支持将是我继续创作的源动力,打赏后如有任何疑问,请联系我!!!
微信打赏
支付宝打赏 全国软件测试交流QQ群
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库