All Projects → no5no6 → Questionnaire

no5no6 / Questionnaire

📋 问卷系统

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Questionnaire

Docker Vue Node Nginx Mongodb Redis
🐉 An awesome boilerplate, Integrated Docker, Vue, Node, Nginx, Mongodb and Redis in one, Designed to develop & build your web applications more efficient and elegant.
Stars: ✭ 34 (-73.44%)
Mutual labels:  mongodb, vuex, vue-router, element-ui
Vue Shoppingcart
ShoppingCart (Ecommerce) 🛒 Application using Vuejs, + Node.js + Express + MongoDB 🚀🤘
Stars: ✭ 141 (+10.16%)
Mutual labels:  mongodb, express, vuex, vue-router
Boilerplate Vue Apollo Graphql Mongodb
Start your magical stack journey!
Stars: ✭ 85 (-33.59%)
Mutual labels:  mongoose, mongodb, express, vuex
Vue Node Pastime
😄 基于vue全家桶、nodejs和mongodb的前后端整合项目
Stars: ✭ 200 (+56.25%)
Mutual labels:  mongoose, mongodb, express, vuex
Vue Mall Mobile
🔥 vue + koa + mongodb 搭建 mobile web 商城 (End。。。)
Stars: ✭ 201 (+57.03%)
Mutual labels:  mongoose, mongodb, vuex, vue-router
Vue2 Shop
A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
Stars: ✭ 103 (-19.53%)
Mutual labels:  mongodb, express, vuex, vue-router
Vuesocial
something like QQ、weibo、weChat(vue+express+socket.io仿微博、微信的聊天社交平台)
Stars: ✭ 189 (+47.66%)
Mutual labels:  mongoose, express, vuex, vue-router
Nuxt Ssr
✨vue+nuxt+sass+node+express+MongoDB 实现的SSR项目。
Stars: ✭ 323 (+152.34%)
Mutual labels:  mongodb, express, vuex, element-ui
Vue Element Responsive Demo
基于 Vue + Element 的响应式后台模板
Stars: ✭ 54 (-57.81%)
Mutual labels:  mongoose, mongodb, vuex, element-ui
Vue Spa Project
vue.js + vuex + vue-router + fetch + element-ui + es6 + webpack + mock 纯前端SPA项目开发实践
Stars: ✭ 118 (-7.81%)
Mutual labels:  vuex, vue-router, element-ui
Cheatsheets
JavaScript and Node.js cheatsheets
Stars: ✭ 1,191 (+830.47%)
Mutual labels:  mongoose, mongodb, express
Fullstack Shopping Cart
MERN stack shopping cart, written in TypeScript
Stars: ✭ 82 (-35.94%)
Mutual labels:  mongoose, mongodb, express
Vue2 Admin
基于vue-element-admin、Vue2 权限、监控、管理系统(包含地图等嵌套)
Stars: ✭ 74 (-42.19%)
Mutual labels:  vuex, vue-router, element-ui
Vue Studymaps
使用 Vue.js 开发的聚合应用。通过爬虫抓取平时浏览的网站,省去逐个点开网页的时间。
Stars: ✭ 71 (-44.53%)
Mutual labels:  express, vuex, vue-router
Cool Admin Vue
cool-admin一个很酷的后台权限管理框架,模块化、插件化、CRUD极速开发,永久开源免费,基于midway.js 2.0、typeorm、mysql、jwt、element-ui、vuex、vue-router、vue等构建
Stars: ✭ 73 (-42.97%)
Mutual labels:  vuex, vue-router, element-ui
Mean Stack Angular6 Crud Example
MEAN Stack Angular 6 CRUD Web Application
Stars: ✭ 69 (-46.09%)
Mutual labels:  mongoose, mongodb, express
Vue2 Manage
基于 vue + element-ui 的后台管理系统
Stars: ✭ 11,345 (+8763.28%)
Mutual labels:  vuex, vue-router, element-ui
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+786.72%)
Mutual labels:  vuex, vue-router, element-ui
Angular Full Stack
Angular Full Stack project built using Angular, Express, Mongoose and Node. Whole stack in TypeScript.
Stars: ✭ 1,261 (+885.16%)
Mutual labels:  mongoose, mongodb, express
Isomorphic Redux Cnode
😊👻基于react->express->mongo技术栈的同构SPA
Stars: ✭ 123 (-3.91%)
Mutual labels:  mongoose, mongodb, express

questionnaire

一个极简的问卷系统,只需一些简单的配置就可以帮您解决问卷相关需求。
前端主要框架与库:VueElementVuexVue-Router
后端主要框架与库:expressmongodbmongoose

业务逻辑

  1. 用户需先在模板管理页面创建问卷模板,再在问卷管理页面,选中该模板创建新的问卷。
  2. 一个模板可对应多个(期)问卷,例:消费调查模板可对应,1月份消费调查问卷、2月份消费调查问卷、3月份消费调查问卷等,但同一模板下只允许一个(期)问卷为打开状态。
  3. 点击问卷管理页面的查看按钮,获得问卷填写链接,此链接发给所有需要做问卷调查的用户,如果已填写过此期问卷则不能重复填写。
  4. 问卷统计目前只能统计某一期的投票数据,暂不支持以模板为主体,统计该模板下多期综合投票数据。

主要功能

  1. 管理员登录 (PS: 控制开启、关闭低多边形背景动画。目前版本开启背景动画对电脑性能考验较大,建议关闭)
    login  

  2. 设置问卷模板。
    setQ

  3. 选择模板生成问卷。
    set

  4. 用户填写问卷。
    answer

  5. 统计问卷。
    statistics

使用与安装

  1. 下载代码 git clone https://github.com/no5no6/questionnaire.git

  2. 安装后端依赖,项目根目录下执行 npm install

  3. 安装前端依赖,项目questionnaire_web目录下执行 npm install

  4. 配置数据库,首先确认本机已经正确安装了mongodb并在本机正常启动。在本地创建 questionnaire 数据库,设置登录账号用户名为 ky1,密码为 123 (PS:如果需要更改数据库名称、用户名、密码,请打开questionnaire/models/index.js文件,找到对应位置 'mongodb://ky1:[email protected]:27017/questionnaire' 修改即可)。
    (1). 打开终端窗口(Terminal)。
    (2). 用命令行进入mongodb,输入并执行 mongo
    (3). 创建questionnaire数据库,输入并执行 use questionnaire
    (4). 创建用户,输入并执行

      db.createUser({
        user:'ky1',
        pwd:'123',
        roles:[{
          "role" : "readWrite",
          "db": "questionnaire"
        }]
      })
    
  5. 启动后端服务,项目根目录下执行 node questionnaire。  

  6. 创建管理员
    (1). 打开终端窗口(Terminal)。
    (2). 用命令行进入mongodb,输入并执行 mongo
    (3). 创建questionnaire数据库,输入并执行 use questionnaire
    (4). 创建用户,输入并执行

      db.users.insert({
        name: "admin", 
        password: "123", 
        organization: 'test' 
      })
    
  7. 启动前端服务,项目questionnaire_web目录下执行 npm run dev。  

  8. 打开浏览器,访问 localhost:8080/#/questionList。(PS: 填写问卷时只需将查看地址发给所有需要填写问卷的用户)  

项目结构

├── db                 // 备份数据库脚本
├── models             // 数据库模型目录
├── public
│   └── web            // 前端打包后运行文件目录
│
├── questionnaire_web  // 前端目录
│   ├── src
│   │   ├── components // 组件目录
│   │   ├──router      // 路由目录(vue-router)
│   │   ├── store      // 模型目录(vuex)
│   │   ├── views      // 视图目录
│   │   └── main.js    // 前端入口文件
│   ├── index.html     // 首页
│   └── package.json   // 前端包管理文件
│
├── router             // 接口目录
├── package.json       // 后端包管理文件
└── questionnaire.js   // 项目主进程
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].