要自定义AEM CRXDE查询小部件，可以按照以下步骤进行操作：

1. 打开CRXDE Lite：

   • 在浏览器中输入CRXDE Lite的URL（默认URL为http://localhost:4502/crx/de/index.jsp）并登录。

2. 创建一个新的查询小部件：

   • 导航到/apps目录下，创建一个新的文件夹，例如mywidgets。
   • 在mywidgets文件夹下创建一个新的文件夹，例如querywidget。
   • 在querywidget文件夹下创建一个新的文件夹，例如clientlibs。
   • 在clientlibs文件夹下创建一个新的文件夹，例如querywidget。

3. 创建一个新的HTML文件：

   • 在querywidget文件夹下创建一个新的HTML文件，例如querywidget.html。
   • 在querywidget.html中添加以下代码示例：

    
    
    


    
CRXDE Query Widget

    

        Enter Query:
        
        Search
    

    


    

4. 创建一个新的CSS文件（可选）：

   • 在querywidget文件夹下创建一个新的CSS文件，例如querywidget.css。
   • 在querywidget.css中添加自定义的CSS样式。

5. 创建一个新的ClientLibs文件：

   • 在querywidget文件夹下创建一个新的文件，例如querywidget.clientlib.js。
   • 在querywidget.clientlib.js中添加以下代码示例：

// #base=widgets
querywidget.js
querywidget.css

6. 部署自定义小部件：

   • 在querywidget文件夹上右键单击，选择Build Client Library。
   • 在/apps/mywidgets/querywidget/clientlibs/querywidget文件夹下将生成一个新的ClientLibs文件夹。

7. 添加自定义小部件到页面：

   • 导航到要添加小部件的页面。
   • 在页面的任何位置添加一个HTML标签，例如
     。

8. 添加客户端库到页面：

   • 在页面的头部或尾部添加以下代码示例：

9. 保存并刷新页面，即可看到自定义的CRXDE查询小部件。

请注意，上述代码示例仅提供了一个基本的CRXDE查询小部件示例，您可以根据自己的需求进行自定义和扩展。