Supra论坛

#说明

基于Vue+MongoDB开发的类似微博论坛项目，整个项目流程一目了然，分为前端页面与后台的数据库。本项目为个人学习vue的实验项目。仅供参考和学习，提高vue的使用技能。

如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^

或者您可以 "follow" 一下，我会不断开源更多的有趣的项目

如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍

开发环境 macOS 10.14.6 Chrome 56 nodejs 6.10.0

项目运行（nodejs）

# 进入文件夹
cd Supra论坛（macOS）

# 安装依赖
npm install (推荐)

# 开启本地服务器localhost:3000
npm run serve

# 发布环境
npm run build

效果演示

demo地址（请用chrome 检查F12 手机模式预览）

项目服务器

本项目使用了我自己的服务器保存数据，也可以在本地配置一个mongodb，在本地实现数据的写入以及调用。在根目录下有supra论坛本地server文件夹，里面是已经配好的本地服务器（需要手动修改你自己的数据库地址），请npm install自行修改安装。

项目说明

Supra论坛是用户添加动态上传图片/文字进行分享交流的app

主要有四个卡片：首页/热帖/搜索/个人中心

首页

首页是当前的所有用户发动态的广场，可以浏览到论坛中每个用户的动态，右上角加号中可以点击按钮发动态或者查看自己发的动态。

点击动态中的图片可以实现预览，点击动态可以进入查看帖子详情，以及对当前动态进行评论操作，点击右方的收藏按钮可以对当前动态进行收藏，在个人中心可以查看所有收藏的帖子。

点击动态详情的页面，最上方可以关注此用户，在个人中心可以查看到所有已关注的人。

发动态页面可以添加标题/文字/图片/分类，对帖子进行上传。

热帖

热帖栏是此论坛中按照访问量排序最热的动态。

此页面上方轮播图中显示的是论坛中随机最新的帖子。

下方的热帖根据浏览量进行排序显示。

搜索

搜索中可以搜索到论坛中的任何一个动态（暂时没有添加搜索用户的功能）。

实现了模糊搜索，只要输入关键字就可以查找所匹配的所有帖子。

下方有根据热帖的标题显示的热词搜索推荐。

##个人中心

个人中心页面实现了用户的注册/登陆/修改个人信息/查看及修改此用户发帖评论等信息。

在使用app前建议先注册一个supra论坛账号，可以体验到完整的app。

注册后点击头像可以进入查看用户信息页面，此页面中可以修改用户头像以及个人信息。

在个人中心页面可以看到自己关注的人和收藏/评论的帖子。

最下方的设置可以退出登录状态，以及关于我们的查看。