用mpvue实现的微信小程序版cnode社区

1,784 阅读1分钟

五一放假,没出去玩,想熟悉下vue的开发流程,又想体验下mpvue,于是写了个练手项目。一个用mpvue实现的cnode微信小程序版。

代码仓库

API来自于cnode社区

预览流程

npm install

npm run dev

//使用微信开发者工具打开dist目录,关闭域名和https检查即可

体验地址

目录结构

  • src
    • pages
      • index 主页
      • detail 帖子详情页
      • me 我的主页
      • publish 发帖页
      • notice 通知页
      • login 登录页
      • user 用户主页
      • list 帖子列表展示页
    • components
      • card 单一帖子头组件
      • authorHead 作者信息头
      • login 登录组件
    • const.js 常量
    • utils 一些工具函数
  • static 静态图片部分 目前已经完成了绝大部分功能,尚未完成的功能在和遇到的问题在todo中

目前存在的问题

  • markdwon的解析有点问题,该问题我已适配了一个mpvue-wemark的库来解决了

todo

  • 编辑自己发过的主题

后话:

这个项目没有涉及到太多复杂的部分,主要到是业务逻辑的开发,对于作为一个vue和mpvue小程序入门项目是非常合适的。由于开发时间短,部分代码质量和交互做得不太好

效果图