本文最后更新于：2023-03-13, 23:48:50

0、前言

作为一个后端打工人，我对前端是几乎完全不懂，当我想自己写一些项目玩的时候，前端怎么搞就成了一个难题。感觉前端的知识太多太杂，学起来很难，需要消耗比较多的时间精力。直到我发现了Amis，一个低代码前端框架，它使用 JSON 配置来生成页面，可以减少页面开发工作量，极大提升效率。对于前端小白的我来说，它就是一个神器啊，结合官方给出的demo，我们可以很快搭建出一个后台管理界面，基本上能满足我们日常的一些需求了。下面来说一下搭建过程。

1、下载sdk

先新建一个amis-project目录，然后把最新发布的sdk下载到这个目录。

sdk地址：Releases · baidu/amis (github.com)

sdk

把jssdk.tar.gz直接解压，得到jssdk目录，里面就是我们要用到的sdk了，顺手把jssdk.tar.gz删除。

2、下载amis-admin项目源码

amis-admin是一个官方demo，我们可以基于这个demo开发自己的项目。

项目地址：aisuda/amis-admin: 基于 amis 的后台项目前端模板 (github.com)

直接下载zip压缩包，下载到任意位置然后解压，解压后得到如下文件。

amis-admin源码

我们只需要红框内的文件，其他的可以直接删除了，把红框内文件复制到amis-project目录下。最后，amis-project目录结构如下：

目录结构

page是存放用于生成页面的json文件

public是存放一些图片之类的文件

index.html就是主页了，它会读取page目录下的文件渲染生成一个个页面。打开index.html修改一下sdk的路径，如下图：

修改文件地址

3、配置Nginx

先到Nginx官网下载Windows版本，解压后打开conf目录，找到nginx.conf文件打开，加入如下配置：

server {
        listen       7000;
        server_name  localhost;
        location / {
            root   D:/amis-project;
            index  index.html;
        }
    }