WebApp【公共组件库】@前端(For Git Submodule)
Tevin
2025-03-13 a6378a4ecdc99fc8b2193adf193bcac98ddf05f5
知识库文档,根据 cursor 特点再次调整目录结构
2 files added
5 files renamed
114 ■■■■ changed files
_cursor.ai/101-工程介绍.md 68 ●●●● patch | view | raw | blame | history
_cursor.ai/102-开发规范.md patch | view | raw | blame | history
_cursor.ai/201-请求层基类Fetcher.md patch | view | raw | blame | history
_cursor.ai/202-数据控制层基类Pilot.md patch | view | raw | blame | history
_cursor.ai/210-公共工具箱Tools.md patch | view | raw | blame | history
_cursor.ai/301-公共表单组件.md 46 ●●●●● patch | view | raw | blame | history
_cursor.ai/rules/rules01.technologyStack.md patch | view | raw | blame | history
_cursor.ai/101-工程介绍.md
File was renamed from _docs/101-工程介绍.md
@@ -22,10 +22,10 @@
## 技术栈
*   语法框架:Vue(v2.5.0)
*   工程框架:Taro(v3.2.13)
*   显示框架:Taro-UI-Vue(v1.0.0-beta.10)
*   样式:Sass
- 语法框架:Vue(v2.5.0)
- 工程框架:Taro(v3.2.13)
- 显示框架:Taro-UI-Vue(v1.0.0-beta.10)
- 样式:Sass
说明:使用时,优先使用公共组件库的组件,其次是 Taro-UI-Vue 的组件,最后才是 Taro 本身的基础组件
@@ -33,31 +33,31 @@
工程主要目录及其用途
*   root/(根目录)
    -   public/(静态资源目录)
    -   src/(开发源码目录)
        -   components/(公共组件目录)
            -   bases/(公共基类目录)
            -   common/(公共库目录)
            -   forms/(公共表单组件目录)
            -   layout/(公共排版组件目录)
            -   plugins/(公共插件目录)
        -   fetchers/(请求层目录)
            -   FName.js(请求集)
        -   pages/(界面层目录)
            -   pageGroup/(界面层分组目录)
                -   pageName/(界面层单页目录)
                    -   cmpt/(界面子组件目录)
                        -   CName.vue(子组件)
                        -   cName.scss(子组件样式)
                    -   page.vue(界面)
                    -   page.scss(界面样式)
        -   pilots/(数据控制层目录)
            -   _overall/(全局数据控制目录)
            -   pilotGroup/(数据控制层分组目录)
                -   mixin/(混合件目录)
                    -   MName.js(混合件)
                -   PName.js(数据控制器)
- root/(根目录)
    - public/(静态资源目录)
    - src/(开发源码目录)
        - components/(公共资源目录)
            - bases/(公共基类目录)
            - common/(公共工具目录)
            - forms/(公共表单组件目录)
            - layout/(公共排版组件目录)
            - plugins/(公共复杂组件目录)
        - fetchers/(请求层目录)
            - FName.js(请求集)
        - pages/(界面层目录)
            - pageGroup/(界面层分组目录)
                - pageName/(界面层单页目录)
                    - cmpt/(界面子组件目录)
                        - CName.vue(子组件)
                        - cName.scss(子组件样式)
                    - page.vue(界面)
                    - page.scss(界面样式)
        - pilots/(数据控制层目录)
            - _overall/(全局数据控制目录)
            - pilotGroup/(数据控制层分组目录)
                - mixin/(混合件目录)
                    - MName.js(混合件)
                - PName.js(数据控制器)
### 短路径映射
@@ -77,11 +77,11 @@
当我们说业务页面的时候,则是由**界面层**和**数据控制层**两部分组成  
同时页面层有子组件,数据层关联请求层,结构如下
*   业务页面:
    -   界面层(root/src/pages/pageGroup/pageName/page.vue)
        -   界面子组件(root/src/pages/pageGroup/pageName/cmpt/CName.vue)
    -   数据控制层(root/src/pilots/pilotsGroup/PName.js)
        -   请求层(root/src/fetchers/FName.js)
- 业务页面:
    - 界面层(root/src/pages/pageGroup/pageName/page.vue)
        - 界面子组件(root/src/pages/pageGroup/pageName/cmpt/CName.vue)
    - 数据控制层(root/src/pilots/pilotsGroup/PName.js)
        - 请求层(root/src/fetchers/FName.js)
### 界面层和数据控制层的拆分
_cursor.ai/102-开发规范.md
_cursor.ai/201-请求层基类Fetcher.md
_cursor.ai/202-数据控制层基类Pilot.md
_cursor.ai/210-公共工具箱Tools.md
_cursor.ai/301-公共表单组件.md
New file
@@ -0,0 +1,46 @@
# 公共表单组件
- [公共表单组件](#公共表单组件)
  - [组件列表](#组件列表)
    - [表单容器组件](#表单容器组件)
    - [基础输入组件](#基础输入组件)
    - [选择组件](#选择组件)
    - [开关组件](#开关组件)
    - [数值组件](#数值组件)
  - [表单项验证规则](#表单项验证规则)
  - [完整表单示例](#完整表单示例)
移动端表单组件库
## 组件列表
### 表单容器组件
- [CForm 表单组件](./forms/CForm.md)
- [CFormItem 表单项组件](./forms/CFormItem.md)
- [CFormSubmit 表单提交按钮组件](./forms/CFormSubmit.md)
- [CFormAgreement 表单协议组件](./forms/CFormAgreement.md)
### 基础输入组件
- [CInput 文本输入框组件](./forms/CInput.md)
- [CInputPhoneCode 手机验证码输入框组件](./forms/CInputPhoneCode.md)
- [CInputScanCode 扫码输入框组件](./forms/CInputScanCode.md)
- [CInputExpressCode 快递单号输入框组件](./forms/CInputExpressCode.md)
- [CTextArea 多行文本输入组件](./forms/CTextArea.md)
### 选择组件
- [CSelect 下拉选择组件](./forms/CSelect.md)
- [CJumpSelect 跳转选择组件](./forms/CJumpSelect.md)
- [CCheckBox 复选框组件](./forms/CCheckBox.md)
- [CDatePicker 日期选择组件](./forms/CDatePicker.md)
### 开关组件
- [CSwitch 开关组件](./forms/CSwitch.md)
- [CSwitchRadio 开关式单选组件](./forms/CSwitchRadio.md)
### 数值组件
- [CNumberStep 数字步进器组件](./forms/CNumberStep.md)
- [CNumberValve 数值滑块组件](./forms/CNumberValve.md)
## 表单项验证规则
## 完整表单示例
_cursor.ai/rules/rules01.technologyStack.md