# bianquan-blog **Repository Path**: wjzbjzz/bianquan-blog ## Basic Information - **Project Name**: bianquan-blog - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2019-01-13 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # bianquan-blog vue.js+php(TP5)博客系统 说明：若在博客提问题，请不要使用测试账号，直接退出登录使用游客评论，填写真实邮箱，或用真实邮箱注册账号回复，方便作者回复邮件通知，也可直接给作者发邮件或在此提出issue。 >更新记录 #commits5 之前：后端为原生php； #commits6 后端改为thinkPHP5框架 ## Build Setup 前端： ``` bash # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build ``` 后端： 1. 将bianquan.sql导入到mysql数据库中 2. 默认管理员账号名为admin，邮箱：920@qq.com，密码：123456,修改请到MySQL中修改 3. 后台改用thinkPHP5框架，进入servers文件夹，composer install，或者请自行下载tp5的核心文件thinkphp文件夹，放到\bianquan-blog\servers下。 4. 到\bianquan-blog\servers\application下修改database.php文件的数据库地址、名称和密码为自己的。 5. 若后端地址为非localhost：80，前台请求地址需相应修改，请到\bianquan-blog\src\vuex下的state.js和actions.js中(共两处URL)修改请求地址URL。 6. 回复邮件自动提醒功能，需在\bianquan-blog\servers\application\common.php的send_mail函数中填写相应邮箱参数。 **项目简介**： > * 名称：边泉博客管理平台； > * 前端：Vue+Vuex+Vue-Router+axios； > * 后端：PHP+MySQL； > * 兼容性：ie9+，移动端，PC端； **主要功能**： > * 用户登录、注册； > * 用户评论、游客评论； > * 评论回复邮件提醒； > * 页面文章标签检索展示； > * 页面文章时间轴排序； > * 页面项目展示； > * 后台文章增加、编辑、删除、下架管理； > * 后台评论屏蔽、解封管理； > * 后台图片上传、删除功能； > * 后台标签新增、删除功能； > * 后台友情链接新增、删除功能； > * 后台实验室项目新增、下架功能； **目前存在问题**： 1. 页面响应式布局方面，还有一些元素在特殊窗口尺寸中显示不协调； 2. 虽然开放注册功能，但未加入验证码、邮箱验证功能，并且关闭普通会员文章操作权限，普通会员投稿默认为不发布，并且无法编辑状态，需管理员发布和编辑。 3. 评论被回复邮件通知还是半成品； 4. 搜索功能未完成； **文件目录** ``` ├──node_modules// 项目依赖的模块 ├── src// 源码目录 │ ├── assets// 资源目录 │ ├── components// vue公共组件 │ │ ├── header.vue// 前台头部组件 │ │ ├── footer.vue// 前台底部组件 │ │ ├── aside.vue// 前台侧边栏组件 │ │ ├── login.vue// 前台登录、注册页面组件 │ │ ├── articleList.vue// 前台文章列表页面组件 │ │ ├── msgborder.vue// 前台留言板页面组件 │ │ ├── project.vue// 前台实验室页面组件 │ │ ├── timer.vue// 前台时间轴页面组件 │ │ ├── about.vue// 前台关于页面组件 │ │ ├── comment.vue// 前台评论区页面组件 │ │ ├── components.vue// 通用alert、提示框、前台搜索框组件 │ │ ├── all_images.vue// 后台所有图片弹框组件 │ │ ├── admin_aside.vue// 后台侧边导航栏组件 │ │ ├── admin_header.vue// 后台头部组件 │ │ ├── outline.vue// 后台网站概要页面组件 │ │ ├── user.vue// 后台个人中心页面组件 │ │ ├── write.vue// 后台发布文章页面组件 │ │ ├── editor.vue// 后台编辑文章页面组件 │ │ ├── editor_comment.vue// 后台评论管理页面组件 │ │ ├── menber_list.vue// 后台会员管理页面组件 │ │ ├── imgs_list.vue// 后台图片管理页面组件 │ │ ├── other_seting.vue// 后台其他设置页面组件 │ │ └── lab.vue// 后台实验室页面组件 │ ├──views// 前后台根组件 │ │ ├── admin.vue// 后台根组件 │ │ └── home.vue// 前台根组件 │ ├── App.vue// 页面入口文件（根组件） │ ├── routes.js// 页面路由操作文件 │ ├── vuex// 页面数据仓库文件夹 │ │ ├── actions.js// 异步操作文件 │ │ ├── mutations.js// 同步操作文件 │ │ ├── state.js// 数据状态存储文件 │ │ ├── common.js// 公用函数文件 │ │ └── store.js// 数据仓库文件 │ └── main.js// 程序入口文件（入口js文件） ├── bianquan.sql// 数据库语句 ├── servers// 后台服务端文件夹 │ ├── application//后台应用文件夹 │ │ └── index// index模块 │ │ ├── controller// index控制器 │ │ │ ├── About.php// about类 │ │ │ ├── Article.php// Article类 │ │ │ ├── Comment.php// Comment类 │ │ │ ├── Images.php// Images类 │ │ │ └── ...略 │ │ └── model// index模型 │ │ ├── About.php// about类 │ │ ├── Article.php// Article类 │ │ ├── Comment.php// Comment类 │ │ ├── Images.php// Images类 │ │ └── ...略 │ ├── extend//扩展文件夹 │ ├── public//公共文件夹 │ ├── thinkphp//框架核心文件夹，需下载 │ ├── vendor//第三方类扩展文件夹 │ └── ...其余略，具体参考thinkPHP5目录 ├── static// 静态文件，比如一些图片，json数据等 ├── .babelrc// ES6语法编译配置 ├── .editorconfig// 定义代码格式 ├── .gitignore// git上传需要忽略的文件格式 ├── index.html// 入口页面 ├── package.json// 项目基本信息 ├── README.md// 项目说明 ``` **组件结构图：** ![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180405/jiegoutu.jpg) **主要页面展示：** 首页：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180409/HOME.jpg) 文章详情：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180409/article.jpg) 留言板：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180409/MESSAGE.jpg) 实验室：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180409/PROJECT.jpg) 时间轴：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180409/SEARCH.jpg) 搜索：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180409/TIMER.jpg) 网站概要：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180406/outline.png) 个人中心：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180406/user.jpg) 发布文章：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180406/write.png) 编辑文章列表：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180406/edit.png) 评论管理：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180406/comment.png) 会员管理：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180406/member.png) 图片管理：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180406/imgs.png) 其他设置：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180406/otherseting.png) 实验室管理：![](https://github.com/920200256/bianquan-blog/blob/master/static/imgs/20180406/lab.png) **引用：** > [vue-simplemde](https://github.com/F-loat/vue-simplemde) > [PHP-JWT](https://packagist.org/packages/firebase/php-jwt) > sendMail **参考文章：** > [Vue.js实现文章评论和回复评论功能](https://blog.csdn.net/weixin_35987513/article/details/53748707)