闲来无事，做了个简单的在线编辑的mock服务

简介

打造一个MOCK服务器! 支持JSON数据或者Mockjs方法。

技术栈

react
ant design Pro
egg.js
mysql

前后端分离开发模式，前端项目与后端项目属于不同的工程,用户名：admin 密码： 123456

// mock/client 前端工程
// mock/service 后端工程
复制代码

如果对您有帮助，您可以点右上角 "Star" 支持一下谢谢！ ^_^

部分功能截图

添加项目

项目目录指的是接口的一级目录（例如：http://localhost:7001/mock/getData/a 中的 /mock）

配置项目接口

接口连接指的是一级目录后的连接（例如：http://localhost:7001/mock/getData/a 中的 /getData/a）支持JSON数据类型，和mockjs数据类型，注意使用双引号；

测试接口

因为在egg里监听^/api路由做mock服务，所以最终的访问的mock请求连接要加上/api前缀。（http://localhost:7001/api/mock/getData/a）;

运行项目

因前后端不同端口原因，为解决跨域。前端工程启动了devServer，需先启动后端工程

git clone github.com/lenolee16/m…
cd mock

运行后端项目

请确保本地已装mysql，并配置全局变量
mysql -u root -p 并输入数据库密码
create database mock; 创建mock数据库
use mock; 切换数据库
source mock.sql的绝对路径; 例如：source {当前目录}/db/mock.sql;
配置egg.js连接数据库信息

// 前往service/config/config.local.js，配置你的数据库信息
config.sequelize = {dialect: 'mysql',host: '127.0.0.1',port: 3306,database: 'mock',username: '', password: '', operatorsAliases: false
};
复制代码

在/service文件下
npm install
npm run dev

运行前端项目

cd client
npm install
npm start

如果对您有帮助，您可以点右上角 "Star" 支持一下谢谢！ ^_^

转载于:https://juejin.im/post/5c404a876fb9a049b780a64c

闲来无事，做了个简单的在线编辑的mock服务相关推荐

分分钟钟做一个超简单的在线汉语字典
"""用百度汉语做在线词语翻译"""import requests from lxml import etreeheaders = {&q ...
[转载]Office文档在线编辑的实现之二
上篇文章 http://www.cnblogs.com/jianyi0115/archive/2007/03/16/677712.html 讲述了如何通过iis的webdav支持实现客户端的offic ...
在前端实现excel导入，在线编辑，导出，打印等功能
后台实现excel的导入导出很简单,在线编辑通过使用第三方平台集成也不复杂,那怎么在前端实现exel导入导出.打印.在线编辑功能呢? 在此,我们需要知道几个第三方库:luckySheet,luckyE ...
Blender.做盘子最简单的方法
Blender.做盘子最简单的方法编辑模式下选择点选择模式后选中最上面的点点击菜单栏上方的衰减编辑或按O键,G+Z调整幅度底部也可以稍加调整透视模式(Alt+Z)下可以更清楚的看见盘子的厚度 ...
project 模板_施工进度计划表不会做？18个横道图自动生成模板，直接在线编辑...
施工进度计划表不会做?18个横道图自动生成模板,直接在线编辑对于工程建设来说,施工进度横道图在工程进度计划制定.项目管理等方面被广泛的应用,也是管理人员必须要掌握的技能,在编制的时候还是很繁琐的,需 ...
文档在线编辑组件的发展回顾与开发集成选择问题
Google Doc,在2008年前辈同事的引领下,知道了有这么好用的工具. Google Doc的替代产品,大家看链接:https://jingyan.baidu.com/article/22a29 ...
多人在线编辑文档开发_腾讯文档，支持多人实时在线协同编辑
多年前,在港资公司工作需要多人协同编辑文档,用的是VPN+Google Docs,很早就体验过多人在线协同办公的便利,那时候,APP.微信,甚至智能手机,都没普及. 现在,就算没有VPN,用不了Goo ...
多人在线编辑文档开发_十个在线小工具，科研amp;工作必备神器！
有的时候,做一些网页小工具比软件客户端要好用,客户端有时候出现问题,罢工不能用,而且有的软件还非常占用内存,安装起来可能要好几个小时,所以,小编今天给大家推荐了这些在线版的小工具,非常实用,想用就打开 ...
Flash页面的在线编辑
Flash页面的在线编辑在线编辑更新页面应该是最为方便和受宠的,历来的页面编辑软件也大多都支持这一点,例如FP以在线存储方式编辑更新:DW也可以同步更新等等.那么把编辑源文件(fla)和导出应用文件 ...

闲来无事，做了个简单的在线编辑的mock服务

简介

部分功能截图

运行项目

闲来无事，做了个简单的在线编辑的mock服务相关推荐

最新文章

热门文章