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)


相关推荐

  • Div滚动条定位设置「建议收藏」

    Div滚动条定位设置「建议收藏」1.div&lt;divid="DataDiv"style="overflow-x:hidden;overflow-y:scroll;max-height:500px;"&gt;//数据&lt;/div&gt;2.通过JS去设置Div滚动条的位置document.getElementById(‘DataDiv’).scrollTop//Div滚动条的垂直位置设置属性…

  • SQL函数:SUBSTRING截取字符串

    SQL函数:SUBSTRING截取字符串SUBSTRING函数作用截取指定长度的字符SUBSTRING函数用法substring(string,start,length)说明:截取string字符串从start开始length长度的字符SUBSTRING函数使用举例下面举例:截取20181219中的1219字符串–截取目的字符串:1219declare@strvarchar(50)=’2…

  • 磁盘阵列怎么组linux系统,Linux系统下如何设置磁盘阵列?

    磁盘阵列怎么组linux系统,Linux系统下如何设置磁盘阵列?在Linux系统中,磁盘阵列主要通过/etc/raidtab配置文件来控制的。若系统管理员需要实现磁盘阵列的话,就需要手工创建这个配置文件。或者从其他地方复制这个文件,并进行相应的修改。默认情况下,在Linux系统中不会有这个文件。下面笔者就对这个文件中的主要参数进行讲解,帮助大家建立一个正确的磁盘阵列配置文件。参数一:raid-level指定磁盘阵列的类型。  磁盘阵列到目前为止,有不下于十种…

  • ubuntu 下 vlc ,smplayer 播放电影时字幕乱码解决方法

    ubuntu 下 vlc ,smplayer 播放电影时字幕乱码解决方法自:http://blog.sina.com.cn/s/blog_70545bad01015ky1.htmlubuntu下vlc,smplayer播放电影时出现乱码,令人头疼的很,不知道该怎么办,网上查了一些方法,但是没有一个能成功的,也许是我的方法不正确,没办法,只能将就看一下英文字幕,或者有时候看不懂的时候干脆切换到win7底下看,但这终究不是解决的方法,从网上查了很多方法,但是

  • LDAP统一认证服务解决方案[通俗易懂]

    LDAP是什么首先LDAP是一种通讯协议,LDAP支持TCP/IP。协议就是标准,并且是抽象的。在这套标准下,AD(ActiveDirectory)是微软出的一套实现。 那AD是什么呢?暂且把它理解成是个数据库。也有很多人直接把LDAP说成数据库(可以把LDAP理解成存储数据的数据库)。像是其他数据库一样,LDAP也是有client端和server端。server端是用来存放资源,client端用来操作增删改查等操作。 而我们通常说的LDAP是指运行这个数据库的服务器。 可以简单理解AD=LD

  • asp.net core 阿里云消息服务(Message Service,原MQS)发送接口的实现

    asp.net core 阿里云消息服务(Message Service,原MQS)发送接口的实现最近在后台处理订单统计等相关功能用到了大力的mqs,由于官方没有实现asp.netcore的sdk,这里简单实现了发送信息的功能,有兴趣的可以参考实现其他相关功能usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Net.Http;usingSystem.Net.Http.Headers;…

    2022年10月29日

发表回复

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

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