Kingcs_antdui NPM

AtomLeaf 管理后台原子组件

kingcs_antdui
豆壳框架的管理后台基础组件库。包含支持JWT的Axios库，CURD逻辑库，基本的界面组件，基本业务功能组件。开箱即用，提升开发效率。

主要组件

封装支持JWT的Http请求
常用的函数库
CURD逻辑库
CURD界面组件: CURD表格，CURD列表，CURD树状列表等等
其他常用组件
角色用户功能：用户管理、角色管理、组织架构管理
基础业务功能：代码表、链接、分类

使用

引入atomleaf包：

npm install kingcs_antdui

在应用的入口文件main.js中设置http的baseUrl:

import http from "kingcs_antdui/lib/http"

const baseUrl = process.env.NODE_ENV === 'development' ? config.baseUrl.dev : config.baseUrl.pro
http.setBaseUrl(baseUrl)

在store中注册模块:

import App from "kingcs_antdui/module/app"
import User from "kingcs_antdui/module/user"
import Role from "kingcs_antdui/module/role"
import Org from "kingcs_antdui/module/org"
import Code from "kingcs_antdui/module/code"
import Link from "kingcs_antdui/module/link"


const store = new Vuex.Store({
  state: {
    //
  },
  mutations: {
    //
  },
  actions: {
    //
  },
  modules: {
    //......
    App,
    User,
    Role,
    Link,
    Code,
    Org,
  // ......
  },
  plugins: [
    createVuexAlong({
      name: config.name,
      local: {
        list: ["App", "User", "Role"],
        isFilter: false,
      },
    }),
  ],
});

路由中注册业务功能界面：

      {
        path: "user",
        name: "SystemUser",
        component: () => import("kingcs_antdui/view/user/list.vue"),
      },

      {
        path: "role",
        name: "SystemRole",
        component: () => import("kingcs_antdui/view/role/list.vue"),
      },
      {
        path: "link",
        name: "SystemLink",
        component: () => import("kingcs_antdui/view/link/list.vue"),
      },
      {
        path: "org",
        name: "SystemOrg",
        component: () => import("kingcs_antdui/view/org/list.vue"),
      },
      {
        path: "code",
        name: "SystemCode",
        component: () => import("kingcs_antdui/view/code/list.vue"),
      },