node+mongodb+vue构建个人博客网站

最新推荐文章于 2024-08-21 08:36:59 发布
最新推荐文章于 2024-08-21 08:36:59 发布
阅读量1k 收藏 6
点赞数
分类专栏： 小项目 文章标签： node 个人博客 mongodb vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44457144/article/details/88415390
版权
本文介绍了作者利用业余时间构建个人博客网站的过程，采用的技术栈包括VueCLI、Less、Express和MongoDB。博客网站包含首页、博客详情、权限认证和后台管理页面。后台管理模块支持登陆验证、文章增删改查等功能，同时引入了Element-UI和富文本编辑器。项目代码因样式调整多次而略显混乱，作者期待与读者交流优化建议。
摘要由CSDN通过智能技术生成

近来，利用工作之余，自己撸了一个博客网站，个人审美观极差，来来来回回折腾了几次，不知道到底用什么样的样式，发现没有UI是真的难受啊。先上图，再讲实现。
选择页面
首页，还没想好左边放点啥。可以查看博客详情，右侧可以查看大图
首页，还没想好左边放点啥。可以查看博客详情，右侧可以查看大图
博客页面，左侧的分类栏可以点击查看分类，右侧的博文可以点击进去查看博客详情
博客页面，左侧的分类栏可以点击查看分类，右侧的博文可以点击进去查看博客详情
权限认证页面，这里我后面想把注册按钮去掉，只留我注册的一个管理员登陆即可
权限认证页面，这里我后面想把注册按钮去掉，只留我注册的一个管理员登陆即可

最低0.47元/天 解锁文章
MasonEast
关注
专栏目录
一个 Vue + Node + MongoDB 博客系统
超超不会飞
04-22 336
源码 耗时半载（半个月）的大项目终于完成了。这是一个博客系统，使用 Vue 做前端框架，Node + express 做后端，数据库使用的是 MongoDB。实现了用户注册、用户登录、博客管理（文章的修改和删除）、文章编辑（Markdown）、标签分类等功能。 很早之前就想写一个个人博客。学了 Vue 之后，把前端部分写出来，然后 Node 一直拖拖拉拉的学了很久，中间又跑去实习了一段时...
vue+node+mongoDB前后端分离个人博客(入门向)
TaoLand
08-12 2627
最近学习了VUE，自己为了学习做了个小小的博客，功能很简单，不过开发过程中也遇到了很多坑，所以记录下来方便以后使用。欢迎大家交流学习。 功能 实现了用户注册、登录、token检测登录、用户留言、个人中心、图片上传、博客管理（文章的修改和删除）、文章编辑（Markdown）、标签分类等功能。 前端使用vue全家桶（cli,router,vuex,axios），框架用的element...
Vue Blog 开源项目教程
最新发布
gitblog_00370的博客
08-21 654
Vue Blog 开源项目教程 vue-blog???? 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案项目地址:https://gitcode.com/gh_mirrors/vue/vue-blog 项目介绍 Vue Blog 是一个基于 Vue.js 的开源博客系统，旨在为开发者提供一个快速搭建个人博客的解决方案。该项目充分利用了 Vue.js 的组件化和响应式特性，使...
Vue+node.js+mongodb开发的个人博客系统
weixin_45274629的博客
03-07 633
用Vue和Node开发的个人博客 前言 最近学习了Vue，于是想开发一个个人博客系统。前前后后花了7天时间。最终将项目完成了，前端Vue，后端Node，数据库mongodb。 先放地址：http://39.107.104.155/，暂时还没备案 效果图 主页 文章页 关于页 以及夜间效果 项目源码在网站的文章中有，喜欢的朋友可以去看一看 ...
vue+node支持服务端渲染的博客系统
weixin_33851604的博客
07-15 364
感悟 历时两个多月，终于利用工作之余完成了这个项目的1.0版本，为什么要写这个项目？其实基于vuejs+nodejs构建的开源博客系统有很多，但是大多数不支持服务端渲染，也不支持动态标题，只是做到了前后端分离，对于博客类系统seo肯定很重要，索性就自己动手写了这个项目，其中也遇到了不少问题， 因为基于服务端渲染的项目不多，自己能力也有限，...
用vue-node-mongodb写了一个个人博客
weixin_30782293的博客
07-12 217
撸了一个自己的个人博客 一直是想写一个自己的博客，最近有点时间，花费了几天就撸了一个，雏形已经有了，后续完善内容，优化功能，有很多地方还没来的及做处理，后续继续优化。自己能力有限，有些地方处理的不好，希望大家能够给予指正，以后自己的博客也会同步到这个网站上，下面进入正题。 github地址 网站地址 前端页面的文档 页面的话，直接使用vue-cli生成项目，安装相应依赖包，运行项目，该项目中安装的...
基于node.js+MongoDB+vue开发的个人博客系统.zip
08-01
基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
前端 Vue+Node+MongoDB高级全栈开发
09-11
在实际开发中，结合使用 Vue.js、Node.js 和 MongoDB 可以构建出高性能的 Web 应用。以下是一些关键步骤： 1. **搭建环境**：首先需要安装 Node.js 和 MongoDB。对于 Vue.js，可以通过 Vue CLI 工具快速创建项目。 ...
利用Vue.js+Node.js+MongoDB实现一个博客系统（附源码）
10-19
总结来说，这个项目展示了如何结合Vue.js、Node.js、MongoDB以及相关的库和框架，构建一个完整的博客系统。通过这个项目，开发者可以学习到前端的Vue生态、后端的Node.js API开发以及数据库操作，同时理解前后端交互...
Node+MongoDB+Vue开发的博客系统.zip
08-01
基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
VUE+nodejs+mongodb的个人博客
weixin_42481944的博客
07-06 126
VUE+nodejs+mongodb的个人博客基于vue+nodejs+mongodb的个人博客系统图文使用方法github地址 基于vue+nodejs+mongodb的个人博客系统 项目是在github上也有，主要是用来当作一个课程设计，然后这篇文章主要是给别人解释的时候图文详解，就想着放上来给小白参考一下（可能有误解，谨慎参考…） 图文 使用方法 npm install 启动mongodb数据库 cd client --npm run dev cd server–
vue2nodemongodb搭建的个人博客管理系统
08-10
vue2 node mongodb搭建的个人博客管理系统
vue+node+mongodb博客
08-09
实现了用户注册、登录、检测登录、上传头像、博客管理（文章的修改和删除）、文章编辑（Markdown）、标签分类等功能。 + 前端使用vue全家桶（cli,router,vuex,axios），框架用的elmentUI + 后端使用node,框架用的express,mongoose + 数据库采用mongodb
Web前端(vue/cli脚手架)+后端（NodeJS+Express）搭建个人博客
01-05
此项目为个人博客搭建，纯代码手写堆叠，没有用到第三方的模板，适合前端小白+懂点后端的小白，简单，涉及前端+后端（Node JS+expres）+数据库（MongoDB）
使用vue和node开发的博客系统
08-09
一个简单的博客系统 前端使用vue.js框架，后台利用express搭建服务器，数据库使用了mongodb。 实现了登录、注册、文章填写、保存、提交、搜索、个人信息管理等功能。
使用node+vue实现一个前后端分离的简约博客
weixin_33980459的博客
03-19 520
技术栈：使用node.js + koa2 + mongoDB + vue + vue-router + element-ui 实现的前后端分离的简约风格的博客 线上地址 http://148.70.233.26:8080 源码在github上 github.com/zhaotbj/nod… 使用的是腾讯云的服务器 博客介绍 前后端分离开发 默认是后台目录， 其中vue-views目录下是前端...
react 的一些学习资料
fareast_mzh的博客
08-03 367
* react开发实战 （Pro React） https://github.com/apress/pro-react   * react 配置好的环境https://github.com/brickspert/react-family react教程https://github.com/brickspert/blog/issues/1 react后台管理 https://github...
基于vue+node.js+mongodb的前后端分离个人博客
xmie233的博客
07-07 335
介绍 一个基于vue + node.js + mongodb的前后端分离个人博客 地址：https://github.com/xmie233/vueblog 欢迎大家前来star⭐️ 环境 vue-cli 4.5.0 node.js 14.16.0 mongodb 4.4.5 技术栈 前端：vue-cli，vue-router，vuex，axios，bootstrap 后端：node.js，mongodb，express 主要功能 前台：文章详情，文章列表、文章分类，文章搜索、评论和点赞、用户登陆、登出和
探索高效博客系统：Vue + Node + MongoDB 博客项目
gitblog_00880的博客
08-12 272
探索高效博客系统：Vue + Node + MongoDB 博客项目 vueBlogvue + node + express + mongodb 个人博客系统项目地址:https://gitcode.com/gh_mirrors/vue/vueBlog 项目介绍 在数字化时代，个人博客不仅是分享知识和经验的平台，也是展示个人技术实力的重要窗口。《一个 Vue + Node + MongoDB ...
Node.js + MongoDB 构建的Vue博客系统教程
资源摘要信息:"基于node.js、vue、mongodb构建的博客系统" 知识点详细说明: 1. **Node.js**: - Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它使得JavaScript可以脱离浏览器在服务器端运行。 - Node....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值