# cwind

**Repository Path**: cj6209577/cwind

## Basic Information

- **Project Name**: cwind
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-01-14
- **Last Updated**: 2023-06-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# cwind

[![Build Status](https://travis-ci.org/cj620/cj-ui.svg?branch=master)](https://travis-ci.org/cj620/cj-ui)
![](https://img.shields.io/badge/language-JavaScript-yellow.svg)
![](https://img.shields.io/badge/license-MIT-000000.svg)

cwind 是一个基于 Vue2.0、element-ui 的后台解决方案，目标是为开发中大型项目提供快速、便捷、易维护的解决方案。包括二次封装的表格、编辑表格、表单、常用的工具函数。

demo： [演示地址](http://cj6209577.gitee.io/cwind-demo)

## 关于 cwind

:::warning
cwind 目前只作为个人技术积累总结和已开发项目的使用
:::
cwind 是从日常工作中积累出来的一系列工具，并且已经基于它开发了三套完整的中型项目。相比于单纯使用 element-ui 开发，从开发速度、规范、维护上节省了很大部分的精力。缺点是经过一系列的封装和优化，使用场景更偏向于我目前工作对项目的需求，并且写法上也有一定的使用成本。

## 部分组件的实现思路

**表格**

- 写法优化，通过预设配置来遍历渲染表格，不再需要手写大量的 html 结构。
- 打印功能，包括模板自定义拖拽、多张套打、批量预览、图片二维码、等等功能
- 集成多格式的导入、导出功能
- 表格布局自定义，可通过用户自定义调整表格列的展示顺序，表格尺寸。
- 集成表单，与表单开发配置方式相同，并且自动将参数集成到表格查询接口中。且可通过侧边栏设置整体的表单参数，也可以使用表头的搜索按钮设置单项的表格参数。
- 自动分页，自动混入分页参数和展示分页器组件
- 接口托管，自动查询表格数据，不需要手动调取接口赋值。
- 内置组件，内部提供例如跳转链接、图片等组件，配置妥当后，不需要再拼接地址等操作.(可通过函数添加自定义组件)
- 内置丰富且开放的数据处理函数，例如展示金额、数量、时间等等，另外可以自定义数据处理函数
- 自定插槽，开放自定义组件展示
- 丰富的功能 api
- ···

**编辑表格**

- 集成以上表格的大部分功能
- 键盘导航，可通过方向键、回车、shift 移动单元格聚焦进行编辑
- 集成表单，单元格内的可以使用表单的配置方式，书写方式类似。
- 数据校验，可以通过自定义规则进行校验
- 丰富的功能 api
- ···

**表单**

- 写法优化，通过预设配置来遍历渲染表单，不再需要手写大量的 html 结构。
- 自定义插槽
- 表单校验
- 布局自定义
- 丰富的内置组件
- 丰富的功能 api
- ···

···

## 联系方式

邮箱：cj6209577@sina.com