Coder Social home page Coder Social logo

questionnaire-1's Introduction

动态调查问卷生成系统

About

此系统为动态调查问卷生成系统,即百度前端技术学院最终任务。近期老师正好要求做一个这样的系统,所以自己加了后台, 实现上可能跟要求有些区别。问卷编辑上,完成了对题目的动态添加,样式修改。包括下划文本线,输入框,以及表格的动态 拖拽。表格完全自定义,支持合并行,和并列,自定义大小,规格。也可根据内嵌文字的长短自动改变大小。还支持对调查结 果导出Excel表格具体页面有操作介绍。

Use

1.UI系统界面简洁清新,使用Bootstrap完成.

2.原生JS+一点JQuery,前期用了点React,感觉对于这个系统反而操作上更麻烦了.

3.新学习了Sass的使用,所以自己写的css都是用sass完成的.

4.后台框架是常用的Spring Mvc+Spring+Mybatis

5.数据库使用Mysql,刚学习了Mongodb,前期想用Nosql的方式做,后来放弃了.

6.服务器除了使用Tomcat,还用Ngnix做了反向代理,速度提升了不少.

Function

1.管理员登录,进入后台管理数据,包括

(1)根据自定义条件录入题目

(2)管理题目

(3)生成调查问卷

(4)查看调查结果,打印Excel文件

(5)管理管理员

2.用户根据自己性别答题

Difficulty

本次系统制作难点在于表格的自定义生成,没找到插件,只能自己写了一套,并不是很完美,可能还会有bug.难点在于 如何实现表格的合并行,和并列。写完觉得收获蛮大。

questionnaire-1's People

Contributors

yuanguangxin avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.