菜鸟前端做个业余问卷

7次阅读

共计 1909 个字符,预计需要花费 5 分钟才能阅读完成。

 双十一在即,电商大战即将上演,当然这时候不管线上线下店铺都更想知道客户最需要什么,了解消费者的看法,根据他们目前所购买的产品,推测未来会购买的产品。此外也想知道哪些品牌商品这时候是最好卖的,或是哪些地方更好卖。相比机器和系统数据,可能更需要及时的调查了解了。有很多人还是用纸或 Excel,其实大部分都可以用在线调查问卷提高效,方便易用。当然不止是销售,现在还有很多社群运营,比如需要做些互动答题,或是报名预定等,也有是学习测试,心理测试,自媒体投票或者是活动聚会报名等等都会使用调查问卷。比如常用的问卷星和金数据。功能已经很完善而且免费功能已经可以满足大部分运营的需求,也可以集成到自己的公众号小程序
   








当然作为 CV 工作者,可能更喜欢做点个性化修改,可以使用开源免费的项目做学习和二次开发来用。从而更好嵌入自己的系统,

  比如这里推荐有名的  LimeSurvey,它是用传说最好的语言 PHP 写的  它允许用户快速创建直观、有力的在线问答调查,可以为成千上万的参与者节省精力。调查软件本身可对参与的受访者实现自我导向。而且支持 80+ 种语言,支持单选、多选题,复杂谷歌地图,文件上传,多因素和双语问卷等等。当然还有  Kwik Surveys,PollDaddy,Responster,SurveyGizmo,Survs,SurveyLegend,SurveyMonkey,SurveyPlanet 等等,这些开源和上面两个不只是方便,而且各种分析报表图表也都很多。https://www.limesurvey.org/
   https://github.com/LimeSurvey/LimeSurvey

  当这一个 limeSurvey 就够大了,足够折腾很久,不过我这前端菜鸟还是相对大了些,最近刚好在做类似的项目,可以找个小开源学习下,可以看下
一个极简的问卷系统

前端主要框架与库:Vue、Element、Vuex、Vue-Router
后端主要框架与库:express、mongodb、mongoose

可以边学边做,自己做个完整的调查表,也可以方便改代码改为自己喜欢的。

首先电脑上要有安装 git 然后在某个工作文件夹下打开 cmd 或是 git bash 终端,
git clone https://github.com/no5no6/que…
开始入坑吧

首先我们在本地把项目部署起来
到 node.js 官网下载安装 node 跟装别的软件差不多
按【win+R】键,输入 cmd,回车打开 cmd 窗口
安装 cnpm
由于 npm 有些资源被屏蔽或者是国外资源的原因,经常会导致用 npm 安装依赖包的时候失败,所有常用 npm 的国内镜像 —cnpm
npm install -g cnpm –registry=http://registry.npm.taobao.org
安装 webpack
npm install webpack -g
安装 vue-cli
cnpm install vue-cli -g

安装后进入项目目录 安装后端相关依赖
npm install
之后会多了 node_modules 文件夹

再安装前端依赖,进入 questionnaire_web 目录下执行
npm install

安装后端数据库 MongoDB 下载地址:https://www.mongodb.com/downl…
安装后启动数据库
进入 mongodb 目录运行
D:Program FilesMongoDBServer4.0bin>mongod –dbpath E:questionnairedb
再打开新的命令行窗口进入数据库
创建数据用户

db.createUser(
… {user:”test”,
… pwd:”test123″,
… roles:[{role:”dbAdmin”,db:”questionnaire”}]
… })
Successfully added user: {

    "user" : "test",
    "roles" : [
            {
                    "role" : "dbAdmin",
                    "db" : "questionnaire"
            }
    ]

}
再修改 model/index.js 文件
mongoose.Promise = global.Promise;

connection = mongoose.createConnection('mongodb://test:test123@127.0.0.1:27017/questionnaire');

运行后端
E:questionnaire>node questionnaire
进入 questionnaire_web 目录
运行前端
npm run dev
打开浏览器,访问 localhost:8080/#/questionList。

本文由博客一文多发平台 OpenWrite 发布!

正文完
 0