【一】用amis做一个管理系统 - amis介绍

最新推荐文章于 2025-11-03 11:33:53 发布

原创

最新推荐文章于 2025-11-03 11:33:53 发布 · 1.9k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#html

文章讲述了AMIS框架如何通过JSON配置简化页面开发，以及作者在面对技术选择时的迷茫心情，随后通过官方示例展示了如何在实际项目中使用AMIS创建一个简单的管理系统。

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

一、AMIS

amis 是一个低代码前端框架，它使用 JSON 配置来生成页面，可以减少页面开发工作量，极大提升效率。

官方文档

二、为什么要写这样一个框架？

迷茫和困惑。就是我现在的心情，面临不确定性和未知。但是不管怎样这都是人生阶段一个环节。希望我能走出当前的迷茫与困惑，相信会找到自己的道路。

三、扬帆起航

1）学习官方示例官方示例

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>amis admin</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1"
    />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <link
      rel="stylesheet"
      title="default"
      href="https://unpkg.com/amis@3.2.0/sdk/sdk.css"
    />
    <link rel="stylesheet" href="https://unpkg.com/amis@3.2.0/sdk/helper.css" />
    <link
      rel="stylesheet"
      href="https://unpkg.com/amis@3.2.0/sdk/iconfont.css"
    />
    <script src="https://unpkg.com/amis@3.2.0/sdk/sdk.js"></script>
    <script src="https://unpkg.com/vue@2"></script>
    <script src="https://unpkg.com/history@4.10.1
/umd/history.js"></script>
    <s