Vue-问卷调查系统技术文档

Vue-问卷调查系统技术文档

vue-questionnaire 使用 Vue + CI 开发的简易问卷调查系统，演示账户：admin / admin 项目地址: https://gitcode.com/gh_mirrors/vu/vue-questionnaire

---

安装与启动指南

前提条件

确保您的开发环境中已安装Node.js和npm。若未安装，请访问Node.js官网下载并安装最新版。

安装步骤

1. 克隆项目
   在终端中，使用Git克隆项目仓库到本地：

   git clone https://github.com/52admln/vue-questionnaire.git
   

2. 进入项目目录
   切换到项目根目录：

   cd vue-questionnaire/front-end/
   

3. 安装依赖
   使用npm安装项目所需的所有依赖：

   npm install
   

启动开发服务器

执行以下命令，启动带热重载的开发服务器，默认端口为8080。

npm run dev

此时，您可以在浏览器中访问http://localhost:8080查看运行效果。

生产环境部署

在准备将应用部署至生产环境前，需先构建项目：

npm run build

生成的静态文件位于dist目录中，将其部署到任何静态文件服务器即可。

---

项目使用说明

创建与管理问卷

• 登录管理系统，利用界面提供的功能新建问卷，填写问卷的基本信息，包括题目和选项。
• 可以预览问卷，检查无误后设定问卷的起止时间，并发布。

用户管理

• 支持Excel文件批量导入用户列表，便于大规模调研。
• 提供用户增删查改功能，简化管理流程。

数据统计与分析

• 完成问卷收集后，系统提供结果统计，包括各问题的答案分布情况。
• 可视化展示样例数据，帮助快速理解用户反馈。

---

API使用文档

项目中的API请求默认指向/api路径，具体调用方式需参考/src/config/index.js内的baseURL配置。对于后台接口的自定义实现，请参照接口文档或直接在CI框架中调整数据库查询与业务逻辑。

示例：获取问卷列表

前端通常通过axios调用类似/api/questionnaires的接口来获取问卷列表，实际URL需根据baseURL确定。

---

数据库与后台配置

• 数据库初始化：使用SQL脚本api/database.sql导入数据库初始结构。
• 后台环境设置：CI框架的具体配置（例如数据库连接字符串）应按照框架文档调整，并确保与前端的baseURL一致，支持API通讯。

---

结语

本技术文档旨在帮助开发者快速理解和使用Vue-问卷调查系统。由于项目已暂停维护，请在实际应用中考虑其可持续性，必要时探索typeScript版本以获得更好的技术支持和发展潜力。在使用过程中遇到问题，可通过修改源码或寻求社区帮助来解决。

vue-questionnaire 使用 Vue + CI 开发的简易问卷调查系统，演示账户：admin / admin 项目地址: https://gitcode.com/gh_mirrors/vu/vue-questionnaire