---
# System prepended metadata

title: 使用 bootstrapStudio 开发遇到的问题

---

# 使用 bootstrapStudio 开发遇到的问题

## 前端使用问题
- 社区功能组件比较少，可以通过引入外部组件样式库来解决，但外部引入的组件库不能在 bootstrapStudio 里面拖拽布局，只能在代码里面在对应的位置手动添加 DOM 节点实现引入
- 外部引入的组件库和页面其他的组件样式不统一，整体显得不协调
- 自己去写相应的功能组件，可以拖拽，但是不具备状态，只能作展示用，比如 tab 切换不同的 tab index 只能在代码层面去写死，然后再去添加相关的内容节点
- 页面表单很多，写起来很繁琐，因为是自己开发的组件，不具有状态，不能拖拽生成表单项，在代码里去生硬的添加这些 form 节点很繁琐，可以通过 js 生成 DOM 的方式去改善
- 即使是通过GUI的方式设计原型，也需要代码层面的修改，这就要求产品除了具备需求分析的能力，还要具备UI设计和前端开发的能力，反而增加了泽扬那边的工作量和压力

## 产品使用问题
- 外部引入的元件，修改样式比较难
- 动态的UI交互很难实现，只能做简单的页面跳转这种
- 相对于axure提供的grid背景，元件的布局比较难把握和控制

## 整体感受
使用 bootstrapStudio 还是有很多的开发量，泽扬能给出的也只是页面的原型，大部分逻辑都是静态的不具备状态，而且自带的样式也比较简陋，离直接用这个页面结构去直接开发还很远，很多功能以及 UI 样式都需要从代码层面去实现，相当于基于产品的原型用 bootstrapStudio 和 jQuery 和 Bootstrap 重新开发，理论上也可以用其他的框架开发（通过页面引入其他js框架vue、react开发），使用 bootstrapStudio 的主要目的是想要拖拽布局生成代码，但是 bootstrapStudio 内部的组件不能满足大部分的需求，自己开发的组件又没有办法去保持组件的状态，所以基本上都是从代码层面重新开发这些东西，工作量基本没有减少。 

axure也可以导入很多外部的元件库，或者别人开发好的元件库，比如element UI, bootstrap 4.0的一些元件库。可以较快实现高保真原型的开发
