amis学习系列之⼀：amis⼊门  amis是什么，是⼀个后端开发者开发前端的福⾳，我们看看他的介绍吧
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="houtai.baidu/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="houtai.baidu/v2/jssdk"></script>编程入门先学js
<script type="text/javascript">
(function () {
let amis = amisRequire('amis/embed');
let amisScoped = bed('#root', {
type: 'page',
title: 'amis demo',
body: 'hello world'
});
})();
</script>
</body>
</html>
下⾯，去看看她的运⾏效果吧。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。