初探Extjs hello word的输出

柔光的暖阳◎ 2023-05-30 06:24 36阅读 0赞

Extjs 技术是一个 开发企业级工具的快捷技术。 里面内置了各种UI组件，大大减少了开发中css的耗时。

今天我们开始试试 这个Extjs

首先从官网上下载了![20191108085944689.png][]

链接：https://pan.baidu.com/s/1SXXLjq9fkIfJdCVvLoJTOg  
提取码：xirg

代码结构如下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTM5ODg5_size_16_color_FFFFFF_t_70][]

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
        
        <link rel="stylesheet" type="text/css" href="ext-4.2.1.883/resources/css/ext-all.css" />
        
        <script type="text/javascript" src="ext-4.2.1.883/bootstrap.js"></script>
        
        <script type="text/javascript" src="ext-4.2.1.883/locale/ext-lang-zh_CN.js"></script>
        <script type="text/javascript">
            
    
            Ext.onReady(function(){
                Ext.MessageBox.alert('HelloWord','HelloWorld');
            });
    
        </script>
        <title>Test</title> 
    </head>
    
    <body style="margin:10px">
    </body>
    </html>

运行结果，我们可以看出来 比一般的html jsp 的弹框更加的美化，用户体验相对良好

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTM5ODg5_size_16_color_FFFFFF_t_70 1][]

[20191108085944689.png]: https://img-blog.csdnimg.cn/20191108085944689.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTM5ODg5_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191108090550748.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTM5ODg5,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTM5ODg5_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191108090911559.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTM5ODg5,size_16,color_FFFFFF,t_70