# questionnaire_web **Repository Path**: never-Giveup/questionnaire_web ## Basic Information - **Project Name**: questionnaire_web - **Description**: No description available - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2025-12-26 - **Last Updated**: 2026-02-11 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 离线版问卷 ## 💡 前言 某天在【掘金】看到低代码相关文章，结合自己开发过那么多的项目，系统集成 “表单”、“问卷”、”考试” 还是挺常见的，查阅了好多开源项目，都是独立的一个系统，很难集成到现有的项目中，于是我在想：为什么不能有一款【离线版问卷】，它提供 ”设计问卷页面“ ，也提供 “渲染问卷页面”，它只关心数据，不关心集成到哪个系统，不关心集成到哪个功能。 #### 亮点 1. 提供 “设计问卷” 页面 2. 提供 “填写问卷” 页面 3. 提供 “只读问卷” 页面 4. 提供 “简洁填写问卷” 页面 5. 提供 “简洁只读问卷” 页面 6. 数据安全，点击【提交】按钮后，提交回调函数由“宿主系统”提供 #### 场景 - 想开发一款【问卷系统】，不用从 0 开始去构建：控件模型、事件交互、逻辑解析、问卷渲染，拿来即用。 - 想开发一款【活动系统】，每个活动需要填写的 “报名信息” 不一样，引入【离线版问卷】，可进行动态配置填写字段。 #### 题外话 项目目前处于小孩子刚出生阶段，会有很多的需要待完善的点，各位大佬有意见和需求和项目不足点欢迎提出来(邮箱：wx.open@qq.com，也可加群进行交流)，我虚心学习请教。 生活中是卑微的打工人，社恐五颗星，大家口下留情，被业务折磨已经身心疲惫了。 祝大家：财源广进，金玉满堂，身体健康，笑口常开，吉祥如意乐无边！ 使用过程中遇到问题，需要进群可以邮箱联系我。
## 🎨 预览 [点击链接直达预览地址](http://wj.titongpaolu.com) ![设计页面](https://ice.frostsky.com/2024/09/13/b7987b8e01f2b9ec622aaab65dbc39a8.png)
## 🌈 技术栈 ``` vue3 ```
## 📦 仓库 [questionnaire_web](https://github.com/chenbz777/questionnaire_web)
## 💻 初始化 ```bash pnpm install ```
## 🚀 启动 ```bash pnpm dev ```
## 🛠️ 打包 ```bash pnpm build ```
## 🗂 目录结构 ``` . ├── README.md ├── index.html ├── package.json ├── public ├── src │ ├── App.vue │ ├── api │ ├── assets │ ├── components │ ├── hooks │ │ ├── useAnimate // 动画 │ │ ├── useDesign // 问卷设计 │ │ ├── useQuestionnaire // 问卷 │ │ │ ├── action.js // 解析动作函数 │ │ │ ├── common // 常用函数 │ │ │ ├── index.js │ │ │ ├── materielComponents // 控件源码 │ │ │ └── materielFactory // 控件模型 │ │ └── useGlobal // 全局 │ ├── main.js │ ├── router // 路由 │ ├── stores │ ├── styles // 全局样式 │ ├── utils // 工具集合 │ └── views │ ├── 404.vue │ ├── home.vue │ └── questionnaire │ ├── answer // 填答页面 │ ├── demo // 集成示例 │ ├── design // 设计页面 │ └── styles // 样式 └── vite.config.js ```
## ✨ 集成到系统方法 > 阅读 **docs** 文件夹
## 📌 许可协议 本项目基于 MIT 许可证开源，详情请参阅 [LICENSE](./LICENSE) 文件。
## 感谢 如果可以，来瓶快乐水 http://img.chenbz.com/wxCode.jpeg
## 🎨 展示 题型 ![题型](https://ice.frostsky.com/2024/09/07/76cbe06bece057e35164d96bcb42a153.png) 大纲 ![大纲](https://ice.frostsky.com/2024/09/07/41c077dd8be1669ea701299e8e95647a.png) 逻辑 ![逻辑](https://ice.frostsky.com/2024/09/07/1f0282d137bbc11da12edb5c6fb00221.png) 事件 ![事件](https://ice.frostsky.com/2024/09/07/599d02223ff0ded5bb744d4464229e8c.png) 检查 ![检查](https://ice.frostsky.com/2024/09/07/3c35bacbb4dd9bb5a1ee767967772a5c.png) 题库 ![题库](https://ice.frostsky.com/2024/09/07/5c8536d3b58a3de3907df477da857833.png) 皮肤 ![皮肤](https://ice.frostsky.com/2024/09/07/e01f7c3c24ae62ed63e7dbbce33e8a3c.png) 预览 ![预览](https://ice.frostsky.com/2024/09/07/e37e78575c73ec34f34c1cde35dbc27b.png)
## 🆕 更新 2024/9/12，新增【考试】、【模版库】功能 考试 ![考试](https://ice.frostsky.com/2024/09/13/ce5450424fbe5599ad2b28f9832e7d75.png) 模版库 ![模版库](https://ice.frostsky.com/2024/09/13/b20d0ce86fddd0b7c5d1017c89803a6a.png)
2024-9-14，新增【设计题目】页面，设计好的题目通过接口存储到数据库，后面可以慢慢形式“题库”的功能，集成方法已同步到上方“使用方法”
2024-12-12 更新日志 【题目】 - 新增小插件：答题卡、分类答题卡、题目标记、答题进度条 - 新增题型：问答、判断、选择填空、排序 - 新增“清空问卷”功能 - 优化“单选”、“多选”、“判断”、“选择填空”支持控制“清空按钮”和“全选按钮”显示控制 - 新增“问卷配置-问卷底部描述” - 开放题目“自定义标识” - “自增表格”新增支持：控制新增按钮、控制删除按钮、控制最大行数 【动作】 - 新增“滚动至指定题目”动作 - 支持“动作”自定义名称 - 支持表单“初始化完成事件”、“数据修改时事件”
2025-1-7 更新日志 【题目】 - 修复只读 bug - 重构问卷题目校验逻辑 - 新增实时校验错误提示 - 优化题目“标题”为“长文本输入框” - 新增“单选题”、“判断题”、“多选”、“选择填空”：支持选项乱序、每行选项个数 - 新增题目“编辑态配置”：可以设置组件的编辑态属性, 例如: 是否可删除、是否可复制、是否可拖拽
2025-3-24 更新日志 【题目】 - 修复动作引擎 bug - 修复“地址”控件校验 bug - 修复“手写签名”控件回显 bug - 新增 填写页“自定义底部按钮”功能 - 移除填写缓存功能，交由宿系统监听“questionnaireChange”事件进行完善 - 修复 填写页“标题”高度 bug
2025-4-27 更新日志 - 更改“多行输入框”默认配置 - 统一优化全局样式（内外间距、圆角、主题色值） - 提交数据新增字段“提交设备类型”、“提交设备系统”字段 - 优化打包体积 - 移除“题目标记“功能、移除“填写缓存”功能 交由宿系统自行实现 - 新增“自定义问卷底部按钮” - 新增集成文档，详情可见 **dosc** 文件夹
2025-9-26 更新日志 - 新增“身份证”、“手机号”、“日期时间” 控件 - 修复“矩阵评分”显示bug - 数据提交新增previewData字段 - 新增“字段值唯一”字段判断（用户收集报名信息很有必要，避免重复提交） - 问卷组件适配以“组件形式”调用 - 优化只读判断逻辑 - 简化侧边插件配置参数 - 重构IframeMessage封装