應用(LeanTicket)開發環境搭建攻略

最近咱們計劃以「LeanCloud Web 應用開發實踐」爲主題,進行一系列的直播及文章分享。
預計 8~10 個主題。每週二週四晚上 8 點開始,時長預計 45 分鐘。在 「leanCloud通信」 微信公衆號回覆 「公開課」 便可獲取直播連接。html

點擊查看完整公開課視頻react

搭建獨立的 LeanTicket 系統

項目源代碼git

爲了讓你們有更直觀的感覺,建議本身搭建一個能夠運行的系統。建立方式參考 READMEgithub

由於 LeanTicket 還在不斷進化,因此建議你們看文檔和視頻時將本地代碼切換到相關版本。本期視頻使用版本: 12d3ab7bootstrap

LeanTicket 功能體驗

由於一些 key 沒有配置,因此部分功能不能使用(好比發郵件,微信通知),可是不影響主體功能。瀏覽器

新系統第一個註冊用戶將被自動設置爲管理員。微信

LeanTicket 使用了瀏覽器通知,當有新工單或者回復時能彈出提示,這對技術支持同窗的快速響應提供幫助。markdown

工單系統通常是一個產品的輔助系統,因此不會有本身的用戶體系,而是使用相似 OAuth 的方式依附於主系統(後面會有專題介紹 OAuth 接入)。可是爲了獨立部署使用方便,也提供了簡單的帳號註冊和登陸。react-router

一系列功能演示

操做方式見 開始使用,操做流程:翻譯

  • 註冊用戶 zhangsan,他是整個系統的管理員和第一個客服人員。再註冊兩個帳號: lisi,wangwu。使用 shangsan 把 lisi 添加爲客服人員。
  • 而後添加工單分類和分類的問題模板。
  • 提交工單。建議工單內容 使用 markdown 語法,方便閱讀。
  • 回覆工單。LeanTicket 使用 LiveQuery 作到頁面實時更新,提升用戶體驗(後面有專題介紹 LiveQuery)。
  • 統計功能演示(33:03)。
  • 我的設置功能。

開發環境搭建和本地啓動

具體方式見 開發環境

技術棧介紹(45:45):

bootstrap
React中文翻譯
React Routerreact-router-tutorial
React-bootstrap

相關文章
相關標籤/搜索