Skip to content

dearDreamWeb/blogSystem

Repository files navigation

论坛功能

采用了响应式布局,移动端也可以使用。 可以实现登录和注册,在论坛发帖,点赞,评论,修改个人资料,搜索文章等功能。

核心技术栈

  • vue
  • express
  • mysql
  • element-ui
  • scss
  • es6

灵感来源

论坛名字是自己想的,叫做 天方夜谈,logo和favicon都是自己做的。 像布局之类的大多数是借鉴了csdn和知乎这两大论坛,少部分借鉴的是微博。

运行项目

先分别到vue和server文件夹中安装依赖,在分别运行vue项目和node项目。记得把sql文件导入mysql的数据库中。
操作步骤:
启动vue项目

第一步:cd vue
第二步:cnpm install 或 npm install 或 yarn install 
第三步:npm run serve 或 yarn serve

启动node项目

第一步:cd server
第二步:cnpm install 或 npm install 或 yarn install 
第三步:nodemon index.js

效果图

主界面

主界面

个人中心

个人中心

移动端主界面

移动端主界面

移动端个人中心界面

移动端个人中心界面

文章界面

文章界面

文章界面底部的评论区

文章界面底部的评论区

用户发布文章界面

用户发布文章界面

注册界面

注册界面

登录界面

登录界面

Releases

No releases published

Packages

No packages published