Vue3+Vite+Koa2的一个前后端分离todolist记事本网站

已于 2022-12-31 18:08:18 修改
阅读量757 收藏 5
点赞数
分类专栏： 前端项目教程以及代码 文章标签： 前端 后端 vue koa node
于 2022-06-23 16:11:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_23073811/article/details/125428576
版权

介绍

使用Vue3+Vite+Koa2的一个前后端分离todolist记事本网站，功能较为简单，页面自己设计的（自我感觉良好），可能有些地方有点小bug，此项目当时主要是练习koa2的基本使用和项目自动化部署（之前有一篇文章有相关介绍，感兴趣可以翻一下）。

技术栈

  • 前端
    • Vue3
    • Vite
    • Axios
  • 后端
    • Koa2
    • mysql
  • 工具
    • VScode（编辑器）
    • Navicat（数据库管理工具）
    • node（需较高版本！！！）
  • 其他工具
    • pm2（进程管理）（简单粗暴作用：npm运行的任务有时候会挂掉，用这个保持运行）

源码

觉得不错的话可以给个star哦~~要先把后端运行起来，数据库sql文件导入运行
前端：https://gitee.com/yyy1203/yyy-todolist
后端：https://gitee.com/yyy1203/todolist-node

了解本专栏 订阅专栏 解锁全文 超级会员免费看
coderYYY
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
todolist:网页版代办事项列表
07-07
TodoList 一个网页的代办事项列表 Quick Start go get github.com/Bluek404/todolist 或者直接从releases下载 编辑config.yaml 运行 完成度 多用户支持 支持待办事项分类 支持隐藏已完成事项 支持添加待办事项 支持编辑待办事项 支持删除待办事项 支持多终端登录自动同步各个终端列表 支持自定义事项背景颜色 支持代办事项支持时间提醒w 支持指定日期提醒 支持间隔一定时间提醒 支持固定时间提醒（生日、闹钟等） 支持达到时间使用邮件提醒 支持达到时间使用短信提醒 支持达到时间使用QQ提醒
vue3+vite+qiankun+monorepo框架
08-03
vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+...
php eto,LICENSE · PHP-Max/etodo - Gitee.com
weixin_42319263的博客
03-13 93
The MIT License (MIT)Copyright (c) 2015 PHP-MaxPermission is hereby granted, free of charge, to any person obtaining a copy ofthis software and associated documentation files (the "Software"), to deal...
php lp,_lp.php · qq492607291/timetodo-server - Gitee.com
weixin_33603405的博客
03-17 66
define( "MYSQL_ASSOC" , MYSQLI_ASSOC );// 配置文件$GLOBALS['config']['db']['db_host'] = 'localhost';$GLOBALS['config']['db']['db_port'] = 3306;$GLOBALS['config']['db']['db_user'] = 'root';$GLOBALS['config...
vue-cli todolist
宏斌的博客
10-20 223
【代码】vue-cli todolist。
Gitee推送触发自动构建
江黎
09-08 303
java核心代码 package com.webhook.controller; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.beans.factory.annotation.Value; import org.springframework.web.bi
vue3+vite+antd 后台管理系统基础模板
02-06
vue3+vite+antd后台管理系统 vue3 vite antd 后台管理系统 基础模板 vite秒启动 弃用webpack，解决启动加载过慢的问题
在线答题系统 Vue3 + Vite + Element Plus + Koa.zip
最新发布
01-04
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 详细介绍了一些Qt框架的各种功能和模块，以及如何使用Qt进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者...
vue3+vite+ts 仿淘宝放大镜效果
09-17
1.本demo是一个类似于淘宝放大镜的效果。 2.使用vue3+vite搭建 3.实现了图片点击轮播和移入放大的效果 4.下载下来可直接使用，必须真实 有问题可以直接提问
vue3+vite2+ts+vant3 项目demo
04-16
此项目 按照大佬文章 一步步学习搭建 https://juejin.cn/post/7036745610954801166?share_token=5dd94aae-bed2-4733-93ac-306118376443；感谢大佬
从零开始学React第五天~实现hook相关性能优化
weixin_47077674的博客
12-31 382
前言 今天是学习react的第五天啦，我的第一个小目标是将平时使用的todo清单软件通过react在web端一比一的实现所有功能！ 前面写的文章都会放在前言中： ????代码仓库链接 react-todo gitee仓库 ????在线预览效果 react-todo 开发进度 # ????从零开始学React第一天~React基础框架的构建(Create React App+Tailwind css+Material ui) # ????从零开始学React第二天~React配置Eslint+路由导航的实现
koa+Vite+vue3+ts+pinia构建项目
WaterSprite_ct的博客
03-13 631
注：Vite 需要版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。
在vue中使用koa
~~
11-06 2903
0.安装Node ,安装完成后可用以下命令查看是否完成安装。 查看node版本 ： node -v 1.搭建环境 新建文件夹 koa2，并初始化。初始化完成生成packge.json文件，配置项目的配置项 cnpm init -y //-y ，y即yes的缩写，默认配置 2，安装koa cnpm i koa -S 安装nodemon（自动重启模块） cnpm i nod...
教你使用 koa2 + vite + ts + vue3 + pinia 构建前端 SSR 企业级项目
weixin_46837985的博客
07-01 987
作者：易师傅https://juejin.cn/post/7086467466703929358前言大家好，我是易[1]，在上一篇文章中，我们有讲到《如何使用 vite+vue3+ts+pinia+vueuse 打造前端企业级项目》[2]，能看的出来很多同学喜欢，今天给大家带来爆肝许久的如何使用vite 打造前端 SSR 企业级项目，希望大家能喜欢！如果大家对 Vit...
【服务器】搭建vue3+vite+koa2+mongodb网站 ----- 常见问题
qq_40881695的博客
09-04 255
服务搭建 - 常见问题
【Vue + Koa 前后端分离项目实战】使用开源框架==＞快速搭建后台管理系统 -- part1 项目搭建
Sabrina_cc的博客
08-22 1001
项目地址源码：林间有风: 林间有风团官方团队介绍 | Lin CMS项目是前后端分离的框架，可以根据需要选择版本。本课程和博客主要使用vue+Koa实现后台管理系统。
jQuery——toDoList案例分析
weixin_42985170的博客
05-02 302
jQuery综合案例: toDoList案例分析案例预览案例：案例介绍案例：toDoList 分析案例：toDoList 按下回车把新数据添加到本地存储里面案例：toDoList 本地存储数据渲染加载到页面案例：toDoList 删除操作案例：toDoList 正在进行和已完成选项操作案例：toDoList 统计正在进行个数和已经完成个数 案例预览 toDoList网址http://www.to...
【服务器】搭建vue3+vite+koa2+mongodb网站 ----- 部署前端项目（步骤二）
qq_40881695的博客
05-19 547
部署前端项目
我的todolist网站
dong4138
11-10 541
[url=http://www.iwaner.cn]www.iwaner.cn[/url]: 这是我写的一个todolist网站. 相比别的todolist网站或者eclipse， 多了一个进度条， 并且组织方式也不一样，似乎很占屏幕空间。并且不太适合轻量级敏捷开发里的任务单。我就把这个todolist工具定位为“中量级”吧 :D 不知道这种“中量级”的是否有需求， 哈哈 推荐几个国外...
vue3+vite +express+mysql写一个前后端分离的商城项目
03-26
抱歉，作为AI语言模型，我并没有能力开发完整的项目，但我可以为你提供一些有用的参考，希望能帮到你： 1. 学习Vue3的基础知识以及Vue-Router、Vuex、Axios等相关组件，可以参考官方文档：https://v3.cn.vuejs.org/ 2. 学习Vite的使用方法，可以参考官方文档：https://vitejs.dev/guide/ 3. 学习Express框架的使用方法，可以参考官方文档：https://expressjs.com/ 4. 学习MySQL数据库的使用方法，可以参考官方文档：https://dev.mysql.com/doc/ 5. 开发一个简单的商城项目，包括商品展示、购物车、下单功能等。前端采用Vue3+Vite技术栈，后端采用Express+MySQL技术栈。 6. 前后端分离的项目开发，需要注意跨域问题，可以使用cors中间件解决：https://expressjs.com/en/resources/middleware/cors.html 7. 可以使用Sequelize ORM库来管理MySQL数据库：https://sequelize.org/ 8. 最后，推荐一个开源项目，提供了一个类似的商城示例：https://github.com/bailicangdu/vue2-manage 希望这些参考能够帮助你开始实现你的商城项目，祝你好运！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

coderYYY

请简单粗暴地爱我，一元一元的赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值