锐单电子商城 , 一站式电子元器件采购平台!
  • 电话:400-990-0325

第04章节-Python3.5-组件BootStrap、EasyUI、JQueryUI1用法 3

时间:2022-12-27 20:00:00 160v155j安规电容器

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

User Information

  • 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效果图如下:


image.png

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
锐单商城拥有海量元器件数据手册IC替代型号,打造电子元器件IC百科大全!

相关文章