项目简介

积木(block)系统旨在为开发者、运营提供一套模块化开发、可视化页面搭建的解决方案。目的是尽可能的解放前端生产力，提高页面模块的复用率，并且充分赋予运营人员根据自身需要搭建、维护、发布页面的能力。

bms-web为积木系统的UI端项目，服务端(bms-server)项目尚未开放，并且，对于前端开发者进行页面模块开发的工具尚未开发完成，等后续开发完成以后会一并公开

备注： 积木系统在我们公司已经上线，上线3个月，生产了300多个页面，近期在跟公司老板商量开源事宜，期待能帮助到更多的人

特点

• 使用vue框架，告别琐碎操作dom的时代
• 使用ts框架，拥抱强类型时代
• 面向对象，面向接口编程，使得项目业务逻辑更清晰，扩展更好，维护更方便
• 加入依赖注入，使得功能依赖于接口，而不依赖于实现，扩展，维护更好
• webpack构建，紧跟前端模块化、组件化进程

项目结构简介

|-common 存放项目公用代码
|-components 存放项目公用组件
|-entry 各个页面的入口文件，webpack编译入口
|-interface 存放接口文件目录
|-models 存放业务实体目录
|-services 各个api接口服务
|-views 存放各个页面

运行项目

安装依赖

npm/cnpm install

修改bms-web项目某些地方

• 找到文件 /src/scripts/views/design/index.html，将html中的iframe标签的src="/design/action"修改为/design.html，否则页面搭建的模板读取的是部署到线上的模板，本地无法进行页面的搭建

开发

npm run dev

发布编译

npm run build

运行build以后的项目

npm run serve

其他

• bms-web起来以后，本地看到的页面，数据即为线上的数据，因为api接口是代理到线上的
• 项目并未开发完成，各页面相关一些表单数据必填项并未做简单校验，所以体验的时候，尽可能的把必填项写全
• 线上体验网站积木系统
• 积木系统各页面简介，请点击查看
• 欢迎大家一起探讨跟指点，QQ:415026798