Node+Express+Mysql+Vue简单博客项目

BLOG 项目

1. 项目介绍:

  该项目为个人博客项目,包括用户端和后台,采用的是前后端分离的方式,前端使用Vue框架,后端使用Node.js,使用Express框架,数据库采用MySQL数据库。

  用户端方面,每一位用户都需要进行注册和登录,每一位用户都有一个个人主页,展示个人的信息,同时用户也可以修改自己的相关信息。同时每一位用户都可以发布博客,可以查看自己发布的博客。

  每一篇博客,都有一个文章id,每一个博客都能被收藏。用户在发布博客的时候,需要让用户选择或添加博客的分类,这样其他用户可以根据相关的博客分类查询到博客。

  后台方面,要拥有管理员账户才能够登录,管理员拥有最高的权限,管理员可以删除任意一个博客或用户。

  项目地址:https://github.com/Jin0811/BLOG

2. 相关框架和数据库

  • Vue
  • jQuery
  • axios
  • Node
  • Express
  • MySQL

3. 页面展示

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

4. MySQL数据库表设计

4.1 use表

idnike_namepasswordavatarblog_numcollectionphoneemail
用户id昵称登录密码头像博客数量用户收藏的博客手机号邮箱

注意:

  • nick_name的默认值为’匿名’
  • avatar的默认值为’…/public/img/defaultAvatar.jpg’
  • blog_num的默认值为0,

4.2 blog_content表

idcontentimguser_idcollection_numtitlekeywords
博客id博客内容博客的图片博客作者id博客被收藏数量标题关键词

注意:collection_num的默认值为0

4.3 admin表

iduser_namepassword
管理员id管理员账号密码

5. 接口

接口详情可以查看当前目录下的 接口文档.md 文件,会放在GitHub上面。

6. 其他

  这个项目是一个很简单的个人博客项目,前端方面用了一些哔哩哔哩网站上的UI,侵删。
  后端方面还有很多要完善的地方,登录和注册的密码没有进行加密,session也没有设置,另外添加博客的地方,只能输入文字,不能插入图片,修改文字的样式,都需要完善。
  完整的前端和后端代码,放在了我的GitHub上面,地址:https://github.com/Jin0811/BLOG

  感兴趣的阔以跟我交流呀~

  • 1
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
要开发一个基于Vue3、TypeScript、NodeMySQL的个人博客,可以参考以下步骤: 1. 首先,你可以参考中的文章,了解如何使用Vue3和TypeScript搭建前端界面。这篇文章提供了一个非常详细的总览,包括项目的结构和要点。 2. 接下来,你可以在GitHub上找到一个示例项目,该项目是基于Vue3和TypeScript的前端博客部分。你可以根据该项目的结构和代码实现自己的个人博客前端。 3. 对于后端部分,你可以使用Node.js和Express框架来搭建一个RESTful API。你可以参考中的示例项目,该项目提供了一个使用ExpressMySQL构建的简单博客后端。你可以根据该项目的结构和代码实现自己的个人博客后端。 4. 在数据库方面,你可以使用MySQL作为存储数据的后端。你可以根据个人博客的需求设计数据库表结构,并使用Node.js和MySQL连接库来实现数据的增删改查等操作。 综上所述,你可以通过使用Vue3、TypeScript、NodeMySQL来开发个人博客。首先搭建前端界面,然后使用NodeExpress搭建后端API,并使用MySQL作为数据库存储数据。通过参考、和中的文章和示例项目,你可以更好地理解和实现这个过程。祝你成功!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vue3+TS+Node打造个人博客(后端架构)](https://blog.csdn.net/weixin_41196185/article/details/123415200)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值