菜鳥前端作個業餘問卷

雙十一在即，電商大戰即將上演，固然這時候無論線上線下店鋪都更想知道客戶最須要什麼，瞭解消費者的見解，根據他們目前所購買的產品，推測將來會購買的產品。此外也想知道哪些品牌商品這時候是最好賣的，或是哪些地方更好賣。相比機器和系統數據，可能更須要及時的調查瞭解了。有不少人仍是用紙或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 發佈！