Skip to content

如何使用XBoot前端Vue模板快速开发增删改页面

Exrick edited this page Aug 26, 2018 · 1 revision
  • 模版文件夹路径 src\views\xboot-vue-template

  • 首先拷贝一个模版至src\views下文件夹路径中

  • 启动前后台配置一个菜单页面 组件选择刚刚你配置拷贝的vue文件 参考其他页面菜单配置 记得给用户角色分配该页面权限

  • 接下来主要就根据后台实体类修改相关字段和后台请求地址即可,下面简单介绍需要修改的部分,不清楚的地方详见iView官方文档

    • 根据后台返回数据字段修改表格字段头

    QQ截图20180826205408.png

    • 修改模态框相应form字段

    QQ截图20180826210549.png

    • 最后修改相关增删改请求路径即可,当然建议api接口建议统一放在src/api文件夹下统一引用方便管理,这里只是为了方便测试

    QQ截图20180826210751.png