需编写html代码,快速搭建一个公司管理系统

发布时间 2023-10-08 17:45:11作者: 杳末

快速搭建一个公司管理系统

MagicTable

基于vue-admin-beautiful,elementui,vue-easytable等实现的网页快速生成框架,无需编写html和css代码,只需要编写js文件就能实现管理面板的表格页面。

github链接

https://github.com/YSASM/MagicTable

特点

  • 轻量
  • 简洁
  • 缩短开发时间

示例

示例页面

如何开始

git clone https://github.com/YSASM/MagicTable.git

cd MagicTable

yarn

yarn run dev

如何创建新页面

  • 在@/router/index.js的asyncRoutes参数中声明新的路由
  • 在@/views下对应的路径下创建data.js
  • 编写你的第一个网页吧
// 示例
// 如果路由设置如下
{
  path: '/xxx',
  // ......
  children: [
    {
      path: 'yyy',
      // ......
    },
  ],
}
// data.js的路径就为@/views/xxx/yyy/data.js

其他设置

  • 在@/config/net.config.js中新增了baseUrlList参数可在登录时替换要使用的baseurl,如不需要请自行注释
  • 在路由的meta属性中添加了range参数类型为数组,如range: ['/test','/test1'],用于限制页面只在某个baseurl时显示,不设置参数时不做限制,如不需要不使用即可
  • data.js相关配置请阅读测试用例和组件核心代码@/components/MigicTable/index.vue
  • 更多详细内容请阅读以下相关文档

相关文档

vue-admin-beautiful

element-ui

vue-easytable