vue-client
提供组件制作基础及部分通用组件。所有组件已经进行了全局注册,可直接使用。
第三方插件
* vue-strap:由于需要对vue-strap进行修改,在src目录下,导入了vue-stap源码,与vue-client源码同等处理。
* bootstrap:bootstrap源码,测试例子需要这些源码。OA等工程包含这些源码,不用复制。
目录结构
* androidtest: 手机模拟所需内容
* components: 提供的各种组件
* mixins: 方便调用的混合
* plugins: 系统提供的插件
* stores: 特殊的数据存储
* test: 单元测试基础
* util: 各类工具
全局内容
*
all:完成vue所有初始化工作。
* index.js:用于把相关模块对外公布,使用时,用
import { 模块名 } from 'vue-client'即可引入。公布的模块有:
- Selector
- TreeMixin
- PagedList
- SelectStore
- TreeList
- DataModel
- all
* client.less:自己扩充的基础样式,all里已经引入。
组件
*
AppBase:提供应用基础,包括对话框,发送请求时提示正在工作等。
*
Busy:显示正在工作组件。
*
HttpBusy:发送请求时,显示正在工作的组件。
*
MessageBox:显示提示框的组件。
*
Criteria:查询条件生成器。
*
List:列表显示数据组件。
*
DataGrid:数据表格组件。
*
Tree:显示树状列表的组件。
*
GridTree:表格树组件。
*
Pager:翻页组件。
*
CriteriaPaged:复合组件,带查询条件的翻页显示数据组件。
*
Route:路由组件,类似于浏览器里的一个页签。
*
Dynamic:动态页签组件。
*
FormPrint: 连续打印列表中的数据。
*
PrintFile: 折子打印的数据。
*
LoadParams: 获取后台资源服务参数。
*
PrintTable: 表格数据打印。
*
PrintElement: 标签元素内容数据打印。
*
ReportExcel: 报表导Excel。
*
ReportPrint: 报表打印。
*
ReportSave: 报表打印。
*
FileUpload: 文件上传
*
ExportExcel: 配合业务逻辑完成Excel的导出
*
ImgSelf: 自定义图片查看组件
*
Slide: 新产品弹出组件
*
CriteriaData: 查询条件并且去后台请求数据
*
Listener:修改触发onerror事件的错误并POST到restful的log中去
*
GaoPaiYi:提供高拍仪拍照上传功能的组件。
插件
*
MessageBox:提供提醒对话框显示功能。
*
HttpStore:提供后台http请求功能。
*
Partial:提供片段支持。
*
Route:提供路由功能。
*
GetParams:提供获取指定参数的功能。
混合
*
Selector:对选择提供支持。
*
TreeMixin:对树的操作提供支持。
stores
*
SelectStore:对选中的数据进行存储。
*
PagedList:提供分页列表数据处理。
*
TreeList:提供树数据处理。
*
DataModel: 提供一般数据处理。
*
AppData:提供存储从资源服务中获取到的参数。
测试
所有组件均可单独测试,每个测试例子按如下目录结构组织
examples
>List
>>index.html
>>main.js
>>App.vue
>>辅助组件.vue
通过List.html进行访问
测试例子
* Partial:
对Partial进行测试,测试Partial的各种组合能力。
* Busy:
测试Busy组件。通过按钮,测试Busy状态。
* MessageBox:
对MessageBox进行测试,按下确定,或者取消按钮后,显示按下的按钮。
* HttpStore:
对HttpStore进行测试,按钮按下后,发送错误请求,在控制台显示请求结果。
* AppBase:
对AppBase进行测试,发送错误请求,弹出错误对话框。
* Criteria:
对查询条件组件进行测试,点击查询,显示产生的条件。
* List:
对List进行测试,用程序产生10000条数据,测试List组件性能。
* DataGrid:
对数据表格进行测试,不从后台获取数据,直接显示给定数据。
* Tree:
对树进行测试,不从后台获取数据,直接显示给定数据。
* GridTree:
对表格树进行测试,不从后台获取数据,直接显示给定数据。
* Pager:
对翻页组件进行测试,不从后台获取数据,直接显示给定数据。
* PagedList:
对PagedList模型进行测试,包括与 List, Tree, DataGrid, GridTree 等组件的结合。
* CriteriaPaged:
对带查询条件的翻页列表进行测试,从后台获取数据,每条数据可以删除。列表部分包括:List, Tree, DataGrid, GridTree
* DataForm:对表单进行完整测试,表单不需要组件。内容有:
- 可以把数据提交后台,提交后台的数据可以通过左边的查询分页组件进行查询。
- 查询出来的数据,当选中时,可以删除。
- 左边查询分页组件支持:DataGrid, GridTree。不同查询组件放在tab页中。
- 表单组件的输入数据可以进行校验。
* Layout:对基于弹性盒模型的布局进行测试。
* Report: 对报表进行测试。
* PrintFile:
对折子打印进行测试,从后台获取数据,打印到折子上。
* PrintData:
打印组件,查询界面做打印时使用
* PrintTable:
对表格连续打印进行测试,从后台获取数据。
* ReportExcel:
对报表导出未Excel、报表打印进行测试和报表保存进行测试,不从后台获取数据,直接从界面根据传入的id获取导出的内容。
* VSelect:
对从后台获取参数和下拉选择进行测试,从后台获取到多有的参数,通过插件提供的功能获取到指定的内容,并显示的下拉选项中。
* ExportExcel:
对文件上传和导Excel进行测试,导Excel分为导出指定字段和全部字段,
* ImgSelf:
可以单击图片全屏查看,并且提供放大缩小,旋转等功能
* Slide:
正常情况下隐藏,当isOpen为true时,自动从边界滑出
* CriteriaData:
对根据查询条件取后台取数据组件进行测试,点击查询,显示产生的条件,并且去后台请求数据
* Listener
修改触发onerror事件的错误并POST到restful的log中去
版本发布
运行npm run release发布版本。