首页 文章

如何从电子应用程序中构建vue视图以作为插件安装

提问于
浏览
0

我正在编写一个以电子形式运行的报告应用程序 . 报告意味着我有一个数据源,用户可以编写视图,以他们喜欢的方式排列数据,因此可以打印出来或以PDF格式存档 .

假设有一份学生数据列表以及课程成绩 . 通过回收应用程序,您可以创建一个报表,其中包含每个课程的名称和成绩的数据表 . 所以你最终得到成绩报告 . 其他人只想要名字和地址,另一个人想为每个学生创建一张图书馆卡片 . 结合Vue的HTML和CSS为编写这些东西奠定了坚实的基础 .

简单的部分是从数据库中获取数据并提供json作为视图的数据源 . 困难的部分是如何让用户将他们的报告添加到应用程序 . 在开发模式下,我可以添加视图到目录,导入它们并将数据呈现为应用程序的一部分 . 但是我在构建时可以看到我的观点 . 一旦我构建并发布了 生产环境 应用程序,它就不在我手中,用户无法再将其视图添加到应用程序,因为它们不会重建应用程序 . 他们只想指向一个目录,添加他们的视图并使用它们 .

我决定使用单个文件组件,因为它们允许用户简单地添加计算,并且可能使用哈巴狗等来保持简单 . 此外,我可以直接存储有关组件的数据(如报告名称,部门等)

据我所知,我需要以编程方式构建这些视图并动态加载它们 .

所以我的问题是:

  • 如何从没有用户生成文件的先验知识的 生产环境 应用程序中动态构建和装载单个文件组件(.vue)?

  • 我是否需要构建这些组件,或者是否有办法利用板载工具来读取和呈现这些组件?

  • 有没有更好的方式来提供这些文件?

更多信息:安全性不是问题 . 因此加载用户创建的视图是可以的 . 它需要在电子工作 . 我确实有一个用Ruby编写的基于服务器的应用程序做同样的事情,但服务器很快就会消失,所以它必须是基于客户端和可执行的 . 我无法在客户端PC上安装节点,因此他们可以构建自己的应用程序并通过热重新加载包含自己的视图 .

如果您对报告应用程序感兴趣,那么JS中有一个但基于服务器:https://jsreport.net/或我的,基于ruby:https://github.com/hmt/sahib

1 回答

  • 0

    您可以查看目录并响应要添加的新文件 . 那是你问题的动态部分 . 一个很好的方法是node-fs .

    使用相同的lib,您可以将对象序列化和反序列化为文件,从而可以从用户加载文件 .

    此时,您只需要能够从对象来回更改为Vue组件 . 据我所知,这是没有问题的

    new Vue (object)
    

相关问题