【个人开发】Vue技术栈,包括“前台”+“后台”的项目【vsqx分享平台】上线了!

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chanlingmai5374/article/details/81267414

【技术栈】

【前端】Vue+Vue-Router+Vuex+Webpack+Axios

【后端】PHP

【服务器】CentOS+Nginx

【第三方储存服务】腾讯COS

【感言】

这个项目是我的第一个Vue全栈项目。

从项目企划、所有代码的编写、搭建线上服务器、推广,都是自己完成的。

边学边做,做了2个月。技术选型由最开始的jQuery改成了Vue全家桶。

从前台写到后台,边写前端写后端。途中翻了无数次文档、博客。

算是自己的成长史吧。

【实现功能如下】

【前台】

1.主页(自定义条件)搜索音乐工程。

2.稿件页展示歌曲信息。可上传试听音乐、添加自定义标签、自定义使用权限等。

也可进行评论,管理员、注册用户、游客的评论权限、身份标示不同。游客需要验证码评论。

3.投稿页面可拖拽上传。上传后可取消重新上传。注册后可配置投稿信息,自动填写预设的字段。

4.主页、评论页分页功能。

【后台管理功能】

1.查看自己所有稿件的数据(点击、下载、评论)。

2.重新编辑、删除自己投过的稿件。

3.自定义上传头像。

4.验证邮箱、修改密码。

5.个性化配置用户信息。

【用户权限部分】

1.用户Cookie由服务端加密后返回。

2.全站强制https。

3.退出登录后。刷新后台、进行账号操作。会提示权限不足,返回登录页。

5.进行重要操作时(编辑稿件、删除稿件等),必须验证Cookie,否则失败。

6.目前支持用户通过邮箱注册账号。用的是腾讯的域名邮箱。自己写的PHP接口。

【Nginx配置】

1.访问vsqx.top时自动301到www.vsqx.top。

2.反向代理实现Cookie跨域。

【网站域名】

 https://www.vsqx.top

【网站截图】

【首页(搜索页)】

点击稿件即可查看信息。也可在首页搜索你想要的工程。

你可以自定义条件搜索!

【正文页(稿件页)】

你可以查看稿件信息。

也可以播放vsqx工程的试听音乐。提前确认需不需要下载这个工程。

也可添加自定义标签、链接到B站的视频、B站个人空间,查看歌词等。

【工程使用权限】

P主可自定义配置、更改工程权限。

【评论】

你可以在这里交流工程的感想、参数,也可以申请授权。

【后台管理】

本站有完善的后台管理功能。

首先,你可以查看自己稿件的数据。(点击数、下载数、评论数)

可以对历史稿件,重新编辑/删除。

【投稿界面】

可以自定义上传封面。

注册后,可以自动填写预设的投稿信息。

猜你喜欢

转载自blog.csdn.net/chanlingmai5374/article/details/81267414