-
下载MiniUI
产品下载地址:http://www.miniui.com/download。
提醒:请根据不同的服务端后台,选择下载不同后台版本的MiniUI。
我是用PHP开发,下载PHP版本的MiniUI
-
安装MiniUI
下载后,解压缩MiniUI。会有如图文件结构
提醒:新版本中开发者只需要引用scripts/boot.js即可。
-
开始第一个MiniUI程序
1、WEB服务器根目录下创建自己的项目目录miniui_hello,将下载的MiniUI目录下的scripts拷贝到项目目录下,即可使用miniui。见图:
2、编写HelloWorld.html程序。程序如图所示:
注意:
1、请注意相关javascript和css的路径是否正确。
说明
1、控件声明:class="mini-button"
2、属性设置:text="Hello"
3、事件绑定:onclick="onHelloClick"
4、事件处理函数:onHelloClick的e是事件对象,e.sender是事件激发者,本例中是button。
-
查看执行效果
在浏览器地址栏输入http://localhost/miniui_hello/HelloWorld.html。点击Hello按钮,即可看到使用miniui封装的弹框。
行文至此,我们已经会在项目中用MiniUI。想深入学习MiniUI看完持续关注我的后续经验。也可以直接通过官网http://www.miniui.com学习。
END