vue-miniQQ——基于Vue2实现的仿手机QQ单页面应用(接入了聊天机器人,可以进行正常对话)

使用Vue2进行的仿手机QQ的webapp的制做,做品由我的独立开发,源码中进行了详细的注释。 因为本身也是初学Vue2,因此注释写的不够精简,请见谅。vue

项目地址 https://github.com/jiangqizheng/vue-MiniQQwebpack

 

  • 项目已实现功能

    • 对话功能——想着既然是QQ总要能进行对话交流,因此在项目中接入了图灵聊天机器人,能够与列表中的每一个人物进行对话。ios

    • 左滑删除——左滑删除相关消息。git

    • 搜索页面——点击右上角搜索按钮,可以进入搜索页面,输入对应的单词或者数字,动态查找好友。github

    • 项目中数据流动由vuex进行控制web

      注:对于那句Flux 架构就像眼镜:您自会知道何时须要它。感受好像懂了点什么。vue-router

  • 动态图预览

  侧边栏及我的主页vuex

  

 

 

  滑动删除vue-cli

  

  与机器人进行对话axios

  

  搜索界面

  

  tab键切换页面,总体ui

  

 

  技术栈

    •   vue-cli
    •   vue2
    •   vue-router
    •   vuex
    •   axios
    •   stylus
    •   webpack2
    •   muse-ui

  

  其余说明

    •   因为是抱着边写边学的心态,因此可能会出现些不严谨的地方,或者明显的错误,关于这点,看到请反馈给我,十分感谢。

    •   从零到目前的进度,虽然功能简单,但仍是花费了很多时间,把项目上传是但愿可以对一些一样正在学习Vue的小伙伴有一些帮助。

    •   因为是第一次独立的写较为完整的Vue项目,因此但愿你们给个Star! Q.o,而且欢迎讨论。

      最后,项目地址 https://github.com/jiangqizheng/vue-MiniQQ

      欢迎交流,但愿能对vue学习中的小伙伴有必定的借鉴意义,因为是做者第一次写较复杂的我的项目,因此代码有不完善的地方请谅解,目前项目正在更新中,能够持续关注进度哦。

相关文章
相关标签/搜索