当前位置: 首页 > java >正文

VUE2个人博客系统

目录

  • 一、系统介绍
  • 二、开发环境
  • 三、页面功能展示
    • 1. 首页
    • 2. 文章列表展示
    • 3. 文章详情
    • 4. 生活分享(暂时未与后端对接数据)
    • 5. 随笔(暂时未与后端对接数据)
  • 四、代码目录简介
    • 1. 使用elementUi Container 布局容器
    • 2. Api介绍
    • 3. router页面地址
    • 4. 页面代码
  • 如需源码请留言

一、系统介绍

  1. 系统概述
    该博客系统是一个基于 Vue.js 的前端应用,旨在为用户提供一个简洁、高效的写作和阅读平台。
    主要功能包括文章分享、生活记录、随心笔记、相册等。
  2. 技术栈
    前端:Vue.js 2.x, Vue Router, Vuex, Axios
    后端:spring boot、spring security、MySQL、minio文件系统、redis
  3. 功能模块
    首页:文章简要展示
    生活记录:记录生活、旅游、趣事等等
    随心笔记:生活趣事分享
    其他模块暂时为开发

二、开发环境

  • 开发系统:windows11
  • node:v16.18.0
  • npm:8.19.2
  • vue:2.7.16

三、页面功能展示

1. 首页

可以展示动态展示诗词,和自己想展示的文章
在这里插入图片描述

在这里插入图片描述

2. 文章列表展示

在这里插入图片描述

3. 文章详情

在这里插入图片描述

4. 生活分享(暂时未与后端对接数据)

在这里插入图片描述

5. 随笔(暂时未与后端对接数据)

在这里插入图片描述

四、代码目录简介

1. 使用elementUi Container 布局容器

在这里插入图片描述
在这里插入图片描述

2. Api介绍

  • api.js:http请求拦截器
  • home.js:首页http请求函数
  • note.js:笔记http请求函数
    在这里插入图片描述

3. router页面地址

在这里插入图片描述

4. 页面代码

在这里插入图片描述

如需源码请留言

http://www.xdnf.cn/news/13535.html

相关文章:

  • 禁止 Windows 更新后自动重启
  • 【鸿蒙表格组件】鸿蒙ArkTS轻量级表格高效渲染组件
  • Android Compose 自定义圆形取色盘
  • vscode 保存 js 时会自动格式化,取消设置也不好使
  • 运维之十个问题--2
  • ​​P值在双侧检验中的计算方法
  • 企业常见流量异常有哪些?
  • Cambridge Pixel为警用反无人机系统(C-UAS)提供软件支持
  • Vue2数组响应式问题:Object.defineProperty不能监听数组吗
  • ES Modules 与 CommonJS 的核心区别详解
  • python的时间管理库whenever的使用
  • Office2019下载安装教程(2025最新永久方法)(附安装包)
  • 【Vue】组件及组件化, 组件生命周期
  • 【AI大模型入门指南】概念与专有名词详解 (二)
  • CSP-J 2020 入门级 第一轮 阅读程序(1)
  • 【Zephyr 系列 19】打造 BLE 模块完整 SDK:AT 命令系统 + 状态机 + NVS + OTA 一体化构建
  • 华为云Flexus+DeepSeek征文 | 基于Dify构建多语言文件翻译工作流
  • NIFI在Linux系统中的系统配置最佳实践(性能调优)
  • UE5 读取配置文件
  • 【笔记】代码开发中常用环境配置与好用工具
  • Android12 开机后桌面加载框的适配
  • 拼音分词器的配置
  • kubernetes--通俗理解Sidecar容器
  • WinHex 20.8-SR1 安装教程详细步骤+下载
  • 【AI大模型入门指南】概念与专有名词详解 (一)
  • 【算法篇】逐步理解动态规划模型6(回文串问题)
  • RabbitMQ可靠和延迟队列
  • 2025下半年软考系统分析师备考攻略:6个月通关计划与高频考点解析
  • CBAM认证概述,CBAM认证的核心要素,CBAM认证的未来发展
  • 力扣HOT100之堆:295. 数据流的中位数