【Amis】易语言最佳Web前端搭配框架

[承蒙时光不弃]

[size=1.75em]用 JSON 写页面有什么好处

为了实现用最简单方式来生成大部分页面，amis 的解决方案是基于 [color=var(--link-color)]JSON 来配置，它的独特好处是：

• 不需要懂前端：在百度内部，大部分 amis 用户之前从来没写过前端页面，也不会 JavaScript，却能做出专业且复杂的后台界面，这是所有其他前端 UI 库都无法做到的；
• 不受前端技术更新的影响：百度内部最老的 amis 页面是 6 年多前创建的，至今还在使用，而当年的 Angular/Vue/React 版本现在都废弃了，当年流行的 Gulp 也被 Webpack 取代了，如果这些页面不是用 amis，现在的维护成本会很高；
• 享受 amis 的不断升级：amis 一直在提升细节交互体验，比如表格首行冻结、下拉框大数据下不卡顿等，之前的 JSON 配置完全不需要修改；
• 可以 完全 使用 [color=var(--link-color)]可视化页面编辑器 来制作页面：一般前端可视化编辑器只能用来做静态原型，而 amis 可视化编辑器做出的页面是可以直接上线的。
  

更多信息请查看官方文档：点我查看





上手后用官方的可视化编辑器，编辑好相关前端页面，可以如图这样复制到易语言调用。
https://aisuda.github.io/amis-editor-demo/
写了个示例，用的Sunny，你也可以用其他任何可输出Json数据的后端，例如：E2EE等示例所需Dll文件请在：https://125.confly.eu.org/thread-14707831-1-1.html  下载
Sunny搭配Amis.zip (381.5 KB, 下载次数: 278)

2022-5-1 23:31 上传

点击文件名下载附件
下载积分: 精币 -2 枚

补充内容 (2022-5-7 14:36):
如果提示下载地址失效（是论坛的锅！

独倚斜阳

  

窗口程序集名	保 留	保 留	备 注
视图_网站首页

子程序名	返回值类型	公开	备 注
视图_网站首页	逻辑型		sunny 网站
参数名	类 型	参考	可空	数组	备 注
Context	整数型

变量名	类 型	静态	数组	备 注
服务器	Sunny
请求	Sunny请求
响应	Sunny响应
OpenID	文本型
模板数据	存取键值表

服务器 ＝ 取回sunny对象 (Context, 请求, 响应)
模板数据.置文本 (“title”, “E2EE测试”)
模板数据.置JSON值 (“body”, #amis常量, , )  ' #视图_默认首页
模板数据.置键值表 (“data”, 创建键值表 (“IP”, 请求.取用户地址 ()), )
响应.渲染 (200, “test.html”, 模板数据.到JSON (假, , , , ))
返回 (真)

子程序名	返回值类型	公开	备 注
视图_网站首页2	逻辑型		E2EE网站
参数名	类 型	参考	可空	数组	备 注
请求对象地址	整数型
响应对象地址	整数型

变量名	类 型	静态	数组	备 注
请求	服务器请求
响应	服务器响应
模板数据	存取键值表
临时键值表	存取键值表

取回请求对象 (请求对象地址, 响应对象地址, 请求, 响应)
模板数据.置文本 (“title”, “E2EE测试”)
' 模板数据.置键值表 (“data”, 创建键值表 (“IP”, 请求.取用户地址 ()), )  ' 网页渲染后的源码里面会变成   "data": {IP: 127.0.0.1} 然后gg 正确应该是 "data": {"IP":"127.0.0.1"},
临时键值表.置文本 (“IP”, 请求.取用户地址 ())
模板数据.置文本 (“data”, 临时键值表.到JSON (假, , , , ))  ' 模版里面有data 如果不传 渲染完会一片空白
' 模板数据.置JSON值 (“body”, #sunny套用amis, , )  ' #这样中文乱码 并且里面的body的[] 没有像sunny那样去掉
模板数据.置值 (“body”, #amis常量 )
响应.渲染 (模板数据, , )
返回 (真)

i支持库列表	支持库注释
e2ee	E2EE互联网服务器套件

.版本 2<br /> .支持库 e2ee<br /> <br /> .程序集 视图_网站首页<br /> <br /> .子程序 视图_网站首页, 逻辑型, , sunny 网站<br /> .参数 Context, 整数型<br /> .局部变量 服务器, Sunny<br /> .局部变量 请求, Sunny请求<br /> .局部变量 响应, Sunny响应<br /> .局部变量 OpenID, 文本型<br /> .局部变量 模板数据, 存取键值表<br /> <br /> 服务器 ＝ 取回sunny对象 (Context, 请求, 响应)<br /> 模板数据.置文本 (“title”, “E2EE测试”)<br /> 模板数据.置JSON值 (“body”, #amis常量, , )  ' #视图_默认首页<br /> 模板数据.置键值表 (“data”, 创建键值表 (“IP”, 请求.取用户地址 ()), )<br /> 响应.渲染 (200, “test.html”, 模板数据.到JSON (假, , , , ))<br /> 返回 (真)<br /> <br /> .子程序 视图_网站首页2, 逻辑型, , E2EE网站<br /> .参数 请求对象地址, 整数型<br /> .参数 响应对象地址, 整数型<br /> .局部变量 请求, 服务器请求<br /> .局部变量 响应, 服务器响应<br /> .局部变量 模板数据, 存取键值表<br /> .局部变量 临时键值表, 存取键值表<br /> <br /> 取回请求对象 (请求对象地址, 响应对象地址, 请求, 响应)<br /> 模板数据.置文本 (“title”, “E2EE测试”)<br /> ' 模板数据.置键值表 (“data”, 创建键值表 (“IP”, 请求.取用户地址 ()), )  ' 网页渲染后的源码里面会变成   "data": {IP: 127.0.0.1} 然后gg 正确应该是 "data": {"IP":"127.0.0.1"},<br /> 临时键值表.置文本 (“IP”, 请求.取用户地址 ())<br /> 模板数据.置文本 (“data”, 临时键值表.到JSON (假, , , , ))  ' 模版里面有data 如果不传 渲染完会一片空白<br /> ' 模板数据.置JSON值 (“body”, #sunny套用amis, , )  ' #这样中文乱码 并且里面的body的[] 没有像sunny那样去掉<br /> 模板数据.置值 (“body”, #amis常量)<br /> 响应.渲染 (模板数据, , )<br /> 返回 (真)

  

窗口程序集名	保 留	保 留	备 注
启动_窗口
变量名	类 型	数组	备 注
集_启动方式	整数型

子程序名	返回值类型	公开	备 注
_主窗口_创建完毕

集_启动方式 ＝ 2  ' 启动方式=1  sunny   启动方式=2  E2EE
如果真 (集_启动方式 ＝ 2)
' E2EE
' 网站.初始化 (取运行目录 ())
网站.订阅视图函数 (&视图_网站首页2, “/”, “/web/test2.html”, , )
网站.启动 (, )
如果 (网站.是否运行 ())
日志.输出控制台 (“网站启动成功！”, 0, , )
日志.输出控制台 (“网站启动失败！”, 2, , )

如果真 (集_启动方式 ＝ 1)
Sunny服务器套件.载入HTML模板目录 (“./web/*”)
Sunny服务器套件.添加通用路由 (“/”, 取子程序地址 (&视图_网站首页), )
如果 (Sunny服务器套件.启动HTTP服务器 (“:80”))
日志.输出控制台 (“服务器启动成功”, 0, , )
日志.输出控制台 (“服务器启动失败：” ＋ Sunny服务器套件.获取运行时的错误信息 (), 2, , 真)

子程序名	返回值类型	公开	备 注
_视图_将被销毁

如果真 (集_启动方式 ＝ 2)
' ——e2ee
网站.停止 ()
如果真 (集_启动方式 ＝ 1)
' ——sunny
Sunny服务器套件.停止服务器 ()
结束 ()

i支持库列表	支持库注释
e2ee	E2EE互联网服务器套件
spec	特殊功能支持库

.版本 2<br /> .支持库 e2ee<br /> .支持库 spec<br /> <br /> .程序集 启动_窗口<br /> .程序集变量 集_启动方式, 整数型<br /> <br /> .子程序 _主窗口_创建完毕<br /> <br /> <br /> 集_启动方式 ＝ 2  ' 启动方式=1  sunny   启动方式=2  E2EE<br /> .如果真 (集_启动方式 ＝ 2)<br />     ' E2EE<br />     ' 网站.初始化 (取运行目录 ())<br />     网站.订阅视图函数 (&视图_网站首页2, “/”, “/web/test2.html”, , )<br />     网站.启动 (, )<br />     .如果 (网站.是否运行 ())<br />         日志.输出控制台 (“网站启动成功！”, 0, , )<br />     .否则<br />         日志.输出控制台 (“网站启动失败！”, 2, , )<br />     .如果结束<br /> <br /> <br /> .如果真结束<br /> .如果真 (集_启动方式 ＝ 1)<br />     Sunny服务器套件.载入HTML模板目录 (“./web/*”)<br />     Sunny服务器套件.添加通用路由 (“/”, 取子程序地址 (&视图_网站首页), )<br />     .如果 (Sunny服务器套件.启动HTTP服务器 (“:80”))<br />         日志.输出控制台 (“服务器启动成功”, 0, , )<br />     .否则<br />         日志.输出控制台 (“服务器启动失败：” ＋ Sunny服务器套件.获取运行时的错误信息 (), 2, , 真)<br />     .如果结束<br /> <br /> .如果真结束<br /> <br /> <br /> <br /> .子程序 _视图_将被销毁<br /> <br /> .如果真 (集_启动方式 ＝ 2)<br />     ' ——e2ee<br />     网站.停止 ()<br /> .如果真结束<br /> .如果真 (集_启动方式 ＝ 1)<br />     ' ——sunny<br />     Sunny服务器套件.停止服务器 ()<br /> .如果真结束<br /> 结束 ()

我补一个完全用e2ee的方式，就不另外开贴了，
e2ee里面的渲染 需要改模版  sunny是 {{.主键}}  e2ee是 {{主键}}

独倚斜阳

E2EE的模版神坑啊，难怪你都用了存取键值表了 非要用sunny去启动网站，e2ee套用模版替换后  好多地方的[]还保留最后解析不了网页

独倚斜阳

你都用了e2ee了 为什么还要用sunny呢？？？
是嫌e2ee限制线程 还是说嫌e2ee启动网站会生成一大堆目录？

jingyigg

感觉好像很不错，可以研究学习学习

duanyijun

楼主能不能来个 amis与sunny后端交互的例子，get ，post，字节集传递等，貌似不好弄。

duanyijun

我要了，谢谢

qq85668684

感觉非常不错,应该很快上手

tmim

好东西啊，我等这个已经等了好几年了，终于有解决方案了，感谢大佬

alanwoo

支持开源~！感谢分享