ExtJS入门（01）部署介绍

2024-06-29 20:31:22

今天学习extJS的第一天，所以做个笔录在这文章中。
extjs网上定义是这样的

不多说了，extjs就是UI组件，大概意思是你没必要写html，css等代码直接应用ExtJS组件就行。。。。。。
还有从6.0版本开始extJS已经电脑端与移动端同步了，所以没必要担心一些问题。

第一步创建web project项目（由于第一次，只弄helloworld）

第二步导入ExtJS必要组件（文件复制粘贴）

1.1 创建完后删除web里面的文件和index文件

1.2 然后导入extjs里面需要的部分文件比如
：
一般从build里面的文件被调用（他是pc版），其中
classic为主题，classic里的local为字体。
classic里的theme文件是样式文件，如：
classic/theme-gray/resources/theme-gray-all.css
build里面ext-all.js为核心库，压缩后的js文件，ext-all-debug.js为可以调试的完整JS文件。

所以我要导入以下文件：
1.ext-all.js
2.classic里的一个theme文件夹
3.theme文件夹里的字体文件locale-zh_CN.js

1.3 web目录下新建hello.html文件

hello.html文件：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>hello</title>
</head>
<body><!--引入extjs样式文件-->
<link rel="stylesheet" type="text/css" href="ext/classic/theme-gray/resources/theme-gray-all.css"><!--引入extjs核心库-->
<script src="ext/ext-all.js"></script>
<script>Ext.onReady(function (){Ext.MessageBox.alert("提示：","hello world！！！");})</script>
</body>
</html>

结果：

panel.html

项目文件分享了，关注联系我，一起进步学习和提升！！！！

ExtJS入门（01）部署介绍相关推荐

PLC编程入门-01基础知识介绍
PLC编程入门-01基础知识介绍 PLC的组成结构 PLC编程语言: PLC输入输出的特点输入输出 PLC的组成结构简图明细图 CPU:控制器和运算器本身就是CPU主要组成部分,和PC的CPU ...
yolov5搭建环境_YOLOv5从入门到部署之：训练私有数据并修改模型
1 环境部署 YOLOv5是基于pytorch实现的, 需要的运行环境已经在requirements.txt文件里面列出. # base ------------------------------- ...
【网络爬虫入门01】应用Requests和BeautifulSoup联手打造的第一条网络爬虫
[网络爬虫入门01]应用Requests和BeautifulSoup联手打造的第一条网络爬虫广东职业技术学院欧浩源 2017-10-14 1.引言在数据量爆发式增长的大数据时代,网络与用户的沟 ...
docker入门与部署微服务--学习笔记
最近公司进一步去windows,走向 linux+云化. 原来的一大坨windows虚拟机服务器都要转向linux, 既然走向linux的话,那么docker肯定是要涉足的. 故学习了docker入门 ...
数据库入门理论知识介绍以及编译安装MySql
数据库入门理论知识介绍以及编译安装MySql 作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 前言: 1.目前90%以上的公司面临的运维的瓶颈都在后端最常见的2大瓶颈就是: 1&g ...
EXTJS入门教程及其框架搭建
EXTJS是一个兼容AJAX的前台WEB UI的框架,在普通的HTML文件的 BODY 元素中无须写任何HTML代码,就能产生相应的表格等元素. 原创不易,转载请注明出处:EXTJS入门教程及其框架搭 ...
RocketMQ入门及部署
RocketMQ入门及部署 RocketMQ整体架构如上图所示,整体可以分成4个角色,分别是:Producer,Consumer,Broker以及NameServer: 1.NameServer 可 ...
Html快速入门之基本介绍
Html快速入门之基本介绍 1. Html快速入门之基本介绍 1.1 网页组成 1.2 浏览器内核 1.3 Web标准 1.4 Html概念 1.5 超文本的含义 1.6 Html骨架标签 1.7 H ...
机器学习入门 01 —— 机器学习概述
文章目录系列文章机器学习概述 1.1.人工智能概述 1 人工智能应用场景 2 人工智能小案例 3 人工智能发展必备三要素 4 人工智能.机器学习和深度学习 5 小结 1.2.人工智能发展历程 1. ...
Prometheus监控系统入门与部署
Prometheus监控系统入门与部署本文介绍新一代的监控系统 Prometheus,并指导用户如何一步一步搭建一个 Prometheus 系统. 什么是 Prometheus ? Promethe ...

最新文章

热门文章