应用(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

相关文章
相关标签/搜索