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

前端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.lryc.cn/news/232811.html

相关文章:

  • 矿区安全检查VR模拟仿真培训系统更全面、生动有效
  • 在SpringBoot中使用EhCache缓存
  • filter - 常用滤镜效果(毛玻璃、图片阴影、图片褪色)
  • 【开源】基于Vue和SpringBoot的数据可视化的智慧河南大屏
  • 小型内衣洗衣机什么牌子好?性价比高的迷你洗衣机推荐
  • SIMULIA 2023 PowerFLOW 新功能介绍
  • 智慧农业新篇章:拓世法宝AI智能直播一体机助力乡村振兴与农业可持续发展
  • 【数据结构】C语言实现栈
  • C语言加密字符(ZZULIOJ1064:加密字符)
  • Java爬取哔哩哔哩视频(可视化)
  • adb shell settings高级指令设置系统属性所有的指令汇总+注释
  • Jmeter- Beanshell语法和常用内置对象(网络整理)
  • 【C++二级】题一:构造函数
  • C++标准模板库(STL)-list介绍
  • Arrays.asList
  • XXXX项目管理目标(某项目实施后基于软件工程的总结)
  • 连新手小白都知道的电子画册一键生成器,你还不知道吗?
  • JAVAEE初阶 操作系统
  • 第四代智能井盖传感器:万宾科技智能井盖位移监测方式一览
  • 了解JS中的混个对象“类”
  • 在Sprinng Boot中使用Redis充当缓存
  • 【网络】TCP协议的相关实验
  • 微服务测试怎么做
  • 第9章 K8s进阶篇-持久化存储入门
  • MathType2024最新word公式编辑器
  • 英语语法 - 主语从句
  • 千梦网创:实现自动化“挂机躺盈”的三种方法
  • 微信小程序页面传递参数方法
  • 出行类app如何提升广告变现收益?
  • 万能在线答题考试小程序源码系统 既能刷题 又能考试 带完整的搭建教程