第04章节-Python3.5-组件BootStrap、EasyUI、JQueryUI1用法 3
时间:2022-12-27 20:00:00
EasyUI用法:
- 把EasyUI下载到本地,然后查看文档,找到您想要的样式,然后写入您的代码(建议查看源代码中的样式)demo文件里的源码)[但存在大量的Ajax操作
- 打开
- (http://www.jeasyui.net/)或(http://www.jeasyui.com/download/v155.php)下载jquery-easyui-1.5.5.4文件(点击download下载)
然后目录如下:
image.png
新建s2.html 代码如下:
Basic CRUD Application - jQuery EasyUI CRUD Demo Basic CRUD Application
Click the buttons on datagrid toolbar to do crud actions.
First Name Last Name Phone Email
- s1.html的代码是从(http://www.jeasyui.com/demo/main/index.php)的网页中的Source Code复制的如图
image.png
把这块的代码如图
image.png
:
然后把上述那块的代码修改为如下图:
Basic CRUD Application - jQuery EasyUI CRUD Demo
打开s2.html效果图如下:
JQueryUI
JQueryUI用法(用法同上):
- JQueryUI主要用于后台管理
打开(https://jqueryui.com/)然后点击Stable下载:
image.png - 然后解压源码打开index.html就能看到JQueryUI的所有例子,想用那个例子就右键查看源码直接复制那块源码[推荐指数*]
BootStrap(用于全栈也是最好看)
BootStrap用法():
打开(http://www.bootcss.com/)然后点击BootStrap3中文文档
或打开(https://v3.bootcss.com/)然后能看到各种各样案例也可以在百度搜索BootStrap模板
-
下载BootStrap
image.png