美文网首页
Egg-todos:打通前后端第一步

Egg-todos:打通前后端第一步

作者: 孔先生你好 | 来源:发表于2019-05-08 16:00 被阅读0次

作为一名前端,对后端知之甚少,总觉得缺点什么。
所以我决定写 Egg-todos:

  • 一来是为了学习 Egg.js(上一篇Egg.js教程中有介绍)
  • 二来也是为了打通前后端的壁垒,两条腿走路,路好走!

效果预览:


image.png

项目Git地址:Egg-todos

启动

数据库下载安装

MySQL下载地址

  1. 安装完成后,开启mysql服务,设置密码:
mysql -u root -p // 输入安装结束时设置的密码,如111111
  1. 新建数据表
create database test DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
use test;
create table todoList(
  id int auto_increment primary key, 
  title char(30) not null,
  completed TINYINT(1) DEFAULT 0;
);

启动后台服务

$ npm install
$ npm run dev

启动前台页面

$ npm install
$ hey dev

项目解析

技术栈:

  • Egg.js
  • Vue.js
  • HeyUI

其他

部署

todo...

相关文章

  • Egg-todos:打通前后端第一步

    作为一名前端,对后端知之甚少,总觉得缺点什么。所以我决定写 Egg-todos: 一来是为了学习 Egg.js(上...

  • “打通”究竟是什么意思?

    问题提出 在采访中,常听人讲前端(专卖店)与后端(生产车间)“打通”或“没打通”。究竟什么是“打通”,我很好奇,但...

  • 后端jsonp处理

    后端jsonp处理: 第一步:后端接收callback例如: $callback=$_GET['callback'...

  • Vue + Flask 前后端打通

    作者按:手里有前端和后端,却不知道怎么讲前端数据通过HTTP请求传给后台。 1. 前提条件: 前端使用Vue,后台...

  • 《Node + Express 快速搭建网站》学习笔记-4伪造模

    2-3伪造模板数据跑通前后端交互流程 ch2-项目前后端流程打通 项目结构 填充HTML模板 公共部分 head....

  • 如何打通前端dist和后端jar?

    前端dist和后端jar已经分别独立部署到服务器上,这篇博客是对下面两篇博客的延续。 如何部署前端dist目录? ...

  • 前端微信公众号中微信支付问题

    主要分3步:第一步:详见产品id发给后端,生成预订单;后端会把请求微信接口来生成签名,订单id等;第二步:根据后端...

  • k3s 部署 yapi

    YMFE/yapi: YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台 (github.co...

  • 朵女郎佰草之谜三部曲护肤

    朵女郎佰草之谜三部曲护肤就如种树浇花 ᵀᴴᴱ ᴮᴱˢᵀ ᴵˢ ᶠᴼᴿ ᵞᴼᵁ 第一步 打通土壤 清...

  • 公众号登陆流程

    前端操作:前端获取code,然后调取后端接口后端去执行三四步,直接返回个人信息 第一步:用户同意授权,获取code...

网友评论

      本文标题:Egg-todos:打通前后端第一步

      本文链接:https://www.haomeiwen.com/subject/imtvoqtx.html