vuejs+koa2+mysql全栈开发个人博客(一) —— 总体介绍

最新推荐文章于 2025-06-27 15:22:38 发布
最新推荐文章于 2025-06-27 15:22:38 发布
阅读量5.6k 收藏 16
点赞数 3
CC 4.0 BY-SA版权
分类专栏： 前端项目 文章标签： vuejs koa2 express nodejs mysql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Nate__River/article/details/80099010

这个系列的博客我会详细的介绍vuejs+koa2+mysql全栈开发个人博客的技术要点。

  1. 技术要点一 登录状态储存
  2. 技术要点二 页面访问权限
  3. 技术要点三 后台操作权限

版权申明

这个项目是我fork了某位大神的开源git项目,并在其基础上进行的开发

在线地址

帕尼尼的个人博客

Vuejs存在首屏加载问题，虽然我做了部分优化，但加载出来仍需要10秒左右

项目地址

github地址

项目介绍

一个前端基于Vue2.0全家桶，后端基于koa+mysql的前后端分离博客。前端界面使用了flexbox+rem布局，后端界面使用了element ui。本项目可以作为一个前端进阶项目，从前端flexbox布局到前端框架的使用，再到后端以及数据库，是一个打通前后端流程的一个项目。

特点

  • 支持 MarkDown 编辑
  • 支持代码高亮
  • 支持移动端浏览

前端工具

  • Vue2.0
  • Vue-Router
  • Vuex
  • axios
  • element ui

前端布局采用flexbox+rem布局，关于flexbox请阅读一个完整的Flexbox指南以及这篇最新的理解Flexbox：你需要知道的一切

本项目还采用了手机端适配，关于移动端的学习资料请按照我下面罗列的资料按顺序仔细阅读。

  1. 移动端调试
最低0.47元/天 解锁文章

200万优质内容无限畅学
使用koa2vue2搭建自己的博客系统
08-10
使用koa 2 vue 2搭建自己的博客系统
vue移动电商java_Vue.js+Koa2移动电商实战 笔记
weixin_34129429的博客
02-25 127
2、使用vant按需引入想要的组件，import { Button } from 'vant';在.babelrc中配置plugins(插件)1 "plugins": [2 "transform-vue-jsx",3 "transform-runtime",4 ["import",{"libraryName":"vant","style":true}]5 ]3、使用谷歌...
Node.js到底是什么
最新发布
ya3288426755的博客
06-27 1130
随着 TypeScript 的深度整合和云原生技术的普及，Node.js 不仅巩固了其在后端开发的地位，还逐步渗透到 AI、IoT 等新兴领域。对于开发者而言，掌握 Node.js 及其生态工具（如 Express、npm）是构建高效、可扩展应用的关键。我想像是npm、vite这些名词大家都很熟悉，对它们的作用也有大致印象，但是可能都像我一样不明白Node.js到底是什么，这里给大家带来一个简单介绍。Node.js 从一个实验性项目发展为现代 Web 开发的核心工具，其成功源于。
Koa2 + Vue【JWT鉴权之路】
jinchunye的博客
04-05 1392
JSON Web Token（缩写 JWT）是目前最流行的跨域认证解决方案，本文介绍它的原理和用法
vue+koa+mongodb 个人博客
weixin_33991418的博客
09-06 330
vue+koa+mongodb 搭建个人博客 很久以来就特别想搭建一个blog，但是都是由于技术原因没有搭建起来。以前学习github的时候准备采用github与hexo来搭建。但是后来想了一下自己也在学习nodejs，何不用自己学的vue和nodejs来搭建，这样也起到了锻炼自己的目的，于是此博客由此而生。 github: https:...
使用 React + Koa 打造一个轻量级的博客系统，调用语雀API接口实现
weixin_34187862的博客
05-16 1525
yq-blog 使用 React 和 Koa 实现了一个博客系统，该项目依赖于 语雀 提供的接口来实现。 演示地址: guozeling.cn/ 项目地址: github.com/zaleGZL/yq-… 语雀开发者文档: yuque.com/yuque/devel… 安装方法 在 语雀 创建知识库，并设置权限为公开 将该项目下载到本地 # 下载项目至本地 git clone https:...
Vue全家桶+SSR+Koa2全栈开发美团网[完整版].txt
08-09
Vue全家桶+SSR+Koa2全栈开发美团网[完整版] 完整版本不多，且下且珍惜！链接不可能失效，随时补
基于vuejs+koa2+mysql的高仿饿了么移动APP.zip
04-19
MySQL 是一款广受欢迎的开源关系型数据库管理系统（RDBMS），由瑞典MySQL AB公司开发，现隶属于美国甲骨文公司（Oracle）。自1998年首次发布以来，MySQL以其卓越的性能、可靠性和可扩展性，成为全球范围内Web应用...
react + koa + mysql + redis全栈项目
05-14
在本项目中，“React + Koa + MySQL + Redis”是一个典型的前后端分离的全栈开发框架组合，旨在构建高效、可扩展的Web应用程序。以下是这些技术的详细解释和它们在项目中的作用： **React.js** React是Facebook开发...
Vue全家桶+SSR+Koa2全栈开发美团网
12-11
Vue全家桶+SSR+Koa2全栈开发美团网
基于Vue.js+Koa+MySQL开发的个人博客
Carol的小星球
12-23 1283
我的博客 一直以来都想自己做一些个人项目, 于是想到了先做一个博客项目练练手。在GitHub上找了很多大神的开源博客项目来学习，慢慢的自己也完成了一个简单版本的博客，并部署上线。 目前项目已经全部部署到服务器，但域名还在备案，因此只能先通过IP地址访问。 线上地址 前端项目 后端项目 因为我做的这个项目功能并不复杂，所以非常适合大家用来练手哦，如果觉得有帮助欢迎给个star，感谢！ 设计 参照了h...
koa-blog:由koa提供支持的个人博客
05-24
koa博客 去做 建立每个页面 编写插件以方便重启 验证 mongo支持 单元测试 减少代码并部署到在线
koa2-vue：nodejs + vuejs全栈最佳实践
02-03
小前端从无到有实战系列 包含前一级数据库及爬虫包含前一级分离和服务端渲染vue，react，koa2，mongodb开发中... pc预览地址 mobile预览地址 【内有福利】可扫码 服务端koa2系列 移动端vue系列 后台管理react系列 pc端vue系列 知识点 vue一个渐进式web框架 vuex状态管理库 vue-router前端路由管理库 axios前瞻性请求库 koa2 nodejs Web开发框架 mongodb数据库 猫鼬数据库模型 木偶爬虫实现 七牛上传 开发模式包含前预期分离和服务端渲染 Linux的ubuntu16 Nginx的 自动化发布部署 笔记：
博客：基于Vue2和Koa2的个人博客
02-04
博客 博客系统。 基于Vue2，Koa2，MongoDB ... 前一级分离项目的博客系统，前端SPA +内置RESTful服务器 更新日志 2017/04/03：完成前端展示界面View级组件的编写 2017/04/04：将前端页面路由部署完成，编写完成博客后台管理界面查看级组件，将逐步管理平台的路由部署完成 2017/04/05：完善博客管理平台消息通知系统，增加页面加载进度条，编写管理平台登录界面，开始编写后台restful接口 2017/04/06：大致完成Restful接口标签部分，前端部署Vuex，完成前端和后台关于tag的数据交互 2017/04/07：完成博客后台管理平台和整合
koa2-todolist:基于Koa2+vue开发的todolist，包含登录，注册
05-11
vue+koa2的todolist 技术栈： vue koa2 mysql 项目说明 新手练习项目，工作主要是前端，本着兴趣接触学习koa2。 主要功能为登录，注册，对todolist增删改查等基础功能。 koa2主要提供接口，页面渲染路由等都由vue来完成。 数据库主要使用mysql。表有2张，用户表和list表。 项目运行 条件： node版本正确安装 mysql服务有启动 # 进入前端目录 cd client # 安装依赖 npm install # 本地开发环境 访问http://localhost:5050 npm run dev # 后端 cd server # 安装依赖 npm install npm start 或 node app.js request http://localhost:5000 主要依赖模块： 后端 mysql2 sequelize： 基于node.j
sequelize默认id主键可以改吗_koa+sequelize搭建后台系统
weixin_42569329的博客
01-25 711
使用koa+react+sequelize搭建博客系统，这篇文章讲述koa+sequelize的开发过程。支持增删改查等功能。代码放到了github：https://github.com/liangchaofei/cms上，可以直接下载运行先看下系统界面koa使用狼叔提供的koa-generate脚手架工具。安装koa-generate npm install -g koa-generator建立...
antd mysql_react + koa2 + mysql 开发个人博客篇 - 优雅的代码，简约的风格
weixin_35696012的博客
01-18 262
前言使用 react 有一段时间了, 也想用 react 去写点什么，平时接触最多的就是 blog 了，于是乎借助 antd 这个 UI 框架设计出了一个极其简约风格的 spa 博客。目的也是将 react 的生态圈的工具梳理一遍，后端则采用了 koa + sequelize + mysql 的技术选型(我司用的就是这个技术栈啦，所以笔者也用这个了)博客介绍前后台分离式开发(项目中也包含博客的后台...
vue+koa 美团实战之koa基础
simoon's的博客
10-15 1925
koa-generator使用 安装全局脚手架: npm i -g koa-generator 使用: koa2 -e koa2-learn cd koa2-learn npm install npm i --update-binary npm run dev async / await 的使用 声明了async , 可以没有await , 反之则不可以。 router.get('/...
vue移动电商java_《Vue.js+Koa2移动电商实战》总结
weixin_33503998的博客
02-25 216
跟着技术胖的教学文档，用Vue.js+Koa2+MongoDB技术栈大致上完成了指定的移动电商项目。虽然文档中有些许错误，但总体来说，里面的涵盖的内容比较广，讲得也比较透彻，对于新手来说十分友好。可以说，这篇文档让我进一步了解了客户端和服务端的关系，受益颇丰。下面我总结一下里面的一些要点：移动端适配问题-rem布局//得到手机屏幕的宽度let htmlWidth = document.docume...
Vue全家桶+SSR+Koa2+MongoDB：全栈开发美团网实践指南
通过Vue.js构建用户界面，Koa2提供后端支持，MongoDB作为数据库存储，以及Vue SSR提升页面性能，这一系列技术组合为开发者提供了一个高效、现代化的开发平台。对于希望深入了解全栈开发的开发者来说，本案例无疑是一...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值