(vue博客前台)vue系统-毕设级项目搭建-vue博客系统(vue博客前台+java逻辑后台+vue管理系统)

转载地址:
(vue博客前台)vue系统-毕设级项目搭建-vue博客系统(内含源码,vue博客前台+java逻辑后台+vue管理系统)
转载请注明出处

作者:Happy王子乐
个人网站(整理了部分学习资源,以及个人项目):http://www.ilearn1234.com/#/
个人GitHub(喜欢的还请点个Star、flow一下):https://github.com/HappyWjl
相关文章:
(微信小程序)微信小程序-毕设级项目搭建-微信阅读小程序(内含源码,微信小程序+java逻辑后台+vue管理系统)~不求完美,实现就好
(JAVA后端)微信小程序-毕设级项目搭建-微信阅读小程序(内含源码,微信小程序+java逻辑后台+vue管理系统)~不求完美,实现就好
(vue管理系统)微信小程序-毕设级项目搭建-微信阅读小程序(内含源码,微信小程序+java逻辑后台+vue管理系统)~不求完美,实现就好
(vue管理系统)微信小程序-毕设级项目搭建-微信小程序商城(内含源码,微信小程序+java逻辑后台+vue管理系统)~不求完美,实现就好
(JAVA后端)微信小程序-毕设级项目搭建-微信小程序商城(内含源码,微信小程序+java逻辑后台+vue管理系统)
(vue博客前台)vue系统-毕设级项目搭建-vue博客系统(内含源码,vue博客前台+java逻辑后台+vue管理系统)
(java逻辑后台)vue系统-毕设级项目搭建-vue博客系统(内含源码,vue博客前台+java逻辑后台+vue管理系统)
(vue管理系统)vue系统-毕设级项目搭建-vue博客系统(内含源码,vue博客前台+java逻辑后台+vue管理系统)
(微信小程序)微信小程序-毕设级项目搭建-微信小程序商城(内含源码,微信小程序+java逻辑后台+vue管理系统)

1、项目技术栈

  • vue
  • axios
  • css
  • js

2、项目结构

(vue博客前台)vue系统-毕设级项目搭建-vue博客系统(vue博客前台+java逻辑后台+vue管理系统)_第1张图片

  • config中可以修改后端请求地址及端口
  • api封装了后端接口
  • components中包含了各种业务页面
  • router中是页面路由的配置
  • static中包含了多种静态文件

3、页面截图

PS:样式是参考了一位大神的样式,私下给他说明了。

  • 博客访问首页,鼠标放到左侧背景图片上,图片会快速滚动,还是比较炫酷的,右侧展示了文章的列表。
  • 点击文章,进入到内容页,可以展示各种样式,如下图所示,具体样式可在后台管理系统编辑。
  • 点击标签栏,展示后台配置好的标签种类
    (vue博客前台)vue系统-毕设级项目搭建-vue博客系统(vue博客前台+java逻辑后台+vue管理系统)_第2张图片
  • 点击关于
  • 点击友链
    (vue博客前台)vue系统-毕设级项目搭建-vue博客系统(vue博客前台+java逻辑后台+vue管理系统)_第3张图片
  • 点击开源
    (vue博客前台)vue系统-毕设级项目搭建-vue博客系统(vue博客前台+java逻辑后台+vue管理系统)_第4张图片

4、如何安装环境,以及部署

  • 详见统一博客,vue项目安装及部署:https://blog.csdn.net/u012888052/article/details/88377216

以上,讲解地址:

vue博客前台:https://blog.csdn.net/u012888052/article/details/95021871

java后台项目讲解地址:https://blog.csdn.net/u012888052/article/details/95024099

vue管理系统讲解地址:https://blog.csdn.net/u012888052/article/details/95020614


作者:Happy王子乐

你可能感兴趣的:(H5,入门项目,毕业设计)