amis学习系列之一:amis入门

amis学习系列之一:amis入门amis是什么,是一个后端开发者开发前端的福音,我们看看他的介绍吧amisdocamis是一个低代码前端框架,它使用JSON配置来生成页面,可以减少页面开发工作量,极大提升效率。amis

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

  amis是什么,是一个后端开发者开发前端的福音,我们看看他的介绍吧

  amis doc  

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

amis官方文档写的极好,当你多读几遍,理解到他的设计思路之后,很多用法也就信手拈来了。

 

我默认你已经读过官方文档了,那我们就二话不多说,直接先上第一个例子。

<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <title>amis demo</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" href="amis/sdk.css" />-->
    <link rel="stylesheet" href="https://houtai.baidu.com/v2/csssdk"/>    
    <style>
      html,
      body,
      .app-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <div id="root" class="app-wrapper"></div>
    <!--<script src="amis/sdk.js"></script>-->
    <script src="https://houtai.baidu.com/v2/jssdk"></script>
    <script type="text/javascript">
      (function () {
        let amis = amisRequire('amis/embed');
        let amisScoped = amis.embed('#root', {
          type: 'page',
          title: 'amis demo',
          body: 'hello world'
        });
      })();
    </script>
  </body>
</html>

 

下面,去看看她的运行效果吧。

 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/167672.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • okr绩效考核方法_谷歌安装器哪个好

    okr绩效考核方法_谷歌安装器哪个好摘自:http://jincuodao.baijia.baidu.com/article/4352文/金错刀(微信公众号ijincuodao)我常说,我们做案例式培训的方式跟其他人不一样,很多公司只是就案例而案例,我们的方式就一句话:用别人的的血泪武装自己。这里边,除了方法论,更重要的是行动工具。如何让自己的团队嗷嗷叫,执行力强悍,甚至狗急跳墙?今天重磅推荐一个员工执行

  • linux查看定时任务的命令_linux添加定时任务执行脚本

    linux查看定时任务的命令_linux添加定时任务执行脚本linux查看定时任务

    2022年10月23日
  • Matlab GUI界面设计

    Matlab GUI界面设计摘要:本篇博文基于MATLAB2014a进行GUI设计。

  • 查找-散列查找

    查找-散列查找1.散列的相关概念散列技术是在记录的存储位置和它的关键字之间建立一个确定的对应关系f,使得每个关键字key对应一个存储位置f(key)。查找时,根据这个确定的对应关系找到给定值key的映射f(key),若查找集合中存在这个记录,则必定在f(key)的位置上。这里我们把这种对应关系f称为散列函数,又称为哈希(Hash)函数。按这个思想,采用散列技术将记录存储在一块连续的存储空间中,这块连续存储空间称为

  • nested exception is java.lang.StackOverflowError解析

    背景介绍:项目是微服务的,使用docker容器,使用jenkins部署。测试环境有个公共服务一直以来都能正常发布,突然有一天不行了,经常发布失败,然后多发布几次就好了。报错如下:是栈溢出了,一般

  • 激活码2089(已测有效)

    激活码2089(已测有效),https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号