一个问卷系统课设（前端Vue+Element-ui+form-generator，后端SpringBoot+MyBatisPlus）

落日映苍穹つ 2022-10-07 05:58 4阅读 0赞

### 问卷系统（前端Vue+Element-ui+form-generator，后端SpringBoot+MyBatisPlus） ###

*   *  1.主要功能：
     *  2.实现效果图如下：
     *   *  2.1 用户登录
         *  2.2 个人问卷列表：
         *  2.3 新建和编辑问卷：
         *  2.4 发布问卷：
         *  2.5 填写问卷：
         *  2.6 查看问卷答题结果：
         *  2.7 结果导出为excel：
         *  2.8 查看问卷状态：
         *  2.9 问卷回收站：
         *  2.10 问卷搜索：
     *  3. 代码下载位置：

花了十几天做一个小作业，终于完成啦！（第一次做项目特别是前端代码写的不太规范。。）

*  该项目是在开源项目form-generator的基础上实现的。https://gitee.com/mrhj/form-generator
 *  问卷的显示以及编辑的设计参考t-duck。https://gitee.com/TDuckApp

## 1.主要功能： ##

*  **用户登录**
 *  **个人问卷列表**：显示当前登录用户的所有问卷，并通过分页展示
 *  **新建问卷**：生成问卷唯一 projectKey，并进入编辑问卷页面。
 *  **编辑问卷**：通过点击组件或拖拉组件可实现组件的添加。
 *  **发布问卷**：点击发布问卷后，生成问卷的填写链接。
 *  **查看问卷答题结果**：显示问卷的序号和填写时间。
 *  **填写问卷**：通过发布问卷生成的填写链接访问，填写完点提交。
 *  **问卷结果导出为 Excel 表**：点击导出，生成 excel 表下载
 *  **问卷的状态**： 问卷有三个状态，包括未发布，收集中，已结束三个状态，对应主  
    页的操作不同。对应操作如下
    
     *  未发布的问卷：发布、删除
     *  收集中的问卷：填写、停止、统计
     *  已结束的问卷：统计、删除
 *  **问卷回收站**：显示已删除的问卷，可点击恢复使问卷恢复到未删除。
 *  **搜索问卷**：根据问卷标题模糊搜索问卷标题。

## 2.实现效果图如下： ##

### 2.1 用户登录 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70]

### 2.2 个人问卷列表： ###

显示当前登录用户的所有问卷，并通过分页展示

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 1]![在这里插入图片描述][20210616160128954.png]

### 2.3 新建和编辑问卷： ###

生成问卷唯一projectKey，并进入编辑问卷页面。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 2]

### 2.4 发布问卷： ###

点击发布问卷后，生成问卷的填写链接。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 3]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 4]

### 2.5 填写问卷： ###

通过发布问卷生成的填写链接访问，填写完成点击提交

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 5]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 6]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 7]

### 2.6 查看问卷答题结果： ###

点击统计或者查看反馈，显示问卷的序号和填写时间  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 8]

### 2.7 结果导出为excel： ###

点击导出，生成excel表下载  
![在这里插入图片描述][20210616162027804.png]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 9]

### 2.8 查看问卷状态： ###

当鼠标移到对应状态的问卷时，显示其可实现的操作。  
问卷的状态： 问卷有三个状态，包括未发布，收集中，已结束三个状态，对应主页的操作不同。对应操作如下  
·（蓝色logo）未发布的问卷：发布、删除  
·（绿色logo）收集中的问卷：填写、停止、统计  
·（棕色logo）已结束的问卷：统计、删除  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 10]未发布：  
![在这里插入图片描述][2021061616225544.png]

收集中：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 11]  
已完成：  
![在这里插入图片描述][20210616162308976.png]

*  点击停止，将《关于大学生选修课的选课情况调查》的问卷改为已完成：  
    ![在这里插入图片描述][20210616162433760.png]
 *  点击删除，删除该问卷。（主页上该问卷已消失）  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 12]

### 2.9 问卷回收站： ###

显示已删除的问卷，可点击恢复使问卷恢复到未删除状态。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 13]点击恢复可移出回收站，在主页显示。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 14]

### 2.10 问卷搜索： ###

根据问卷标题模糊匹配问卷  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 15]点击后  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 16]

## 3. 代码下载位置： ##

https://gitee.com/moveson/send-out-questionnaire  
（给俺点赞嘎嘎）

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70]: /images/20221005/36e1676701434d36be8e91a25f1cc1ed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210616160115168.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg==,size_16,color_FFFFFF,t_70
[20210616160128954.png]: /images/20221005/7271639969e342098760dc5128aa2408.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 2]: /images/20221005/c5f54bbb403e4d97b4e8111ecbb4babb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20210616161247562.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 4]: /images/20221005/6de84f5194a04157b56a07b077f508b6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20210616161403852.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20210616161503848.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 7]: /images/20221005/0fa443d5d0604f2fb42d38b0a7296fd5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 8]: /images/20221005/385ec0e2d83a4b28921eb2059ceed1d6.png
[20210616162027804.png]: https://img-blog.csdnimg.cn/20210616162027804.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 9]: /images/20221005/3210e58f48094e56b094e9a519a34ac1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 10]: /images/20221005/6471b1e266914ef9a933e8f45951d01b.png
[2021061616225544.png]: /images/20221005/3313bcc97e764d72b201e577954bcf25.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 11]: /images/20221005/b0f7ca5ce7c642f1ae036a7b1ee4a1c6.png
[20210616162308976.png]: /images/20221005/db0ba9529744497d976cd92fecd44cb9.png
[20210616162433760.png]: /images/20221005/cd6e2098adf14cce9a2b217e8b71996b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 12]: /images/20221005/ca739ba3533c4e7a91a7f2eac7dfc259.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 13]: /images/20221005/13fb9e2ecf37427485bd31f1d578f1f0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 14]: /images/20221005/d91258b1cd41499ea32ab088d1d7e2c2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 15]: /images/20221005/3f394fff3f354e61884d5faa15a642d6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1MjczNg_size_16_color_FFFFFF_t_70 16]: /images/20221005/e5047f50091248acb575ecc7caa9ee6e.png