BeetleX之Vue ElementUI生成工具

BeetleX.WebFamily在新版本的功能中引入了一个全新的功能，通过这一功能可以大大节省UI的开发工作量。组件集成了一个图形化的UI编辑器，可以连接数据库对数据表或查询快速度生成编辑和数据查询的VUE组件。

UI编辑器基于ElementUI来制定，可以快速度生成基于ElementUI的数据编辑和数据查询组件；在数据编辑上还支持完整的数据验证配置等功能，从而通过编辑器即可以制定完整带验证功能的数据表单。

使用

通过Nuget引用WebFamily的最新版本，引用组件后在控制台的Main方法编写以下代码:

static void Main(string[] args)
{
    WebHost host = new WebHost();
    host.Setting(o =>
    {
        o.SetDebug();
        o.Port = 80;
        o.LogLevel = LogType.Info;
        o.LogToConsole = true;
    })
    .UseFontawesome()
    .UseElement(PageStyle.Element)
    .Initialize((http, vue, resoure) =>
    {
        vue.Debug();
    }).Run();
}

以上代码是在80端口开启一个HTTP服务，开启后访问得到一个组件生成的默认页面。