vue项目实战（个人博客）一------项目介绍

最新推荐文章于 2024-08-10 08:19:35 发布
最新推荐文章于 2024-08-10 08:19:35 发布
阅读量1w 收藏 122
点赞数 18
分类专栏： vue项目实战 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41154298/article/details/100167501
版权

前言

  前一段时间开始写这个博客项目，到最近已经完成了，这个项目断断续续花了一个多月的时间，在这个过程中我遇到了不少的坑，我准备写这个专题来来记录这些同时也是记录我学vue的历程。

项目地址

源码地址：https://github.com/guoang6/vue-blog
访问地址：http://www.guoang.xyz/

项目介绍

项目技术栈
前端
 后台 js jquery
 前台vue vue-router axios vue-cli
后端
  java sprig mysql
环境
服务器用的是阿里云的学生服务器
系统 ：CentOS
图片存储在七牛云

项目演示
PC端

在这里插入图片描述
平板
在这里插入图片描述
手机
在这里插入图片描述
后台
在这里插入图片描述

ang.guo
关注
专栏目录
个人博客-SpringBoot+Vue3项目实战（2）- 使用Vite搭建Vue3项目并安装Element Plus
专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
03-26 1万+
从本文开始，项目正式开始！！！在如今的前端开发中，大厂基本使用React，小厂主要使用Vue。Vue易上手，心智负担地，所以成为很多企业的前端框架首选。无论你是前端还是后端，我都建议你先学习Vue。Vue2和Vue3。既然是学习，那我们就选择最新版本的Vue学习。较Vue2Vue3的最大优点就是推出了·Composition API·。。目前市面主流的是两种Vue3和Vite+vue3。本项目采用Vite+Vue3的组合方式进行前端开发，主要还是因为Vite贼**快。
VBlog:一个基于Vue的简单博客项目
05-10
VBlog 简介 VBlog 是我个人开发的博客框架，受启发于hexo 和 vue ，使用了vue-cli 的 webpack 配置代码 ，部分原理模仿 hexo 。也有许多与hexo 不同之处。 项目地址： 安装 以下提供两种方式： 方式 1： git clone # clone this project git clone https://github.com/LqqJohnny/VBlog.git # then install dependencies cd VBlog && npm install # serve with hot reload at localhost:8000 npm run dev 方式 2 ( 推荐 )： vblog-cli # install vblog-cli : https://github.com/LqqJohnny/vblog-cli npm
vue-blog（项目介绍）
weixin_44411458的博客
03-09 696
vue-spring boot 博客
Vue项目之个人博客
03-06
我的个人博客，里面是我的第一个个人Vue项目，希望大家可以来看看
VueBlog 项目教程
最新发布
gitblog_00080的博客
08-10 373
VueBlog 项目教程 vueBlogvue + node + express + mongodb 个人博客系统项目地址:https://gitcode.com/gh_mirrors/vue/vueBlog 1. 项目介绍 VueBlog 是一款基于 Vue.js 的前端博客框架，利用 Contentful 平台存储博客内容。它提供了简洁的界面和实时更新的功能。通过 VueBlog，你可以轻...
Vue-个人博客项目
qq_32644987的博客
07-15 1068
主要出于学习目的开发本项目，采用Vue3 + webpack + ts技术栈 1、思维导图 2、简介 项目主要包含首页、案例、技术、关于四大模块；底部导航则直接跳转到关于页面 首页 包含案例中前三个数据、技术中前三个数据、 案例 该模块的案例皆是个人或者参与开发的项目 技术 技术方面涉及到原生iOS、前端、小程序；项目里则直接跳转到csdn博客 关于 主要是个人的简历介绍，包括工作经历等 ...
Vue博客项目
weixin_34331102的博客
04-11 235
github地址 github.com/lilicoder/m… 效果
vue开发个人博客
huangjiangmin
01-05 9244
vue实现个人简约博客
vue.js搭建个人博客
Royalya的博客
04-20 806
为何选择vue.js搭建博客 为什么会选择使用vue.js框架搭建博客呢？原因有多个。作为前后端分离的多数据绑定项目，首选的就是mvc 以及mvvm等框架，也就是主流的angular.js 和vue.js，之前有用angular.js 写过项目，但是数据的双向绑定并没有vue.js灵活；在使用vue.js框架快速完成美食网站后，更加离不开这个框架了，简单方便，易于管理和后期的维护。 个人博客框架 ...
三更博客 三更 三更草堂 SpringBoot前后端分离项目实战-博客项目-Java项目 Spri-SGBlog.zip
11-06
【描述】"三更博客 三更 三更草堂 SpringBoot前后端分离项目实战-博客项目-Java项目 Spri-SGBlog" 进一步确认这是一个关于三更博客的项目，可能是由三更草堂这个团队或个人创建的。"SpringBoot前后端分离项目实战...
毕业设计项目-个人博客基于Vue,Element-UI和Vue-Element-Admin实现，等技术实现。.zip
04-19
【资源说明】【毕业设计】 1、该资源内项目代码都是经过测试运行成功，功能正常的情况下才...3、不仅适合小白学习实战练习，也可作为大作业、课程设计、毕设项目、初期项目立项演示等，欢迎下载，互相学习，共同进步！
Java毕设大作业项目-基于springboot+vue的在线个人博客BLOG网+源代码+数据库+论文.zip
06-30
本项目为基于Spring Boot与Vue的在线个人博客BLOG网，专为计算机相关专业学生及Java学习者设计，提供完整的毕设及实战练习资源。核心功能涵盖用户注册登录、博客文章发布与管理、评论互动、分类与标签管理等，实现...
vue 简单个人博客
03-28
实现分页功能，bootstrap栅格布局，用vue2实现前后端分离，
SpringBoot项目实战-个人博客系统blog.zip
05-25
该项目利用了基于springboot + vue + mysql的开发模式框架实现的课设系统，包括了项目的源码资源、sql文件、相关指引文档等等。 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理...
Vue--搭建个人博客
old brother stable
01-12 9404
1.初始化vue项目 1.1环境初始化 1.安装node。官网直达 2.安装淘宝npm镜像提高下载速度。 npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装vue脚手架vue-cli。 npm install --global vue-cli 1.2创建项目
基于Vue.js实现的个人博客前端项目
qq_43056536的博客
12-31 2145
personal-blog 基于Vue.js实现的个人博客前端项目 Github 个人博客前端项目 技术 vue框架 使用vue-router进行路由管理 使用vuex进行状态管理 使用 postcss-px-to-viewport 适配移动端布局，px自动转换vw 使用axios进行ajax请求 使用element-ui的部分组件 使用mavon-editor编辑器来书写markdown格式的博客 个人博客网址 个人博客网址 功能 登录注册功能 发表博客 收藏博客 搜索博客 按分类或标签查看博客 修
vue个人博客项目部署上线
weixin_34081595的博客
05-14 413
前言 之前有发过这个项目的文章了，根据朋友的建议改变了博客的样式，也增加了一些新功能，下面完整地介绍这个博客项目。文末附前端实习求职简历 项目简介 简要介绍：一个前后端分离的项目主要技术栈：vue全家桶 + node.js + Express + Mongodbgithub地址： vue博客内容管理系统 项目线上地址： FatDon...
一个基于Vue+SpringBoot的个人博客项目，含数据库文件
Python代码大全
12-29 367
完整代码下载地址：
Vue项目--个人博客
weixin_33816611的博客
04-25 138
vue-blog 链接： github 主要技术构成 前端主要技术栈为vue.js、vue-router、 vue-resource、 vuex 后端主要技术栈为node.js、 mongodb、 Express 博客功能 前台页面 canvas粒子效果 搜索文章 动态显示文章 留言 文章分类显示 评论文章 文章目录 后台管理页面 ...
spring boot vue-element 开发个人博客项目实战教程
04-28
很高兴回答你的问题。对于Spring Boot和Vue-Element开发个人博客项目的实战教程，我可以提供以下的步骤： 1. 项目准备 首先，你需要安装好Java、Maven和Node.js环境。然后，创建一个Spring Boot项目，添加相关依赖，如Spring Web、Spring Data JPA、MySQL数据库驱动等。 接着，你需要创建一个Vue.js项目，在项目中添加Element UI组件库和Vue Router路由，同时使用Vue CLI来管理项目。 2. 后端开发 在后端开发中，你可以使用Spring Boot提供的JPA来操作数据库，定义实体类和Repository。同时，你需要编写Controller来处理前端发送的请求，并返回相应的数据。 3. 前端开发 在前端开发中，你需要使用Vue.js和Element UI组件库来构建页面。你可以使用Vue Router来实现页面跳转，并使用Axios来发送异步请求。 4. 项目整合 在项目整合中，你需要将前端代码打包，然后将其放置到Spring Boot项目的静态资源目录下。同时，你需要编写Spring Boot的Controller来处理前端请求，并返回相应的数据。 5. 项目部署 最后，你需要将项目打包成可执行的Jar包，并将其部署到服务器上。 以上就是Spring Boot和Vue-Element开发个人博客项目的实战教程的步骤。希望能对你有所帮助。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值