vue+express+mongoose搭建的完整博客系统，前后端分离开发，简单清爽风格

最新推荐文章于 2024-04-23 09:39:25 发布
最新推荐文章于 2024-04-23 09:39:25 发布
阅读量404 收藏
点赞数 1
分类专栏： Vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/johnny_mu/article/details/105755677
版权
本文介绍了如何利用Vue.js、Express和Mongoose搭建一个完整的、前后端分离的博客系统。前端采用Vue、Vue-router和element-ui进行构建，后端则依赖于Express和Mongoose进行数据处理。项目还集成了jsonwebtoken用于认证。源代码已上传至GitHub，包括主页、文章详情页、后台管理页面和文章编辑页，且支持Markdown实时预览。
摘要由CSDN通过智能技术生成

最近想结合所学写一个项目，最后决定写一个博客系统，使用的技术栈为：

前端：Vue Vue-router element-ui

后端：express moogose jsonwebtoken

使用了vue-cli搭建项目

仓库地址： https://github.com/JohnnyMu/vue-blog-master

主页：
在这里插入图片描述

文章详情页：
在这里插入图片描述
后台管理页面：
在这里插入图片描述

文章编辑页：
在这里插入图片描述

markdown实时预览：
在这里插入图片描述

最低0.47元/天 解锁文章
蜉蝣V
关注
专栏目录
使用vue+express+mongoose打造商城
volare_whz的博客
02-26 881
趁着寒假有时间，想加强下自己的vue基础 同时学习node和mongodb，于是选择了一门慕课网的实战来学习 技术栈：vue+vue-router+vuex(一点)+axios+express+mongoose 项目上线地址 http://shop.scauvolare.cn/ 废话不多说，先上目录结构 ImoocMall ├─ .babelrc ├─ .editorconf...
Vue+Express+Mongoose 简易博客网站踩坑记录（二）——— express cors跨域请求问题
陈凉树夏的博客
01-25 288
Vue+Express+Mongoose 简易博客网站踩坑记录（二）———express cors跨域请求问题 跨域问题算是遇到的第一个比较复杂的问题，也是博主本人第一次遇到，解决的过程中却也了解到一些相关的知识与解决方法 话不多嗦，直接贴express中跨域问题的结局方法的代码 const express = require("express"); const app = new express(); // 设置跨域参数 const corsOptions = { origin: "http://lo
vue + express + mongoose项目构建,简单测试
Little_Pig_Bug的博客
09-17 592
承接我之前的一篇文章，https://blog.csdn.net/Little_Pig_Bug/article/details/82712986，使用的是同一个后台项目myapp mongoose我们可以理解他是Oracle和mongodb的一个混合产物 1.安装mongoose,cd进入myapp文件夹 C:\projects\myapp>npm install mongoose ...
利用Vue全家桶+Express+mongodb搭建属于自己的简历博客网站
01-08
symbol_me Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints and fixes files npm run lint 特色 界面较为美观，并可自定义自己的简历信息，包括个人信息、就学经历、项目经历、个人技能信息 项目信息存储在mongodb数据库，大文件用gltf存储，后台服务程序由express搭建。项目地址:https://github.com/Lo
Vue+Express+Mongoose 简易博客网站踩坑记录（一）
陈凉树夏的博客
01-25 201
Vue+Express+Mongoose 简易博客网站（一）写这篇文章的目的一.项目的技术选择二.项目的初始化插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 写这篇文章的目的 在前端知识的学习中，为了进行知识的巩固，根据一些网课还有视频上的方法，从头开始搭建了一个非常粗糙的博客网站，写下这
VUE+node（express）实现前后端分离
01-19
vue作为前端的框架，node(express)作为后端的框架。无数据库，使用端口保存数据。 VUE: 使用vue-cli构建vue项目（vueapp）。 npm install -g vue-cli（安装，安装过的就不用了） vue init webpack vueapp axios：...
《Vue Spring Boot前后端分离开发实战》源码Vue+Spring Boot前后端分离开发实战教学课件（PPT）
08-09
在现代Web应用开发中，Vue.js和Spring Boot的结合已经成为了一种常见的前后端分离架构模式。这本《Vue Spring Boot前后端分离开发实战》的源码提供了深入学习和实践这一技术栈的机会。以下是对其中涉及知识点的详细...
基于Gin+Vue+Element UI的Go语言前后端分离权限管理系统设计源码
最新发布
09-28
该源码项目采用Gin+Vue+Element UI技术栈，实现了一个前后端分离的权限管理系统。项目包含254个文件，涵盖185个Go源文件、16个模板文件、15个YAML配置文件等，支持Go、JavaScript、Shell、CSS、HTML等多种编程语言。...
基于nodejs+express+vue+mysql的前后端分离在线订餐系统源码+sql数据库.zip
07-05
基于nodejs+express+vue+mysql的前后端分离在线订餐系统源码+sql数据库.zip 该项目是个人毕设项目，答辩评审分达到95分，代码都经过调试测试，确保可以运行！欢迎下载使用，可用于小白学习、进阶。 该资源主要针对...
vue2+express+mongoose后台管理系统
weixin_34217711的博客
03-28 343
Vue-admin 这是一个不简单的全栈后台管理系统。 想法 做一个全栈项目，可以发表文章，管理评论、用户、标签、文章、添加图片等类似于wordpress的项目，主要是学习mongoose操作mongodb数据库，学习一对多，多对多关系设计。 由于工作量很大，将后期陆续完成。 主要功能有： 首页 (一些文章新增，用户动态) 文章管理（文章列表+新增文章） 菜单管理（分配菜单） 角色管理（暂时只有...
利用Vue.js+Node.js+MongoDB实现一个博客系统（附源码）
10-19
本文主要介绍了利用Vue.js+Node.js+MongoDB实现一个博客系统，这个博客使用Vue做前端框架，Node+express做后端，数据库使用的是MongoDB。实现了用户注册、用户登录、博客管理、文章编辑、标签分类等功能，需要的朋友可以参考学习。
探索Vue.js、Node.js与MongoDB融合构建的博客平台：Vue-Node-Mongo-Blog
gitblog_00060的博客
04-23 566
探索Vue.js、Node.js与MongoDB融合构建的博客平台：Vue-Node-Mongo-Blog 去发现同类优质开源项目:https://gitcode.com/ 在这个快速发展的Web开发世界里，前端和后端的无缝集成成为了一个热门话题。是一个开源项目，它利用了Vue.js、Node.js和MongoDB的强大组合，构建了一个功能丰富的博客系统。本文将深入探讨该项目的技术细节，应用场景及...
vue+express+mongoose搭建前后端分离的简单项目
weixin_33895657的博客
11-20 920
参考资料 参考资料 工作流程 前后端分离，各自开发。这里前后端分离是这样的：前端用Vue开发静态页面，路由通过Vue-Router进行，后端用Node仅用于编写API给前端调用获取数据。 前端开发时通过Vue-Cli中提供的proxyTable进行代理，由此可跨域调用Node编写的API。 前后端各自开发完成，测试无误后，前端通过webpack打包压缩，后端拉取前端打包压缩好的文件即部署完成。 ...
vue+express+mongodb+mongoose项目部署
Dyanfee的博客
06-10 496
vue+express+mongodb项目部署 项目结构： 前后端分离项目，前端使用vue+vuex+axios, 后端使用node+express+mongodb+mongoose. 项目地址：https://github.com/dyanfee/vueBlog 一、环境部署 1. mongodb 下载 wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-4.2.7.tgz 解压 tar -xvf mongodb-l
腾讯云轻量应用服务器部署vue+express+mongoose前后端分离项目
u012914342的博客
01-31 1328
搞了一个个人博客，想要发布到腾讯云。由于之前从未接触过linux相关知识，所以在查了各种资料，挖了各种坑，重置了N次系统后终于将个人博客上线了。随手记录下正确的完整过程和维护常用的代码，希望对大家有所帮助 一、购买服务器与域名 这里我使用的是腾讯云轻量应用服务器，CentOS7.6镜像，使用pm2+nginx部署项目。其他不多说，买就完事了，买完就能看到你的服务器了 二、密钥与Xftp 我们需要一个密钥和Xftp软件绑定，以便于文件的传输。 点击密钥，新建密钥并保存到本地；然...
Express操作MongoDB
m0_74331185的博客
11-30 786
Express操作MongoDB
记小白的一次基于vue+express+mongodb个人站开发
weixin_30883271的博客
08-21 240
　　学了vue和node一段时间了，折腾了一些零零散散的小东西。马上大四了要出去找工作了，所以早就想搭一个个人站作为一次较为全面的总结。因为没有设计功底，界面设计使我这种强迫症患者苦不堪言。幸而到最后花了一个星期，慢慢磨还是做出来能看的。本文章也只是记录一下小白的学习记录，然后期待大佬进行指教。好了，开始正题吧。 　　一：先放在线预览地址吧（http://www.guoaihua.com） 　...
express+mongoose
微光·火炬
08-29 445
const express = require(‘express’); const mongoose = require(‘mongoose’); //链接mongo 并且使用imooc这个集合 const DB_URL = ‘mongodb://127.0.0.1:27017/imooc’ mongoose.connect(DB_URL) mongoose.connection.on(‘con...
Express 项目中使用 Mongoose
caopeng26的专栏
08-25 2847
创建好express 项目caoyuan1、 建一个config文件夹并在里面创建一个config.jsmodule.exports={ mongodb:"mongodb://localhost/cao_db" // 导入数据库连接 };2、 在config文件夹创建一个mongoose.jsvar mongoose=require('mongoose'); var config=require(
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值