Web开发

首页 » 常识 » 常识 » BeetleX使用bootstrap5开
TUhjnbcbe - 2021/4/2 14:02:00

在早期版本BeetleX.WebFamily只提供了vuejs+element的集成,由于element只适合PC管理应用开发相对于移动应用适配则没这么方便。在新版本组件集成了bootstrap5可以更好地适配移动Web应用;同时也集成了Fontawesome和bootstrapIcons,这样在开发过程中使用字体图标就更方便了。

在开发时以上组件并不会打包到一起,而是根据实际需要选择element或bootstrap作为当前应用的样式主题,而基础开发框架还是基于vuejs,ajax数据交互则使用axios。

使用

在使用之前还是选了解一下BeetleX.WebFamily是如何开发SPA应用,并有那些基础功能BeetleX.WebFamily针对WebSPA应用的改进。第一步使用vs或vscode创建控台项目,引用BeetleX.WebFamily后在main方法中添加以下代码:

classProgram{staticvoidMain(string[]args){WebHosthost=newWebHost();host.RegisterControllerProgram().Setting(o={o.SetDebug();o.Port=80;o.LogLevel=EventArgs.LogType.Info;o.LogToConsole=true;}).UseFontawesome()//加入Fontawesome.UseBootstrap(PageStyle.Bootstrap)//设置使用bootstrap.Initialize((

1
查看完整版本: BeetleX使用bootstrap5开