利用Vue.js+Node.js+MongoDB实现一个博客系统（附源码）_vue3AIgtp - CSDN文库

157 浏览量更新于2023-03-16 评论 11 收藏 87KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

利用利用Vue.js+Node.js+MongoDB实现一个博客系统（附源码）实现一个博客系统（附源码）

本文主要介绍了利用Vue.js+Node.js+MongoDB实现一个博客系统，这个博客使用Vue做前端框

架，Node+express做后端，数据库使用的是MongoDB。实现了用户注册、用户登录、博客管理、文章编辑、标

签分类等功能，需要的朋友可以参考学习。

前言前言

这篇文章实现的博客系统使用 Vue 做前端框架，Node + express 做后端，数据库使用的是 MongoDB。实现了用户注册、用

户登录、博客管理（文章的修改和删除）、文章编辑（Markdown）、标签分类等功能。

前端模仿的是 hexo 的经典主题 NexT ，本来是想把源码直接拿过来用的，后来发现还不如自己写来得快，就全部自己动手实

现成 vue components。

实现的功能实现的功能

1.文章的编辑，修改，删除

2.支持使用 Markdown 编辑与实时预览

3.支持代码高亮

4.给文章添加标签

5.支持用户注册登录

使用到的技术使用到的技术

前端前端

1.Vue.js

2.vue-cli

3.vue-router

4.vue-resource

5.element-ui

6.marked

7.highlight.js

后端后端

1.Node.js

2.Express

3.Mongoose

基本思路基本思路

前端使用 vue-router 操作路由，实现单页应用的效果。使用 vue-resource 从后台获取数据，数据的处理全部都在前端，所以

后端要做的事情很简单——把前端打包好的数据存进数据库中和从数据库中取出数据。前后端使用统一的路由命名规则。

项目目录项目目录

| app.js 后端入口

| index.html 入口页面

| .babelrc babel配置

| .gitignore git配置

| package.json

| webpack.config.js webpack配置

|

|-dist vue打包生成的文件

|

|-node_modules 模块

|

|-server 后端

| check.js

| db.js 数据库

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

评论0

weixin_38734993

粉丝: 3
资源: 938

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈