Skip to content
使用 Vue 制作的记事本网站,练手项目。后端使用 Koa2。
Vue JavaScript TypeScript CSS Other
Branch: master
Clone or download
Latest commit dfe8eed Sep 26, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
koa2 server Sep 25, 2019
public favicon.ico Sep 25, 2019
src checkRegist Sep 25, 2019
tests/unit 0.1-修改为透明配色之前 Jul 15, 2019
.browserslistrc init Jun 26, 2019
.editorconfig 0.1-修改为透明配色之前 Jul 15, 2019
.eslintrc.js 0.1-修改为透明配色之前 Jul 15, 2019
.gitignore init Jun 26, 2019
README.md readme Sep 26, 2019
babel.config.js init Jun 26, 2019
jest.config.js init Jun 26, 2019
package-lock.json 添加注册时验证邮箱步骤-之前 Sep 15, 2019
package.json checkRegist Sep 25, 2019
postcss.config.js init Jun 26, 2019
prettier.config.js 0.1-修改为透明配色之前 Jul 15, 2019
recode.md edituser改为3步之前 Aug 27, 2019
screenshot.png screenshot Sep 25, 2019
tsconfig.json init Jun 26, 2019
tslint.json 0.1-修改为透明配色之前 Jul 15, 2019

README.md

简介

这是一个练习用的记事本网站,只能储存纯文本的笔记。

前台 Vue CLI,后台 Node.js,数据库 MySQL。

功能:

笔记的增删改查; 用户注册登陆,修改资料(使用邮箱验证)

技术栈:

前台:Vue + Element + Typescript + Less。

后台: Koa2 + MySQL + JWT。

演示网址:

https://note.pixiv.download

启动项目

项目中同时包含前台和后台项目。后台项目文件夹 koa2 可以移至其他位置。

  1. 安装依赖
npm i -g @vue/cli

npm i

cd ./koa2
npm i
  1. 初始化数据库

在数据库中运行 koa2/database.sql 的语句,或者在 mysql 中导入 sql 文件,如:

mysql -u root -p

// 把 database.sql 的路径替换为真实路径
source koa2/database.sql
  1. 编辑配置文件

填写 koa2/config.js 中的配置信息

  1. 启动前后台
npm run serve

cd ./koa2
npm run koa
You can’t perform that action at this time.