菜鸟前端做个业余问卷

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

[转载]原文链接:https://segmentfault.com/a/1190000020887937

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-78784.html

文章标题:菜鸟前端做个业余问卷

相关文章
Web前端开发与iOS终端开发的异同
毕业之前一直在做前端开发,毕业后就转成做iOS开发,这两者有很多挺有意思的对比,尝试写下我能想到的它们的一些相同点和不同点。 语言 前端和终端作为面向用户端的程序,有个共同特点:需要依赖用户机器的运行环境,所以开发语言基本上是没有选择的,...
2016-01-13
7个提高效率的JavaScript调试工具
鐜板湪鐨凧avaScript浜嬪疄涓婂凡鐒舵垚涓轰簡娴佽�岀殑web璇�瑷€锛屽嵆浣垮畠骞朵笉瀹岀編銆傚緢澶氱▼搴忓憳涓嶅枩娆㈢敤JavaScript鍐欎唬鐮侊紝鏄�鍥犱负鍐欏埌鍚庢潵鎬讳細鍑虹幇鍚勭�嶈帿鍚嶅叾濡欑殑bug锛岃€屼笖鍦ㄥ紑...
2015-11-11
7个让JavaScript变得更好的注意事项
随着浏览器性能提高,伴随着新的HTML5的编程接口的稳步采用,网页上的JavaScript的音量在逐渐增加。然而,一个写得不好的程序编码却拥有着打破整个网站,让用户为之沮丧和驱赶潜在客户的潜力。 开发人员必须使用所有供他们任意使用的工具和技...
2015-11-12
从 Node.js 分裂出 Io.js 事件看开源软件谁做主
Node.js 作为服务器编程语言的后起之秀,常用来构建和运行 Web 应用,近日却爆出其社区出现分裂。由于对官方运营商 Joyent 公司在 Node.js 管理上的长期不满,多位核心开发者另立门户,创建了分支 Io.js。从 GitHu...
2015-11-12
前端MV*框架的意义
经常有人质疑,在前端搞MV有什么意义?也有人提出这样的疑问:以AngularJS,Knockout,BackBone为代表的MV框架,它跟jQuery这样的框架有什么区别?我jQuery用得好好的,有什么必要再引入这种框架? 回答这些问题之...
2016-03-11
前端问答社区成立了
由雷锋网友提供的给大家相互交流的前端问答社区正式上线了,欢迎大家来此相互交流相互学习 ...
2016-03-30
2015 Web 2.0和AJAX如何做好优化
2015如何让做好web2.0和ajax的优化?JavaScript中文网总结当下提出以下四大优化意见,旨在帮助W前端开发人员有效利用APM解决上述问题。 随着Web应用程序速度与效率快速增长,网站已经成为企业与其客户进行交互的第一途径——...
2015-11-12
HTML5会是下一个风口吗?
2014年10月底, W3C(万维网联盟)正式宣布HTML5正式定稿,科技圈就像发现了可以打破谷歌、苹果所统领的原生APP世界的方法,发表了很多宣讲HTML5将真正开始颠覆原生(Native)App的文章,也开始着力发展HTML5,开始抢占...
2015-11-12
2014年,你是不是被这5个HTML5技术刷屏了?
如今,几乎每天都有HTML5页面的推广以及小游戏、小测试在微信上传播,用户也逐渐习惯被各种HTML5轰炸。那么在刚刚过去的一年究竟有哪些HTML5技术堪称火爆,让人们的微信频频被刷屏呢? 1、2048 2048 在4x4的棋盘上,用方向键选...
2015-11-12
7个你可能不认识的CSS单位
浼楁墍鍛ㄧ煡CSS鎶€鏈�鎴戜滑铏界劧寰堢啛鎮夛紝鍦ㄤ娇鐢ㄧ殑杩囩▼鍗村緢瀹规槗琚�鍥颁綇锛岃繖璁╂垜浠�鍦ㄦ柊闂�棰樺嚭鐜扮殑鏃跺€欏彉寰楀緢涓嶅埄銆� 闅忕潃web缁х画涓嶆柇鍦板彂灞曪紝瀵逛簬鏂版妧鏈�鏂拌В鍐虫柟妗堢殑瑕佹眰涔熶細涓...
2015-11-11
回到顶部