网上关于ExtJS的事例挺多的，但是在Django中使用ExtJS挺少的，当然了，一些大牛觉得ExtJS运用在页面上是很简单的事，但是对于菜鸟来说，实在有点困难。

我这个例子是用在了sublime3这个IDE上实现的，用的是Django框架，若是不会安装sublime3，或者不晓得怎么安装和使用Django的话，可以参考下我前面的一些文章。

1、首先下载ExtJS这个库，可以在官网上下载，也可以用我这个链接：http://www.qeefee.com/article/000308/。我下载的ExtJS3.4的目录结构如下：

2、在你的django的静态文件（静态文件是自己创建的）下导入ExtJS库，这个导入就是把你下载的这个库文件复制到你的静态文件下即可。

3、在要使用ExtJS的页面中一般包括以下代码：

<link rel="stylesheet" type="text/css" href="../../static/files/ext3/resources/css/ext-all.css" />
<script type="text/javascript" src="../../static/files/ext3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../static/files/ext3/ext-all.js"></script>

完整的HTML实例如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<title>JS常用方法－－String.prototype使用! </title>
<link rel="stylesheet" type="text/css" href="../../static/files/ext3/resources/css/ext-all.css" />
<script type="text/javascript" src="../../static/files/ext3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../static/files/ext3/ext-all.js"></script>

<script type='text/javascript'>
Ext.onReady(function(){
Ext.MessageBox.alert('标题','Hello world')

});

</script>
</head>

<body></body>

</html>

4、运行django程序，就会弹出Hello world这个框框。

5、我发现一个学习ExtJS的入门级别的ExtJS教程，推荐给大家，《ExtJS入门教程（超级详细）》

在Django中运行ExtJS 事例的更多相关文章

  1. django中运行定时任务脚本

    需要使用到django_apscheduler模块,因此先安装: pip install django-apscheduler 然后在工程的settings.py文件中的INSTALLED_APPS模 ...

  2. 在Django中运行脚本文件以及打印出SQL语句。

    Django终端打印SQL语句 在Django项目的settings.py文件中,在最后复制粘贴如下代码: LOGGING = { 'version': 1, 'disable_existing_lo ...

  3. django第8天(在测试文件中运行django项目|单表操作)

    django第8天 在测试文件中运行django项目 1.将项目配置文件数据库该为mysql,修改配置信息 PORT = '127.0.0.1' DATABASES = { 'default': { ...

  4. 异步任务队列Celery在Django中的使用

    前段时间在Django Web平台开发中,碰到一些请求执行的任务时间较长(几分钟),为了加快用户的响应时间,因此决定采用异步任务的方式在后台执行这些任务.在同事的指引下接触了Celery这个异步任务队 ...

  5. Django中Celery的实现介绍（一）

    Django中Celery的实现 Celery官网http://www.celeryproject.org/ 学习资料:http://docs.jinkan.org/docs/celery/ Cele ...

  6. Django中如何使用django-celery完成异步任务1（转）

    原文链接: http://www.weiguda.com/blog/73/ 本篇博文主要介绍在开发环境中的celery使用,请勿用于部署服务器. 许多Django应用需要执行异步任务, 以便不耽误ht ...

  7. Django中的Model继承

    Django 中的 model 继承和 Python 中的类继承非常相似,只不过你要选择具体的实现方式:让父 model 拥有独立的数据库:还是让父 model 只包含基本的公共信息,而这些信息只能由 ...

  8. Django 中的 WSGI

    Django 源码小剖: Django 中的 WSGI 2013-09-06 22:31 by 捣乱小子, 334 阅读, 0 评论, 收藏, 编辑 Django 其内部已经自带了一个方便本地测试的小 ...

  9. Django中的ORM

    Django中ORM的使用. 一.安装python连接mysql的模块:MySQL-python sudo pip install MySQL-python 安装完成后在python-shell中测试 ...

随机推荐

  1. centos7初上手2-安装tomcat服务

    上一篇文章说完安装mysql数据库,这篇文章来学习一下tomcat安装 1.先做准备工作,安装jdk,先看服务器上有没有安装相关java文件 下载好1.8版本的安装包,用xftp传到服务器上(根据个人 ...

  2. HashMap jdk1.8 jdk1.7 put改动

    之前hashmap处理冲突单纯使用链表法进行链接,1.8中,当一散列值中对应的链表长度超过8个后,会将链表转化为红黑树进行存储. 1.8中源码 public V put(K key, V value) ...

  3. LeetCode 98 验证二叉搜索树

    题目: 给定一个二叉树,判断其是否是一个有效的二叉搜索树. 假设一个二叉搜索树具有如下特征: 节点的左子树只包含小于当前节点的数. 节点的右子树只包含大于当前节点的数. 所有左子树和右子树自身必须也是 ...

  4. URL 通过Get方式传递数组参数

    URL 通过Get方式传递数组参数 方法1: ?id=1&id=2&id=3 后台获取时,只需要reqeust.getParameterValues("id") 获 ...

  5. 通过sqlalchemy操作mysql

    # 安装 pip3 install sqlalchemy import sqlalchemy from sqlalchemy import create_enginefrom sqlalchemy.e ...

  6. VMware 物理机可以复制文件到虚拟机，却无法从虚拟机复制文件到物理机（已解决）

    物理机运行,输入gpedit.msc确定,把如图的那个改成“已禁用” 之后虚拟机重新安装VMware Tool重启即可 事情是这样的,每次打开IDM会 “警告:您在以管理员身份运行IDM,在该模式下, ...

  7. Docker Toolbox

    Toolbox包含以下Docker工具: 用于运行docker-machine命令的Docker Machine 用于运行docker命令的Docker Engine Docker Compose用于 ...

  8. ubuntu的安装与vim(部分)文件的配置

    Ubuntu的安装与vim相关的配置 虚拟机环境的安装(先说说虚拟机的安装步骤把) 对于安装ubuntu来讲不是很难掌握,但是在Linux系统虚拟机下提供了很多便利的手段,而要配置一个顺手的虚拟机环境 ...

  9. 动态流程图关于jointJs的使用

    这段时间由于业务需要,需要展现动态的流程图.具体实现效果如图所示: jointJS中的线条以及框都是依赖SVG进行的二次开发.建议初学者先学习svg里相关属性,便于在阅读jointJs的API或者de ...

  10. JAVA接口里面的变量

    在interface里面的变量都是public static final 的.所以你可以这样写:public static final int i=10;或则int i=10:(可以省略掉一部分) 注 ...