当前位置: 首页 > article >正文

前端mockjs使用方式[express-mockjs]

前提

现在基本上都是前后端分离项目的开发,而前端对于UI界面开发完毕之后往往都需要等待后端的接口提供,因此为了解决这个问题,这里提供一个由express和mockjs结合的本地服务应用项目,可以前端随意造数据配合UI页面进行开发。
个人不喜欢在前端项目中直接插入mockjs,因为感觉会让前端脚手架复杂难看,因此这里直接提供一个express后端服务器跑起来即可,里面可以随意编写mockjs接口,然后前端直接像调用后端接口一样调用

仓库

gitee仓库:https://gitee.com/twang-gitee/web-server-study.git
位置是:nodejs-study/express-mock
clone下载跑起来

npm install 
npm run start:watch

按理说这个时候就已经跑起来了

补充说明

1.项目说明:

/mock/json 对于json文件的放置与管理文件夹
/mock/utils 常用工具方法文件夹
/mock/user.js 包含mock的基本增删查改操作
/mock/user_json.js 包含对Json文件的基本增删查改操作
app.js 项目启动文件
所有的内容都已经配置好了无需去改动什么

2.新增方式

1.mock中新建自己的文件。如:role.js
2.参考user.js 的方式编写相关接口和数据处理逻辑(关于mockjs的示例文档:http://mockjs.com/examples.html)
3.app.js中注册自己对应的路由


http://www.kler.cn/a/132775.html

相关文章:

  • Http常⻅见请求/响应头content-type内容类型讲解(笔记)
  • java.sql.SQLException Parameter index out of range
  • MSTP知识点
  • 在Ubuntu22.04上源码构建ROS noetic环境
  • 深度学习中的Pixel Shuffle和Pixel Unshuffle:图像超分辨率的秘密武器
  • PMP--一、二、三模、冲刺--分类--变更--技巧--特点
  • 各类软件docker安装
  • torch - FloatTensor标签(boolean)数值转换(1/0)
  • QTcpSocket发送结构体的做法
  • Redis新操作
  • 12-使用vue2实现todolist待办事项
  • JS 读取excel文件内容 和 将json数据导出excel文件
  • Flume学习笔记(1)—— Flume入门
  • 计算机毕业论文内容参考|基于深度学习的交通标识智能识别系统的设计与维护
  • BeautifulReport测试报告框架
  • Vite - 配置 - 文件路径别名的配置
  • ubuntu20.04中编译zlib1.2.11(源码编译)
  • Linux网络之传输层协议tcp/udp
  • 基于数据库(MySQL)与缓存(Redis)实现分布式锁
  • 【Git学习二】时光回溯:git reset和git checkout命令详解
  • C#可空类型
  • 使用WildCard充值ChatGPT Plus 会员
  • 万宾科技智能井盖传感器,提升市政井盖健康
  • 技术实践|高斯集群服务器双缺省网关故障分析
  • QQ五毛项目记
  • jbase打印导出实现