Vue+PHP实现个人博客系统

前言: 自从萌发了要做一个博客文章管理系统后,便在工作空闲时间不短的码代码,上网搜索一些疑问,可喜可贺,经过快两个月的努力,终于赶在了4月的第一天将这个系统上传到了虚拟主机中,当然还有很多的问题没完成,这个只能当成一个测试版本。项目简介: 名称:边泉博客管理平台; 前端: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// 页面路由操作文件

│ ├── store.js// 页面数据仓库文件

│ └── main.js// 程序入口文件(入口js文件)

├── vendor// php包文件夹,含jwt和sendMail

├── bianquan.sql// 数据库语句

├── bianquan.php// 后台php主体

├── static// 静态文件,比如一些图片,json数据等

├── .babelrc// ES6语法编译配置

├── .editorconfig// 定义代码格式

├── .gitignore// git上传需要忽略的文件格式

├── index.html// 入口页面

├── package.json// 项目基本信息

├── README.md// 项目说明

?

组件结构图:

?

Vue+PHP实现个人博客系统

主要页面展示:

?

首页:

?

Vue+PHP实现个人博客系统

文章详情:

Vue+PHP实现个人博客系统

留言板:

Vue+PHP实现个人博客系统

实验室:

Vue+PHP实现个人博客系统

时间轴:

Vue+PHP实现个人博客系统

?

发布文章:

?

Vue+PHP实现个人博客系统

?

?

引用:

?

?

vue-simplemde

PHP-JW sendMail参考文章:Vue.js实现文章评论和回复评论功能源码:Github

测试账号:(也可自己注册) 账号:zhonghuatuzi@163.com 密码:zhonghuatuzi

上一篇:N85手机外壳磨损了怎么办熟悉诺基亚的帮帮我!?换个N85全身外壳原装多少钱
下一篇:Rust使用Actix-web和SeaORM库开发WebAPI通过Swagger UI查看接口文档