上节课当中，使用TailwindCSS框架，快速布局出了一个对话的窗口，但是这个页面的内容是写死的，没法满足对话形式交互效果，所以，这节课我们需要借助另外一个JS库，来实现数据的动态显示。

这个JS库，叫做AlpineJS，可以简单理解为是一个mini版的VUE，有前端基础的同学，基本可以把VUE的用法，平移到AlpineJS上，简单浏览一下文档，就能快速上手。

代码示例

1、创建html，并导入alpinejs 

内容不可见，请联系管理员开通权限。

2、动态渲染数据 

内容不可见，请联系管理员开通权限。

3、提交问题，并尝试与后台交互 

内容不可见，请联系管理员开通权限。

到目前为止，已经完成了前端界面的页面布局，和数据的动态绑定。接下来，就可以借助Falsk，实现在网页中，去查询知识图谱的内容了。

本文链接：http://ichenhua.cn/edu/note/607

版权声明：本文为「陈华编程」原创课程讲义，请给与知识创作者起码的尊重，未经许可不得传播或转售！