养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

MiniUi的快速入门

时间:2024-11-15 10:35:51

对于JAVA后端开发的人员,如果想要快速的编写前端页面的话,MiniUI框架是个不错的选择,以下是本人自己学习ui框架入门的一些经验。

工具/原料

前端

学习

方法/步骤

1、想要学习怡觎现喾Miniui使用的前提是拥有基础的前端基础,能看得懂前端代码,知道在哪些地方改动代码。前端基础的知识比如HTML,CSS,JAVASCRIPT,JQ炽扃仄呦UERY这些都是比较基础的。在W3School上就可以完成入门学习。

MiniUi的快速入门

2、如果你拥有一些前端基础,那么在百度上搜素miniui.com,这是miniui的官网,点击菜单栏的下载。跳转到下载页面。

MiniUi的快速入门

3、进入下载页面,选择自己合沾咎悉能适的版本,这里我是用java开发的后端所以选择的是,jqueryminiui惺绅寨瞀forjavaeclipse。下载完成后的目录如图所示。这是一个web项目,可以在里面找到对应的SQL文件导入数据库之后,把这个项目导入自己的eclipse或者idea上就能跑起来。然后对照不同的页面查看源代码进行学习。

MiniUi的快速入门

MiniUi的快速入门

4、这里我要分享的是,如何在自己导入的项目中找到页面的对应源代码。例如同种的这个页面,在地址栏的那里可以看到demo/#src=datagrid/celledit.html这就是项目中的文件路径。

MiniUi的快速入门

MiniUi的快速入门

5、还有就是一些比较常用的功能,可以直接在官网上就能看到他的源代码了,点击它右边的code按钮就能查看源代码,就可以查看对应功能的代码了。

MiniUi的快速入门

MiniUi的快速入门

© 一点知识