https://github.com/ljcheibao/bms-web
typescript+vue开发的积木(可视化页面搭建)系统的UI端项目
https://github.com/ljcheibao/bms-web
cms frontend javascript management service system typescript vue webpack
Last synced: 10 months ago
JSON representation
typescript+vue开发的积木(可视化页面搭建)系统的UI端项目
- Host: GitHub
- URL: https://github.com/ljcheibao/bms-web
- Owner: ljcheibao
- License: mit
- Created: 2018-06-24T14:58:22.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2019-10-30T22:39:42.000Z (over 6 years ago)
- Last Synced: 2025-04-23T21:38:13.025Z (about 1 year ago)
- Topics: cms, frontend, javascript, management, service, system, typescript, vue, webpack
- Language: TypeScript
- Homepage:
- Size: 2.31 MB
- Stars: 49
- Watchers: 2
- Forks: 14
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### 项目简介
积木(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接口是代理到线上的
- 项目并未开发完成，各页面相关一些表单数据必填项并未做简单校验，所以体验的时候，尽可能的把必填项写全
- 线上体验网站[积木系统](http://www.51qututu.com)
- **积木系统各页面简介，请**[点击查看](https://github.com/ljcheibao/bms-web/blob/master/docs/introduce.md)
- 欢迎大家一起探讨跟指点，QQ:415026798