代码拉取完成,页面将自动刷新
基于iview(4.5.0) + GinSkeleton(1.5) 开发
GinSkeleton 前后端配合才是一整套系统, 现将前端开发指南编写如下: 为了配合后端部分开发指南,我们使用相同的模块:按钮管理表(tb_auth_button_cn_en) 做代码演示
// src/view/system_setting/button/index.vue ,
// 其中 view/system_setting/button/index 是后端配置菜单(路由地址)所需要的
// 开发完成此页面,告知后端, 配置在相关菜单,访问即可到达此页面
// src/components/system_setting/button
// 以上目录内部包含了 增删改查相关的代码,请自行阅读即可
3.1 我们以查询界面为例介绍注意事项
// 1.界面按钮设置注意事项
// 以下代码就是当前界面所设置的全部的按钮代码,每个按钮的代码,增删改查在本系统都是固定的
// 除此之外的按钮代码请向后端获取,后端在按钮表统一设置所有的按钮代码,最后才能精确控制每个按钮的权限
buttonList: {
insert: 'insert',
delete: 'delete',
update: 'update',
select: 'select',
},
// 界面导入函数代码说明
import {list} from '@/api/system_setting/button' // @ 表示目录已经定位到 src/
import {list} from '_c/api/system_setting/xxx' // _c 表示目录已经定位到 src/components/
// 开发完成的视图(页面) 需要将导出名称, 配置在后端系统
// 例如:src/view/system_setting/button/index.vue
// 视图组件导出的名称为: button_cn_en
//相关代码如下:
export default {
// 注意这里视图的导出名称: button_cn_en 必须后台界面中的路由名称一致,否则 tab 切换页签的时候接口每次都刷新
name: 'button_cn_en',
components: {
MenuButton
}
}
// 那么就需要在后台系统:
// 菜单设置---按钮设置---(界面参数)路由名称 ,设置为: button_cn_en
// 也就是说,前台的每一个视图(页面)名称都需要在后台菜单设置对应的路由名称
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。