菜鸟前端做个业余问卷

双十一在即,电商大战即将上演,当然这时候不管线上线下店铺都更想知道客户最需要什么,了解消费者的看法,根据他们目前所购买的产品,推测未来会购买的产品。此外也想知道哪些品牌商品这时候是最好卖的,或是哪些地方更好卖。相比机器和系统数据,可能更需要及时的调查了解了。有很多人还是用纸或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发布!

原文链接:segmentfault.com

上一篇:JavaScript之多线程和Event Loop
下一篇:typescript 入门教程四

相关推荐

官方社区

扫码加入 JavaScript 社区