多语言展示
当前在线:1744今日阅读:155今日分享:35

easyUI怎么搭建布局?

的一名前端开发人员,有天经理让小王用easyUI搭建一个项目的框架,于是小王网上查看easyUI官网,根据api搭建出了一个简单的框架,于是小王简单的记录下搭建的过程,具体步骤如下:
工具/原料
1

电脑

2

开发工具

3

具备简单的前端知识

搭建前准备工作
1

准备好电脑:

2

准备好开发工具,目前市面有很多开发工具,如idea,webstrom等,小王这里用idea开发,具体下载这些工具就不做介绍了,可以去网上直接下载安装即可:

下载easyUI文件包:
1

打开easyUI官网:

2

根据自己使用的语言进行相应的下载,这里选择第一个Jquery:

3

之后拖动页面,可以看到有下载的地方,选择下载文件包即可:

4

解压下载的文件包:

开始搭建:
1

打开idea开发工具:

2

新建一个项目,这里以celiang项目为例,在该项目下新建一个libs包:

3

把我们刚才解压的easyUI包复制到该目录下:

4

新建一个html页面,在页面中引入一下文件:

5

在body中写入一下HTML代码:

查看最后效果:
1

点击HTML页面右侧的浏览器,这里可以选择浏览器预览:

2

最终效果如图:

注意事项

easyUI文件包也可以把不用的多余文件删掉

推荐信息