[二】用amis做一个管理系统 - 基于官方示例的改造

最新推荐文章于 2025-09-12 18:06:51 发布

原创

最新推荐文章于 2025-09-12 18:06:51 发布 · 2.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端

不要等待机会，而是创造机会。

amis 有两种使用方法：

JS SDK，可以用在任意页面中
React，可以用在 React 项目中

SDK 版本适合对前端或 React 不了解的开发者。

我们选用sdk方式，整个系统依amis为主题，页面的json配置通过接口获取。

改造思路：

前端依sdk为主 + 自定义事件

后端使用jdk18+springboot3+mybatisplus

1、amis相关操作封装

初始话sdk:创建dom元素，加载amis相关的静态资源

initSdk(version, theme) {
        let id = this.domId;
        let themeCss = {
            'cxd': '/sdk.css',
            'dark': '/dark.css',
        }

        let assets = [
            {src: './assets/amis/sdk-' + version + themeCss[theme], type: 'link'},