ExtJs6 Desktop Demo 修改测试

Posted 2020-06-19 领尚

一直用Extjs4， extjs6 的变化较大，这几天有兴趣研究一下，把自带的Demo的desktop做了些修改，

1.首先下载安装sencha cmd  

2.然后  需要生成新项目 用sencha cmd 命令如下：

sencha -sdk E:\\ext-6.0.0 generate app linbdesktop e:\\linbdesktop

其中 E:\\ext-6.0.0  是网上下载的 extjs6 后面是项目名称和存放位置

3.把extjs自带的examples中的desktop目录复制到新建的项目位置（ e:\\linbdesktop）

4.把e:\\linbdesktop 设置为iis虚拟目录

5. 浏览器中测试 http://localhost/linbdesktop

6.如果能看到Demo的desktop说明项目环境已配置成功，接下来就可以自己去修改，增加项目文件了

参照ext4的积累，主要修改了如下几点：

（1）. 修改提示宽度不能自适应问题
（2）. 增加桌面图标自适应换行
（3）. 增加桌面图标拖动
（4）. 解决桌面图标拖动后闪屏问题
（5）. 桌面背景默认拉伸
（6）. 增加中文支持文件
（7）. 任务栏背景色
（8）. 开始菜单多级菜单
（9）. 登录窗口

项目修改好后，可以打包发布了

在dos命令窗口，进入项目目录 输入命令：sencha app build production 即可看到启动打包过程，完成后，复制build的项目到发布网站即可

csdn下载中已打包的资源：http://download.csdn.net/detail/olinbsoft/9454446

demo: http://demo.linbsoft.com/ext6desktop/