【亲测免费】 Vue 问卷调查系统安装与配置指南

1. 项目基础介绍和主要编程语言

Vue 问卷调查系统是一个基于 Vue.js 和 CodeIgniter (CI) 框架开发的简易问卷调查系统。该项目旨在提供一个易于使用的问卷管理平台，支持创建、编辑、删除问卷，以及查看问卷结果等功能。主要编程语言包括 JavaScript（用于前端开发）和 PHP（用于后端开发）。

2. 项目使用的关键技术和框架

前端技术

• Vue.js: 用于构建用户界面的渐进式 JavaScript 框架。
• Axios: 用于进行 HTTP 请求的 JavaScript 库。
• iView: 一个基于 Vue.js 的 UI 组件库，提供丰富的 UI 组件。
• ECharts: 用于数据可视化的图表库。

后端技术

• CodeIgniter (CI): 一个轻量级的 PHP 框架，用于快速开发 Web 应用程序。
• PHP: 用于处理服务器端逻辑的编程语言。

3. 项目安装和配置的准备工作和详细安装步骤

准备工作

1. 安装 Node.js 和 npm: 确保你的系统上已经安装了 Node.js 和 npm。你可以通过访问 Node.js 官网 下载并安装最新版本。
2. 安装 PHP 和 Composer: 确保你的系统上已经安装了 PHP 和 Composer。你可以通过访问 PHP 官网 和 Composer 官网 下载并安装。
3. 安装 MySQL: 确保你的系统上已经安装了 MySQL 数据库。你可以通过访问 MySQL 官网 下载并安装。

详细安装步骤

1. 克隆项目

首先，从 GitHub 克隆项目到本地：

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

2. 安装前端依赖

进入前端目录并安装依赖：

cd front-end
npm install

3. 配置前端开发环境

在 front-end 目录下，编辑 config/index.js 文件，配置 proxyTable 以解决 API 请求问题。根据你的本地 PHP 环境配置相应的代理地址。

4. 启动前端开发服务器

运行以下命令启动前端开发服务器：

npm run dev

服务器启动后，访问 http://localhost:8080 即可查看前端页面。

5. 配置后端环境

进入后端目录并安装依赖：

cd ../api
composer install

6. 导入数据库

在 api 目录下，找到 database.sql 文件，并将其导入到你的 MySQL 数据库中。

7. 配置数据库连接

编辑 api/application/config/database.php 文件，配置数据库连接信息，包括数据库主机、用户名、密码和数据库名称。

8. 启动后端服务器

使用 PHP 内置服务器启动后端服务：

php -S localhost:8000

服务器启动后，访问 http://localhost:8000 即可查看后端接口。

9. 配置前端 API 请求地址

在 front-end/src/config/index.js 文件中，配置 baseURL 为后端服务器的地址，例如 http://localhost:8000。

完成安装

至此，Vue 问卷调查系统的前后端已经配置完成。你可以通过访问前端页面进行问卷的创建、编辑和管理。

---

通过以上步骤，你可以顺利安装并配置 Vue 问卷调查系统，开始使用这个简易的问卷管理平台。