基于web的可定制数据填报平台

本是古典何须时尚 2021-09-30 08:12 316阅读 0赞

需求说明：

**基于web的**可定制数据填报平台**的功能分析**

**一、表单设计**

表项表  ：用户创建的一个表，表项名通过用户创建表单时传递过来，User id表明是那个用户的表单

<table style="margin-left:6.75pt;width:414.8pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:103.7pt;"> Id </td> 
 <td style="vertical-align:top;width:103.7pt;"> 表项表D </td> 
 <td style="vertical-align:top;width:103.7pt;"> 字段表id </td> 
 <td style="vertical-align:top;width:103.7pt;"> 字段名 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:103.7pt;"> 1 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 1 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 1 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 名一 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:103.7pt;"> 2 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 1 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 2 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 名二 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:103.7pt;"> 3 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 2 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 1 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 名111 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:103.7pt;"> 4 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 2 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 2 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 名222 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:103.7pt;"> 5 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 2 </td> 
 <td style="vertical-align:top;width:103.7pt;"> n </td> 
 <td style="vertical-align:top;width:103.7pt;"> 名n </td> 
 </tr> 
 </tbody> 
</table>

字段表：创建表单的字段库

表单表：一个表单的明细 ，说明创建一个表单中有哪些字段，字段名通过用户创建表单的时候传递过来

存放数据表，表项id指明那个表，字段id指明表里的那个字段，User id关联用户 ，为1则表示匿名用户，数据是网页填过来的数据，

<table style="margin-left:6.75pt;width:414.8pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:82.6pt;"> Id </td> 
 <td style="vertical-align:top;width:83.1pt;"> 表项id </td> 
 <td style="vertical-align:top;width:67.95pt;"> 字段表id </td> 
 <td style="vertical-align:top;width:106.3pt;"> User id(学号/工号) </td> 
 <td style="vertical-align:top;width:74.85pt;"> 数据 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:82.6pt;"> XXX </td> 
 <td style="vertical-align:top;width:83.1pt;"> 1 </td> 
 <td style="vertical-align:top;width:67.95pt;"> 1 </td> 
 <td style="vertical-align:top;width:106.3pt;"> XXXX </td> 
 <td style="vertical-align:top;width:74.85pt;"> 123 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:82.6pt;"> XXX </td> 
 <td style="vertical-align:top;width:83.1pt;"> 1 </td> 
 <td style="vertical-align:top;width:67.95pt;"> 2 </td> 
 <td style="vertical-align:top;width:106.3pt;"> XXXX </td> 
 <td style="vertical-align:top;width:74.85pt;"> 字符 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:82.6pt;"> XXX </td> 
 <td style="vertical-align:top;width:83.1pt;"> 2 </td> 
 <td style="vertical-align:top;width:67.95pt;"> 1 </td> 
 <td style="vertical-align:top;width:106.3pt;"> 1 </td> 
 <td style="vertical-align:top;width:74.85pt;"> XXX </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:82.6pt;"> XXX </td> 
 <td style="vertical-align:top;width:83.1pt;"> 2 </td> 
 <td style="vertical-align:top;width:67.95pt;"> 2 </td> 
 <td style="vertical-align:top;width:106.3pt;"> 1 </td> 
 <td style="vertical-align:top;width:74.85pt;"> XXX </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:82.6pt;"> XXXX </td> 
 <td style="vertical-align:top;width:83.1pt;"> 2 </td> 
 <td style="vertical-align:top;width:67.95pt;"> n </td> 
 <td style="vertical-align:top;width:106.3pt;"> 1 </td> 
 <td style="vertical-align:top;width:74.85pt;"> XXX </td> 
 </tr> 
 </tbody> 
</table>

**基本信息表：学生/教师信息表的id（学号/工号既为用户登录的User**** ****id**** ****密码为用户的登录密码，可设置初始密码）**

学生信息表

<table style="margin-left:6.75pt;width:414.8pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:79.7pt;"> Id（学号） </td> 
 <td style="vertical-align:top;width:55.35pt;"> 学生姓名 </td> 
 <td style="vertical-align:top;width:55.35pt;"> 学院 </td> 
 <td style="vertical-align:top;width:56.3pt;"> 专业 </td> 
 <td style="vertical-align:top;width:51.55pt;"> 年级 </td> 
 <td style="vertical-align:top;width:53.9pt;"> 班级 </td> 
 <td style="vertical-align:top;width:62.65pt;"> 密码 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:79.7pt;"> 1500310111 </td> 
 <td style="vertical-align:top;width:55.35pt;"> 1 </td> 
 <td style="vertical-align:top;width:55.35pt;"> 1 </td> 
 <td style="vertical-align:top;width:56.3pt;"> 名一 </td> 
 <td style="vertical-align:top;width:51.55pt;"> 15 </td> 
 <td style="vertical-align:top;width:53.9pt;"> 101 </td> 
 <td style="vertical-align:top;width:62.65pt;"> xxxxx </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:79.7pt;"> 1500310112 </td> 
 <td style="vertical-align:top;width:55.35pt;"> 1 </td> 
 <td style="vertical-align:top;width:55.35pt;"> 2 </td> 
 <td style="vertical-align:top;width:56.3pt;"> 名二 </td> 
 <td style="vertical-align:top;width:51.55pt;"> &nbsp; </td> 
 <td style="vertical-align:top;width:53.9pt;"> &nbsp; </td> 
 <td style="vertical-align:top;width:62.65pt;"> xxxxx </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:79.7pt;"> 1500310113 </td> 
 <td style="vertical-align:top;width:55.35pt;"> 2 </td> 
 <td style="vertical-align:top;width:55.35pt;"> 1 </td> 
 <td style="vertical-align:top;width:56.3pt;"> 名111 </td> 
 <td style="vertical-align:top;width:51.55pt;"> &nbsp; </td> 
 <td style="vertical-align:top;width:53.9pt;"> &nbsp; </td> 
 <td style="vertical-align:top;width:62.65pt;"> xxxxx </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:79.7pt;"> 1500310114 </td> 
 <td style="vertical-align:top;width:55.35pt;"> 2 </td> 
 <td style="vertical-align:top;width:55.35pt;"> 2 </td> 
 <td style="vertical-align:top;width:56.3pt;"> 名222 </td> 
 <td style="vertical-align:top;width:51.55pt;"> &nbsp; </td> 
 <td style="vertical-align:top;width:53.9pt;"> &nbsp; </td> 
 <td style="vertical-align:top;width:62.65pt;"> xxxxx </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:79.7pt;"> 1500310115 </td> 
 <td style="vertical-align:top;width:55.35pt;"> 2 </td> 
 <td style="vertical-align:top;width:55.35pt;"> n </td> 
 <td style="vertical-align:top;width:56.3pt;"> 名n </td> 
 <td style="vertical-align:top;width:51.55pt;"> &nbsp; </td> 
 <td style="vertical-align:top;width:53.9pt;"> &nbsp; </td> 
 <td style="vertical-align:top;width:62.65pt;"> xxxxx </td> 
 </tr> 
 </tbody> 
</table>

教师信息表

<table style="margin-left:6.75pt;width:414.8pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:103.7pt;"> Id（工号） </td> 
 <td style="vertical-align:top;width:103.7pt;"> 姓名 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 学院（单位） </td> 
 <td style="vertical-align:top;width:103.7pt;"> 密码 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:103.7pt;"> 1500310111 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 1 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 1 </td> 
 <td style="vertical-align:top;width:103.7pt;"> xxxxx </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:103.7pt;"> 1500310112 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 1 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 2 </td> 
 <td style="vertical-align:top;width:103.7pt;"> xxxxx </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:103.7pt;"> 1500310113 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 2 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 1 </td> 
 <td style="vertical-align:top;width:103.7pt;"> xxxxx </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:103.7pt;"> 1500310114 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 2 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 2 </td> 
 <td style="vertical-align:top;width:103.7pt;"> xxxxx </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:103.7pt;"> 1500310115 </td> 
 <td style="vertical-align:top;width:103.7pt;"> 2 </td> 
 <td style="vertical-align:top;width:103.7pt;"> n </td> 
 <td style="vertical-align:top;width:103.7pt;"> xxxxx </td> 
 </tr> 
 </tbody> 
</table>

**二、管理员**

1.  导入学生和老师的基本信息数据库。     
2.  可管理用户信息。                                 
3.  可在后台管理界面通过可视化图形进行统计、查看和导出网站登录情况、网站流量、报表填报情况等信息。
4.  管理员能通过学生/教师信息数据表导出师生信息（如学院，年级。。）关联收集数据信息的数据报表。

**三、用户**

1.  可实名登录。要与基本数据信息库进行校验。
2.  登录后可创建表单。（设置一些重要字段的填写规则）
3.  可以链接和二维码的方式发布表单，并设置发布表单链接和二维码的有效时间，用户可通过自己的设备分享表单链接或二维码。时间到期之后，表单链接和二维码就失效。
4.  可以对设置填写表单的规则

1.  可选择实名或匿名填写表单。实名填写表单要与基本信息数据库进行验证，实名填写要求用户先检验身份后才能填写和提交表单；匿名填写单用户无须检验身份。
2.  可限制学院、班级、或者年级等。\*（不是必须功能，能实现最好）
3.  可选择填写表单时是否限制设备或限制IP。\*
4.  允许保存填写者未提交的填写内容，可再次打开表单继续填写，提交后不可修改。\*

1.  登录后可管理个人信息。
    
    1.  查看用户基本信息。
    2.  修改登录密码。
2.  登录后管理个人表单。
    
    1.  可对自己创建的表单进行增删查改和下载导出。
    2.  可对表单里的数据记录进行增删查改。
    3.  可对单个表单的数据来源、填写情况等进行统计、分析。
3.  界面要求适配移动端使用。
    
    1.  有友好的网站界面
    2.  能适配移动端

所用技术和工具：

eclipse,mysql，SpringBoot,html

部分效果图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW8yOTczMjg_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW8yOTczMjg_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW8yOTczMjg_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW8yOTczMjg_size_16_color_FFFFFF_t_70 3][]

本人专业代做计算机类毕业设计，包括程序安装，部署，调式，需要的私聊 QQ   3083155908

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW8yOTczMjg_size_16_color_FFFFFF_t_70]: /images/20210923/bcebea59a6c746b68a35c9a057e785b1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW8yOTczMjg_size_16_color_FFFFFF_t_70 1]: /images/20210923/92a94cf705ce4aee874599bc89c98f74.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW8yOTczMjg_size_16_color_FFFFFF_t_70 2]: /images/20210923/547080ccb1834d4f9286192d0f915e41.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW8yOTczMjg_size_16_color_FFFFFF_t_70 3]: /images/20210923/379e8bf5654b4cb19812c5b43f314583.png