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

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
    
Click the buttons on datagrid toolbar to do crud actions.

    

        

            

                
First Name
                
Last Name
                
Phone
                
Email
            
        
    
    

        New User
        Edit User
        Remove User
    

    

        

            
User Information
            

                
            
            

                
            
            

                
            
            

                
            
        
    
    

        Save
        Cancel
    
    

• s1.html的代码是从(http://www.jeasyui.com/demo/main/index.php)的网页中的Source Code复制的如图
  
  image.png
  
  把这块的代码如图
  
  image.png
  
  :
  然后把上述那块的代码修改为如下图:

打开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