增加留言板、文章封面图片显示、手机验证码

README.md

@@ -1,113 +1,25 @@
+# blog-vue-springboot
+基于Vue+SpringBoot构建的博客项目
 
-Vue + SpringBoot实现的博客系统
 
-线上地址：<a target="_blank" href="http://blog.shiminghui.top">For Fun</a>
+#项目访问地址http://82.156.209.49:9001/
 
-## ssr 服务端渲染版本 
+#技术栈
+项目前端Vue+ElementUI
+后端：springboot、Shiro、JPA、Mysql、Redis、RabbitMQ、阿里云OSS对象存储、阿里云短信服务
 
-<a href="https://github.com/shimh-develop/blog-vue-springboot/tree/ssr" target="_blank">ssr分支</a>
+#项目功能
+文章浏览、文章发布、评论发布、标签、分类、登录注册（短信验证码）、留言板、文章归档
 
-# 效果图
+#项目启动
+可以前后端分离启动，先修改application.yml以及阿里云对象service类里的相关配置
+前端：npm install -> npm run dev
+启动后端即可访问localhost：8080
 
-## 首页
-
-![image](https://github.com/shimh-develop/blog-vue-springboot/blob/master/document/index2.png)
-
-## 登录页
-![image](https://github.com/shimh-develop/blog-vue-springboot/blob/master/document/login.png)
-
-## 注册页
-![image](https://github.com/shimh-develop/blog-vue-springboot/blob/master/document/register.png)
-
-## 文章分类-标签、详情
-![image](https://github.com/shimh-develop/blog-vue-springboot/blob/master/document/ct.png)
-
-![image](https://github.com/shimh-develop/blog-vue-springboot/blob/master/document/ct-detail.png)
-
-## 文章归档
-![image](https://github.com/shimh-develop/blog-vue-springboot/blob/master/document/archive.png)
-
-## 写文章
-![image](https://github.com/shimh-develop/blog-vue-springboot/blob/master/document/write.png)
-
-## 文章详情
-![image](https://github.com/shimh-develop/blog-vue-springboot/blob/master/document/detail.png)
-
-## 评论
-![image](https://github.com/shimh-develop/blog-vue-springboot/blob/master/document/comment2.png)
-
-# 技术
-
-## 前端  blog-app
-
-- Vue
-- Vue-router
-- Vuex
-- ElementUI
-- mavon-editor
-- lodash
-- axios
-- Webpack
-
-## 后端  blog-api
-
-- SpringBoot
-- Shiro
-- Jpa
-- Redis
-- Fastjson
-- Druid
-- MySQL
-- Maven
-
-# 实现功能
-
-## 整体
-
-- 用户：登录 注册 退出
-- 首页：文章列表、最热标签、最新文章、最热文章
-- 文章分类-标签：列表、详情
-- 文章归档
-- 文章：写文章、文章详情
-- 评论：文章添加评论 对评论回复
-- 文章列表滑动分页
-
-## 后端
-- 用户、文章、文章分类、标签和评论 增删改查api接口
-- 基于token权限控制
-- Redis存储Session
-- 全局异常处理
-- 操作日志记录
-
-# 待实现功能
-- 评论的分页 点赞
-- 留言板
-- 第三方登录
-- ......
-
-# 运行
-
-将项目clone到本地
-
-## 方式一  直接运行SpringBoot项目（已将打包的静态文件放到了 resources/static下）
-1. 将blog-api导入到IDE工具中
-2. resources/sql/blog-schema.sql、blog-data.sql导入MySQL数据库
-3. 打开Redis数据库
-4. resources/application.properties 修改MySQL、Redis连接
-5. Runas运行,访问：http://localhost:8888
-
-## 方式二  前后分离（开发方式）
-1. 按方式一运行blog-api，提供api数据接口
-2. 打开命令行
-	> cd blog-app
-
-	> npm install
-
-	> npm run dev
-
-3. 访问：http://localhost:8080
-4. 修改blog-app/src 下的文件进行开发
-5. npm run build 生成最终静态文件
+纯后端启动，前端页面已经打包到后端static中
+启动后访问localhost:9001即可访问
 
 
+#效果图如下：
+![image](https://user-images.githubusercontent.com/41831536/128821629-03be1fcb-a434-4434-9079-e1b6f86ddd89.png)