amis的实战

最新推荐文章于 2024-05-14 09:35:15 发布

蜗牛慢行

最新推荐文章于 2024-05-14 09:35:15 发布

阅读量2.9k

点赞数

分类专栏：前端文章标签：前端

公众号：慢行的蜗牛

本文链接：https://blog.csdn.net/suiyuanwangshi/article/details/126691318

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

对于没有学习过前端的我来说，写个前端页面还是比较吃力的，发现了一个好玩的东西----amis，百度开源的前端低代码平台，方便于我这种前端小白快速搭建一个管理系统。

官网：https://aisuda.bce.baidu.com/amis/zh-CN/docs/index

对于amis提供的样例：https://github.com/aisuda/amis-admin

整体效果如下：
在这里插入图片描述

整个搭建过程，先在github或者gitee上下载amis的release版本。gitee地址：https://gitee.com/baidu/amis/releases?page=2
在这里插入图片描述
解压后，将其放至vscode的根目录下。

之后下载amis-admin的源码，并将其中的pages、index.html、public三个文件移至vscode工程下。整个结构如下：
在这里插入图片描述

需要注意的是index.html中引用sdk.css等需要换成本地目录，这样操作上会顺畅很多

工程完成后，搭建了nginx。我是通过brew install nginx进行按照的，其他方式均可。配置代理将工程启动起来。

server {
    listen       8080;
    server_name  localhost;
    location /api {
         ##后端工程地址
         proxy_pass  http://localhost:8081;
    }

    location / {
         # 工程的地址
         root /Users/woniu/code/amis-demo;
         index index.html;
    }
}

至此，就完成了整个工程的搭建了，后续可以根据自己的诉求完成不通的工程了。