精华内容
下载资源
问答
  • Python交互页面

    千次阅读 2017-10-26 17:28:47
    Python的交互式界面 编写 . 1 from tkinter import * 2 # 导入tkinter模块的所有内容 3 4 root = Tk() 5 6 # 创建一个文本Label对象 7 textLabel = Label(root, # 将内容绑定在 root 初始框上面 8 ...

    Python的交互式界面 编写 .

    原文链接如下

    http://www.cnblogs.com/A-FM/p/5724269.html

    复制代码
     1 from tkinter import *
     2 # 导入tkinter模块的所有内容
     3 
     4 root = Tk()
     5 
     6 # 创建一个文本Label对象
     7 textLabel = Label(root,   # 将内容绑定在  root 初始框上面
     8                   text="您所下载的影片含有未成年人限制内容,\n请满18岁后再点击观看!",
     9                   justify=LEFT, # 用于 指明文本的 位置
    10                   padx=10)        #   限制 文本的 位置 , padx 是 x轴的意思 . 
    11 textLabel.pack(side=LEFT)   # 致命 textlabel 在初识框 中的位置
    12 
    13 # 创建一个图像Label对象
    14 # 用PhotoImage实例化一个图片对象(支持gif格式的图片)
    15 photo = PhotoImage(file="18.gif")
    16 imgLabel = Label(root, image=photo)  # 绑定在初始旷上面 
    17 imgLabel.pack(side=RIGHT)  # 指明 图片位置
    18 
    19 mainloop()
    复制代码

    复制代码
     1 from tkinter import *
     2 
     3 root = Tk()
     4 
     5 photo = PhotoImage(file="bg.gif")    # 声明一下图片 . 
     6 theLabel = Label(root,
     7                  text="大家好,才是真的好.",  # 载入文本 
     8                  justify=LEFT,     # 声明文本的位置 
     9                  image=photo,        # 载入图片
    10                  compound=CENTER,   #声明图片的位置
    11                  font=("楷体", 20),   # 声明文本字体 
    12                  fg="white"    # 声明文本颜色 .
    13                  )
    14 theLabel.pack()     # 自动调整布局
    15 
    16 mainloop()
    复制代码

    复制代码
     1 from tkinter import *
     2 # 导入tkinter模块的所有内容
     3 
     4 def callback():         # 定义一个 改变文本的函数 . 
     5     var.set("吹吧你,我才不信呢~")
     6 
     7 root = Tk()     # 初始旷的声明 . 
     8 
     9 frame1 = Frame(root)   # 在初始旷里面 声明两个模块 . 
    10 frame2 = Frame(root)
    11 
    12 # 创建一个文本Label对象
    13 var = StringVar()           #声明可变 变量  . 
    14 var.set("您所下载的影片含有未成年人限制内容,\n请满18岁后再点击观看!") # 设置变量 . 
    15 textLabel = Label(frame1,           # 绑定到模块1
    16                   textvariable=var,  # textvariable 是文本变量的意思 .  
    17                   justify=LEFT)    # 字体 位置 
    18 textLabel.pack(side=LEFT)   #  整体位置 
    19 
    20 # 创建一个图像Label对象
    21 # 用PhotoImage实例化一个图片对象(支持gif格式的图片)
    22 photo = PhotoImage(file="18.gif")
    23 imgLabel = Label(frame1, image=photo)
    24 imgLabel.pack(side=RIGHT)
    25 
    26 # 加一个按钮
    27 theButton = Button(frame2, text="已满18周岁", command=callback)  # 按下按钮 执行 callback函数
    28 theButton.pack()
    29 
    30 frame1.pack(padx=10, pady=10)
    31 frame2.pack(padx=10, pady=10)
    32 
    33 mainloop()
    复制代码

           

     

     

     

     

    复制代码
     1 from tkinter import *
     2 
     3 root = Tk()
     4 root.title('皇上翻牌子啦!')    # 添加 初识框的标题 . 
     5 GIRLS = ['西施','貂蝉','王昭君','杨玉环']         #  列表内容 . 
     6 v = []  # 用于存放变量
     7 
     8 for girl in GIRLS:
     9     v.append(IntVar())
    10     print(IntVar())
    11     b = Checkbutton(root,text=girl,variable=v[-1],padx=80,font=('楷体',22))
    12     b.pack(anchor=W)      # 文本的位置 . (东西南北的首拼 (英文))
    13 
    14 
    15 mainloop()
    复制代码

     

    复制代码
     1 from tkinter import *
     2 
     3 root = Tk()
     4 root.title('皇上翻牌子啦!')    # 添加 初识框的标题 . 
     5 GIRLS = ['西施','貂蝉','王昭君']         #  列表内容 . 
     6 v = []  # 用于存放变量
     7 
     8 for girl in GIRLS:
     9     v.append(IntVar())  # 声明一个 变量并且加入 v
    10     b = Checkbutton(root,text=girl,variable=v[-1],padx=80,font=('楷体',22)) #记录下来 变量的变化
    11     l = Label(root,textvariable=v[-1]) # 将变量表示为文本并且加入初始旷 . 
    12     l.pack(anchor=N)
    13     b.pack(anchor=W)
    14 b = Checkbutton(root,text='杨玉环',variable=v[1],padx=80,font=('楷体',22))
    15 l = Label(root,textvariable=v[1])
    16 l.pack(anchor=N)
    17 b.pack(anchor=W)
    18 mainloop()
    复制代码

     

     

    让杨玉环和貂蝉同用一个tk变量 .  这样修改 貂蝉和杨玉环 任意一个另一个也会被改变的 . 

     

    复制代码
     1 from tkinter import *
     2 
     3 root = Tk()
     4 
     5 v = IntVar()
     6 
     7 Radiobutton(root,text='One',variable=v,value=1).pack(anchor=W)
     8 Radiobutton(root,text='Two',variable=v,value=2).pack(anchor=W)
     9 Radiobutton(root,text='Three',variable=v,value=3).pack(anchor=W)  # value 的值不同  . 相同的值 在其中一个被选中之后剩余的也会自动选中 .
    10 
    11 mainloop()
    复制代码

         这样就实现了单选的功能 . 

    复制代码
     1 from tkinter import *
     2 
     3 root = Tk()
     4 v = IntVar()
     5 
     6 Language = [('Python',1),
     7             ('ruby',2),
     8             ('C++',3),
     9             ('java',2)
    10         ]
    11 for lang,num in Language:
    12     b = Radiobutton(root,text=lang,variable=v,value=num)
    13     l = Label(root,textvariable=v)
    14     l.pack()
    15     b.pack(anchor=W)
    16            
    17 mainloop()
    复制代码

    复制代码
     1 from tkinter import *
     2 
     3 root = Tk()
     4 v = IntVar()
     5 
     6 Language = [('Python',1),
     7             ('ruby',2),
     8             ('C++',3),
     9             ('java',2)
    10         ]
    11 for lang,num in Language:
    12     b = Radiobutton(root,text=lang,variable=v,value=num,indicatoron=False,padx=30,pady=3)
    13     l = Label(root,textvariable=v)
    14     #l.pack()
    15     b.pack(anchor=W,fill=X)
    16            
    17 mainloop()
    复制代码

    将其中内容分隔开 .  LabelFrame

    复制代码
     1 from tkinter import *
     2 import easygui
     3 
     4 root = Tk()
     5 root.title('编程语言大战 !')
     6 v = IntVar()
     7 photo = PhotoImage(file="bg.gif")    # 声明一下图片 .
     8 def callback():
     9     easygui.msgbox('你这样让我很不爽',title='你说呢?')
    10 
    11 group=LabelFrame(root,text='最好的编程语言是 ?')   # 基于root 制定一个框架 . 
    12 group.pack(padx=50)
    13 
    14 v.set(1)
    15 Language = [('Python',1),
    16             ('ruby',2),
    17             ('C++',3),
    18             ('java',2)
    19         ]
    20 for lang,num in Language:
    21     b = Radiobutton(group,text=lang,variable=v,value=num,indicatoron=False,padx=30,pady=3)
    22     l = Label(group,textvariable=v)  # 将内容添加到框架当中
    23     l.pack()
    24     b.pack(anchor=W,fill=X)
    25 
    26 theButton=Button(root,text='就是这个了',command=callback)
    27 theButton.pack(pady=20)
    28 mainloop()
    29  
    复制代码

     

     

            

     

     

    复制代码
     1 from tkinter import *
     2 
     3 root = Tk()
     4 
     5 Label(root,text='帐号 :').grid(row=0,column=0) # 对Label内容进行 表格式 布局
     6 Label(root,text='密码 :').grid(row=1,column=0)
     7 
     8 v1=StringVar()    # 设置变量 . 
     9 v2=StringVar()
    10 
    11 e1 = Entry(root,textvariable=v1)            # 用于储存 输入的内容  
    12 e2 = Entry(root,textvariable=v2,show='$')
    13 e1.grid(row=0,column=1,padx=10,pady=5)      # 进行表格式布局 . 
    14 e2.grid(row=1,column=1,padx=10,pady=5)
    15 def show():
    16     print("帐号 :%s" % e1.get())          # get 变量内容 
    17     print("密码 :%s" % e2.get())
    18 
    19 Button(root,text='芝麻开门',width=10,command=show).grid(row=3,column=0,sticky=W,padx=10,pady=5)  # 设置 button 指定 宽度 , 并且 关联 函数 , 使用表格式布局 . 
    20 Button(root,text='退出',width=10,command=root.quit).grid(row=3,column=1,sticky=E,padx=10,pady=5)
    21 
    22 mainloop()
    复制代码

     

       

     

    复制代码
     1 from tkinter import *
     2 
     3 master = Tk()
     4 
     5 def test():
     6     if e1.get() == '小甲鱼':
     7         print("正确")
     8         return True
     9     else:
    10         print('错误')
    11         e1.delete(0,END)
    12         return False
    13 
    14 v=StringVar()
    15 
    16 e1 = Entry(master,textvariable=v,validate='focusout',validatecommand=test)  # validate 用于指定什么时候检测 . validatecommand 用于指定检测的标准
    17 e2 = Entry(master)
    18 e1.pack(padx=10,pady=10)
    19 e2.pack(padx=10,pady=10)
    20 
    21 
    22 
    23 mainloop()
    复制代码

     

     

     Python中的Entry 输入检测 , validate 用于指定检测的时机 . validatecommand 用于 指定监测机制 , invlidcommand 用于指定当结果不合格的时候执行的方案 . 

    复制代码
     1 from tkinter import *
     2 
     3 master = Tk()
     4 
     5 v = StringVar()
     6 
     7 def test():
     8     if e1.get() == '小甲鱼':
     9         print("正确")
    10         return True
    11     else:
    12         print('错误')
    13         e1.delete(0,END)
    14         return False
    15 
    16 def test1():
    17     print('我被调用了....')
    18     return True
    19 
    20 v=StringVar()
    21 
    22 e1 = Entry(master,textvariable=v,validate='focusout',\
    23            validatecommand=test,invalidcommand=test1)  # validate 用于指定什么时候检测 . validatecommand 用于指定检测的标准
    24 e2 = Entry(master)
    25 e1.pack(padx=10,pady=10)
    26 e2.pack(padx=10,pady=10)
    27 
    28 
    29 
    30 mainloop()
    复制代码

    复制代码
     1 from tkinter import *
     2 import easygui 
     3 
     4 master = Tk()
     5 
     6 frame = Frame(master)  # 确定一个框架用于美观
     7 
     8 frame.pack(padx = 20,pady = 20)
     9 
    10 v1 = StringVar() # 分别用于储存需要计算的数据和 结果
    11 v2 = StringVar()
    12 v3 = StringVar()
    13 
    14 def test(content):
    15     return content.isdigit()  # 检查是不是数字 .
    16 
    17 testCMD = frame.register(test)  # 将函数 进行包装 . 
    18 
    19 e1 = Entry(frame,width=10,textvariable=v1,validate='key',\
    20            validatecommand=(test,'%p')).grid(row=0,column=0,pady=10) # %p 是输入框的最新内容 . 当输入框允许改变的时候该值有效 ,
    21 Label(frame,text='+',padx=10).grid(row=0,column=1)
    22 
    23 e2 = Entry(frame,width=10,textvariable=v2,validate='key',\
    24            validatecommand=(test,'%p')).grid(row=0,column=2)
    25 Label(frame,text='=',padx=10).grid(row=0,column=3)
    26 
    27 e3 = Entry(frame,width=15,textvariable=v3,state='readonly').grid(row=0,column=4)
    28 
    29 def calc():
    30     if v1.get()=='':
    31         easygui.msgbox('请先输入内容 !')
    32         return 
    33     result = int(v1.get()) + int(v2.get())
    34     v3.set(result)
    35 
    36 Button(frame,text='计算结果',command=calc).grid(row=1,column=2,pady=5)
    37 
    38 mainloop()
    复制代码

        

     

    滚动条 设置 .

     为了在某个组件上面安装垂直滚动条 , 你需要做两件事 . 

    1 : 摄制组间的yscrollbarcommand选项作为Scorllbar组建的set()方法 . 

    2 :  设置Scrollbar组建的command选项为该组件的yview()方法

     lb = Listbox(root,yscrollcommand=sb.set)  这一句 其中的 lb 是 Listbox的实例化 , 用于绑定root 框架  . yscrollcommand=sb(滚动条).set 用于 当 可选内容 变化的时候 ,  带动滚动条的变化 .

     sb.config(command=lb.yview)  滚动条 , 和 可选内容进行 关系绑定 . 

    复制代码
     1 from tkinter import *
     2 
     3 
     4 root = Tk()
     5 
     6 sb = Scrollbar(root)
     7 sb.pack(side=RIGHT,fill=Y) # 需要先 将滚动条放置 到一个合适的位置 , 然后开始填充 . 
     8 
     9 lb = Listbox(root,yscrollcommand=sb.set) # 内容 控制滚动条 . 
    10 
    11 for i in range(111):
    12     lb.insert(END,i)
    13 
    14 lb.pack(side=LEFT,fill=BOTH)
    15 
    16 sb.config(command=lb.yview)  # 滑轮控制内容 . 
    17 
    18 mainloop()
    复制代码

    复制代码
     1 from tkinter import *
     2 
     3 
     4 root = Tk()
     5 
     6 s1 = Scale(root,from_=-10,to=10,tickinterval=5,resolution=2,length=100) # tickinterval 是设置的 标尺 多少长度有一个可读 , resolution设置的是 一次跳跃的 长度 . length 是设置长度 . 
     7 s1.pack()
     8 s2 = Scale(root,from_=-100,to=100,orient=HORIZONTAL,tickinterval=5,length=400,resolution=2)  # roient 默认的是 x 轴  , 让roient = HORIZONTAL 设置Y 轴 尺度 . 
     9 s2.pack()
    10 
    11 def Location_show():
    12     print('X轴速度 :'+str(s1.get()))
    13     print('Y轴速度 :'+str(s2.get()))
    14     
    15 
    16 Button(root,text='获取位置',command=Location_show).pack()
    17 
    18 mainloop()
    19 
    20 
    21  
    复制代码

    下拉选择框

    #!/usr/bin/env python
    # -*- coding: utf-8 -*-
    
    
    import tkinter as tk
    from tkinter import ttk
    
    win = tk.Tk()
    win.title("Python GUI")    # 添加标题
    
    ttk.Label(win, text="Chooes a number").grid(column=1, row=0)    # 添加一个标签,并将其列设置为1,行设置为0
    ttk.Label(win, text="Enter a name:").grid(column=0, row=0)      # 设置其在界面中出现的位置  column代表列   row 代表行
    
    # button被点击之后会被执行
    def clickMe():   # 当acction被点击时,该函数则生效
      action.configure(text='Hello ' + number.get())     # 设置button显示的内容
      action.configure(state='disabled')      # 将按钮设置为灰色状态,不可使用状态
    
    # 按钮
    action = ttk.Button(win, text="Click Me!", command=clickMe)     # 创建一个按钮, text:显示按钮上面显示的文字, command:当这个按钮被点击之后会调用command函数
    action.grid(column=2, row=1)    # 设置其在界面中出现的位置  column代表列   row 代表行
    
    # 文本框
    name = tk.StringVar()     # StringVar是Tk库内部定义的字符串变量类型,在这里用于管理部件上面的字符;不过一般用在按钮button上。改变StringVar,按钮上的文字也随之改变。
    nameEntered = ttk.Entry(win, width=12, textvariable=name)   # 创建一个文本框,定义长度为12个字符长度,并且将文本框中的内容绑定到上一句定义的name变量上,方便clickMe调用
    nameEntered.grid(column=0, row=1)       # 设置其在界面中出现的位置  column代表列   row 代表行
    nameEntered.focus()     # 当程序运行时,光标默认会出现在该文本框中
    
    # 创建一个下拉列表
    number = tk.StringVar()
    numberChosen = ttk.Combobox(win, width=12, textvariable=number)
    numberChosen['values'] = ("三角形面积","三棱柱的体积", 4, 42, 100)     # 设置下拉列表的值
    numberChosen.grid(column=1, row=1)      # 设置其在界面中出现的位置  column代表列   row 代表行
    numberChosen.current(0)    # 设置下拉列表默认显示的值,0为 numberChosen['values'] 的下标值
    
    win.mainloop()      # 当调用mainloop()时,窗口才会显示出来
    
    



    #!/usr/bin/env python # -*- coding: utf-8 -*- import tkinter as tk from tkinter import ttk win = tk.Tk() win.title("Python GUI") # 添加标题 ttk.Label(win, text="Chooes a number").grid(column=1, row=0) # 添加一个标签,并将其列设置为1,行设置为0 ttk.Label(win, text="Enter a name:").grid(column=0, row=0) # 设置其在界面中出现的位置 column代表列 row 代表行 # button被点击之后会被执行 def clickMe(): # 当acction被点击时,该函数则生效 action.configure(text='Hello ' + name.get()) # 设置button显示的内容 action.configure(state='disabled') # 将按钮设置为灰色状态,不可使用状态 # 按钮 action = ttk.Button(win, text="Click Me!", command=clickMe) # 创建一个按钮, text:显示按钮上面显示的文字, command:当这个按钮被点击之后会调用command函数 action.grid(column=2, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 # 文本框 name = tk.StringVar() # StringVar是Tk库内部定义的字符串变量类型,在这里用于管理部件上面的字符;不过一般用在按钮button上。改变StringVar,按钮上的文字也随之改变。 nameEntered = ttk.Entry(win, width=12, textvariable=name) # 创建一个文本框,定义长度为12个字符长度,并且将文本框中的内容绑定到上一句定义的name变量上,方便clickMe调用 nameEntered.grid(column=0, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 nameEntered.focus() # 当程序运行时,光标默认会出现在该文本框中 # 创建一个下拉列表 number = tk.StringVar() numberChosen = ttk.Combobox(win, width=12, textvariable=number) numberChosen['values'] = (1, 2, 4, 42, 100) # 设置下拉列表的值 numberChosen.grid(column=1, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 numberChosen.current(0) # 设置下拉列表默认显示的值,0为 numberChosen['values'] 的下标值 win.mainloop() # 当调用mainloop()时,窗口才会显示出来
    作者:_阿聪 链接:http://www.jianshu.com/p/2a931ce70b4b 來源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
    #!/usr/bin/env python # -*- coding: utf-8 -*- import tkinter as tk from tkinter import ttk win = tk.Tk() win.title("Python GUI") # 添加标题 ttk.Label(win, text="Chooes a number").grid(column=1, row=0) # 添加一个标签,并将其列设置为1,行设置为0 ttk.Label(win, text="Enter a name:").grid(column=0, row=0) # 设置其在界面中出现的位置 column代表列 row 代表行 # button被点击之后会被执行 def clickMe(): # 当acction被点击时,该函数则生效 action.configure(text='Hello ' + name.get()) # 设置button显示的内容 action.configure(state='disabled') # 将按钮设置为灰色状态,不可使用状态 # 按钮 action = ttk.Button(win, text="Click Me!", command=clickMe) # 创建一个按钮, text:显示按钮上面显示的文字, command:当这个按钮被点击之后会调用command函数 action.grid(column=2, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 # 文本框 name = tk.StringVar() # StringVar是Tk库内部定义的字符串变量类型,在这里用于管理部件上面的字符;不过一般用在按钮button上。改变StringVar,按钮上的文字也随之改变。 nameEntered = ttk.Entry(win, width=12, textvariable=name) # 创建一个文本框,定义长度为12个字符长度,并且将文本框中的内容绑定到上一句定义的name变量上,方便clickMe调用 nameEntered.grid(column=0, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 nameEntered.focus() # 当程序运行时,光标默认会出现在该文本框中 # 创建一个下拉列表 number = tk.StringVar() numberChosen = ttk.Combobox(win, width=12, textvariable=number) numberChosen['values'] = (1, 2, 4, 42, 100) # 设置下拉列表的值 numberChosen.grid(column=1, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 numberChosen.current(0) # 设置下拉列表默认显示的值,0为 numberChosen['values'] 的下标值 win.mainloop() # 当调用mainloop()时,窗口才会显示出来
    作者:_阿聪 链接:http://www.jianshu.com/p/2a931ce70b4b 來源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
    #!/usr/bin/env python # -*- coding: utf-8 -*- import tkinter as tk from tkinter import ttk win = tk.Tk() win.title("Python GUI") # 添加标题 ttk.Label(win, text="Chooes a number").grid(column=1, row=0) # 添加一个标签,并将其列设置为1,行设置为0 ttk.Label(win, text="Enter a name:").grid(column=0, row=0) # 设置其在界面中出现的位置 column代表列 row 代表行 # button被点击之后会被执行 def clickMe(): # 当acction被点击时,该函数则生效 action.configure(text='Hello ' + name.get()) # 设置button显示的内容 action.configure(state='disabled') # 将按钮设置为灰色状态,不可使用状态 # 按钮 action = ttk.Button(win, text="Click Me!", command=clickMe) # 创建一个按钮, text:显示按钮上面显示的文字, command:当这个按钮被点击之后会调用command函数 action.grid(column=2, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 # 文本框 name = tk.StringVar() # StringVar是Tk库内部定义的字符串变量类型,在这里用于管理部件上面的字符;不过一般用在按钮button上。改变StringVar,按钮上的文字也随之改变。 nameEntered = ttk.Entry(win, width=12, textvariable=name) # 创建一个文本框,定义长度为12个字符长度,并且将文本框中的内容绑定到上一句定义的name变量上,方便clickMe调用 nameEntered.grid(column=0, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 nameEntered.focus() # 当程序运行时,光标默认会出现在该文本框中 # 创建一个下拉列表 number = tk.StringVar() numberChosen = ttk.Combobox(win, width=12, textvariable=number) numberChosen['values'] = (1, 2, 4, 42, 100) # 设置下拉列表的值 numberChosen.grid(column=1, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 numberChosen.current(0) # 设置下拉列表默认显示的值,0为 numberChosen['values'] 的下标值 win.mainloop() # 当调用mainloop()时,窗口才会显示出来
    作者:_阿聪 链接:http://www.jianshu.com/p/2a931ce70b4b 來源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
    #!/usr/bin/env python # -*- coding: utf-8 -*- import tkinter as tk from tkinter import ttk win = tk.Tk() win.title("Python GUI") # 添加标题 ttk.Label(win, text="Chooes a number").grid(column=1, row=0) # 添加一个标签,并将其列设置为1,行设置为0 ttk.Label(win, text="Enter a name:").grid(column=0, row=0) # 设置其在界面中出现的位置 column代表列 row 代表行 # button被点击之后会被执行 def clickMe(): # 当acction被点击时,该函数则生效 action.configure(text='Hello ' + name.get()) # 设置button显示的内容 action.configure(state='disabled') # 将按钮设置为灰色状态,不可使用状态 # 按钮 action = ttk.Button(win, text="Click Me!", command=clickMe) # 创建一个按钮, text:显示按钮上面显示的文字, command:当这个按钮被点击之后会调用command函数 action.grid(column=2, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 # 文本框 name = tk.StringVar() # StringVar是Tk库内部定义的字符串变量类型,在这里用于管理部件上面的字符;不过一般用在按钮button上。改变StringVar,按钮上的文字也随之改变。 nameEntered = ttk.Entry(win, width=12, textvariable=name) # 创建一个文本框,定义长度为12个字符长度,并且将文本框中的内容绑定到上一句定义的name变量上,方便clickMe调用 nameEntered.grid(column=0, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 nameEntered.focus() # 当程序运行时,光标默认会出现在该文本框中 # 创建一个下拉列表 number = tk.StringVar() numberChosen = ttk.Combobox(win, width=12, textvariable=number) numberChosen['values'] = (1, 2, 4, 42, 100) # 设置下拉列表的值 numberChosen.grid(column=1, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 numberChosen.current(0) # 设置下拉列表默认显示的值,0为 numberChosen['values'] 的下标值 win.mainloop() # 当调用mainloop()时,窗口才会显示出来
    作者:_阿聪 链接:http://www.jianshu.com/p/2a931ce70b4b 來源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
    #!/usr/bin/env python # -*- coding: utf-8 -*- import tkinter as tk from tkinter import ttk win = tk.Tk() win.title("Python GUI") # 添加标题 ttk.Label(win, text="Chooes a number").grid(column=1, row=0) # 添加一个标签,并将其列设置为1,行设置为0 ttk.Label(win, text="Enter a name:").grid(column=0, row=0) # 设置其在界面中出现的位置 column代表列 row 代表行 # button被点击之后会被执行 def clickMe(): # 当acction被点击时,该函数则生效 action.configure(text='Hello ' + name.get()) # 设置button显示的内容 action.configure(state='disabled') # 将按钮设置为灰色状态,不可使用状态 # 按钮 action = ttk.Button(win, text="Click Me!", command=clickMe) # 创建一个按钮, text:显示按钮上面显示的文字, command:当这个按钮被点击之后会调用command函数 action.grid(column=2, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 # 文本框 name = tk.StringVar() # StringVar是Tk库内部定义的字符串变量类型,在这里用于管理部件上面的字符;不过一般用在按钮button上。改变StringVar,按钮上的文字也随之改变。 nameEntered = ttk.Entry(win, width=12, textvariable=name) # 创建一个文本框,定义长度为12个字符长度,并且将文本框中的内容绑定到上一句定义的name变量上,方便clickMe调用 nameEntered.grid(column=0, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 nameEntered.focus() # 当程序运行时,光标默认会出现在该文本框中 # 创建一个下拉列表 number = tk.StringVar() numberChosen = ttk.Combobox(win, width=12, textvariable=number) numberChosen['values'] = (1, 2, 4, 42, 100) # 设置下拉列表的值 numberChosen.grid(column=1, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 numberChosen.current(0) # 设置下拉列表默认显示的值,0为 numberChosen['values'] 的下标值 win.mainloop() # 当调用mainloop()时,窗口才会显示出来
    作者:_阿聪 链接:http://www.jianshu.com/p/2a931ce70b4b 來源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
    #!/usr/bin/env python # -*- coding: utf-8 -*- import tkinter as tk from tkinter import ttk win = tk.Tk() win.title("Python GUI") # 添加标题 ttk.Label(win, text="Chooes a number").grid(column=1, row=0) # 添加一个标签,并将其列设置为1,行设置为0 ttk.Label(win, text="Enter a name:").grid(column=0, row=0) # 设置其在界面中出现的位置 column代表列 row 代表行 # button被点击之后会被执行 def clickMe(): # 当acction被点击时,该函数则生效 action.configure(text='Hello ' + name.get()) # 设置button显示的内容 action.configure(state='disabled') # 将按钮设置为灰色状态,不可使用状态 # 按钮 action = ttk.Button(win, text="Click Me!", command=clickMe) # 创建一个按钮, text:显示按钮上面显示的文字, command:当这个按钮被点击之后会调用command函数 action.grid(column=2, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 # 文本框 name = tk.StringVar() # StringVar是Tk库内部定义的字符串变量类型,在这里用于管理部件上面的字符;不过一般用在按钮button上。改变StringVar,按钮上的文字也随之改变。 nameEntered = ttk.Entry(win, width=12, textvariable=name) # 创建一个文本框,定义长度为12个字符长度,并且将文本框中的内容绑定到上一句定义的name变量上,方便clickMe调用 nameEntered.grid(column=0, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 nameEntered.focus() # 当程序运行时,光标默认会出现在该文本框中 # 创建一个下拉列表 number = tk.StringVar() numberChosen = ttk.Combobox(win, width=12, textvariable=number) numberChosen['values'] = (1, 2, 4, 42, 100) # 设置下拉列表的值 numberChosen.grid(column=1, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 numberChosen.current(0) # 设置下拉列表默认显示的值,0为 numberChosen['values'] 的下标值 win.mainloop() # 当调用mainloop()时,窗口才会显示出来
    作者:_阿聪 链接:http://www.jianshu.com/p/2a931ce70b4b 來源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
    #!/usr/bin/env python # -*- coding: utf-8 -*- import tkinter as tk from tkinter import ttk win = tk.Tk() win.title("Python GUI") # 添加标题 ttk.Label(win, text="Chooes a number").grid(column=1, row=0) # 添加一个标签,并将其列设置为1,行设置为0 ttk.Label(win, text="Enter a name:").grid(column=0, row=0) # 设置其在界面中出现的位置 column代表列 row 代表行 # button被点击之后会被执行 def clickMe(): # 当acction被点击时,该函数则生效 action.configure(text='Hello ' + name.get()) # 设置button显示的内容 action.configure(state='disabled') # 将按钮设置为灰色状态,不可使用状态 # 按钮 action = ttk.Button(win, text="Click Me!", command=clickMe) # 创建一个按钮, text:显示按钮上面显示的文字, command:当这个按钮被点击之后会调用command函数 action.grid(column=2, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 # 文本框 name = tk.StringVar() # StringVar是Tk库内部定义的字符串变量类型,在这里用于管理部件上面的字符;不过一般用在按钮button上。改变StringVar,按钮上的文字也随之改变。 nameEntered = ttk.Entry(win, width=12, textvariable=name) # 创建一个文本框,定义长度为12个字符长度,并且将文本框中的内容绑定到上一句定义的name变量上,方便clickMe调用 nameEntered.grid(column=0, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 nameEntered.focus() # 当程序运行时,光标默认会出现在该文本框中 # 创建一个下拉列表 number = tk.StringVar() numberChosen = ttk.Combobox(win, width=12, textvariable=number) numberChosen['values'] = (1, 2, 4, 42, 100) # 设置下拉列表的值 numberChosen.grid(column=1, row=1) # 设置其在界面中出现的位置 column代表列 row 代表行 numberChosen.current(0) # 设置下拉列表默认显示的值,0为 numberChosen['values'] 的下标值 win.mainloop() # 当调用mainloop()时,窗口才会显示出来
    作者:_阿聪 链接:http://www.jianshu.com/p/2a931ce70b4b 來源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    文本框

    复制代码
     1 from tkinter import *
     2 
     3 
     4 root = Tk()
     5 
     6 text = Text(root ,width=30,height=5) # 这个意思是每行三十个字符  两行 .
     7 
     8 text.pack()
     9 
    10 text.insert(INSERT,"I Love \n")# 第一个表示插入的位置 第二个是内容 其中第一个必须有 , INSERT 是光标所在位置
    11 text.insert(END,"Fishc.com !")  # END 表示 在上一次输入结束的位置继续 . 
    12 
    13  
    14 
    15 mainloop()
    复制代码

     

    因为文本框和listbox较为相似所以这里加入滚动条试试 .

    复制代码
     1 from tkinter import *
     2 
     3 
     4 root = Tk()
     5 # 设置 滚动条 控制
     6 sb = Scrollbar(root)  #  在 root 初始旷 上面插入一 插入一个滚动条 . 
     7 sb.pack(side=RIGHT,fill=Y)      #  设置滚动条的位置 . 
     8 
     9 
    10 
    11 
    12 text = Text(root ,width=30,height=10,yscrollcommand=sb.set) # 这个意思是每行三十个字符  两行 .  将滚动条 绑定在text文本上面 .  下面  txt文本会插入内容 . 
    13 
    14 text.pack()
    15 
    16 text.insert(INSERT,"I Love \n")# 第一个表示插入的位置 第二个是内容 其中第一个必须有 , INSERT 是光标所在位置
    17 text.insert(END,"Fishc.com !\n")  # END 表示 在上一次输入结束的位置继续 . 
    18 
    19 photo = PhotoImage(file="18.gif") # 打包一个图片 . 
    20 def show():
    21     text.image_create(END,image=photo) #   在text 中添加一个 图片 .
    22 button1 = Button(text,text="顶我! ",command=show) # 第一个和第二个的 text 可是不一样的,
    23 text.window_create(INSERT,window=button1)  # 除了 文字是 insert 其余的好像都是 window_create
    24 
    25 text.pack(side=LEFT,fill=BOTH)
    26 sb.config(command=text.yview)            #   滚动条绑定   text的内容 用于  拉动滑块 反转内容 . 
    27 
    28 
    29 mainloop()
    复制代码




    展开全文
  • 在linux下可以直接通过redis-cli 进入交互页面,但是直接进的是默认端口6379的进程中,现在又启动了一个6300端口的进程。通过redis-cli进入的仍然是6379的进程中。 用telnet localhost 6300 是可以进入6300 的进程的...
  • 利用juypter搭建远程可访问的python交互页面为了在没有安装python的机器上工作,在装有python和相关包的电脑上安装Jupyter并进行配置,设置端口和转发,就可以在远端的设备上用浏览器进行代码的调试和显示了。...

    利用juypter搭建远程可访问的python交互页面

    为了在没有安装python的机器上工作,在装有python和相关包的电脑上安装Jupyter并进行配置,设置端口和转发,就可以在远端的设备上用浏览器进行代码的调试和显示了。


    目录

    条件

    安装Jupyter。一般如果利用Anaconda安装包,其中自带了Jupyter,可以在命令行里启动
    jupyter notebook
    就会开启一个内核,在浏览器调出8888端口进行显示

    配置步骤

    1. 在命令行生产配置文件:

    $ jupyter notebook --generate-config

    设置密码:

    方法 A 在ipython或者python 运行环境中调用设置密码

    >>from notebook.auth import passwd
    In [2]: passwd()
    Enter password:  xxxxxx
    Verify password: xxxxxx
    Out[2]: 'sha1:67c9e60bb8b6:9ffede0825894254b2e042ea597d771089e11aed'  # 这一密钥要复制到下面的配置文件中

    方法 B(5.0vision)

    $ jupyter notebook password
    Enter password:  ****
    Verify password: ****
    [NotebookPasswordApp] Wrote hashed password to /Users/you/.jupyter/jupyter_notebook_config.json

    2.修改配置文件

    用任意编辑器打开刚刚生产的文件,一般linux在user文件夹下/.jupyter, win 默认安装在c:\user\user.jupyter 下:

    找到下面几个部分进行修改

    c.NotebookApp.ip='*'   #* 代表监听所有端口,外网可以方位
    c.NotebookApp.password = u'sha:***...@@@@@@@@@@'   #引号前记得写u,‘’中复制刚刚得到的密文
    c.NotebookApp.open_browser = False # 默认不在本地浏览器中打开
    c.NotebookApp.port =8888    # 设置一个本机端口来访问,建议不要设为8888
    c.NotebookApp.notebook_dir ='/jupyter'      #保存jupyter notebook的路径,可以自己设置,建议绝对路径

    保存,推出后,就可以在本机ip地址xxx.xxx.xxx.xxx:port ,访问到这个页面了。提示输入刚才设置的密码,就可以进入编辑页面了。
    这里写图片描述

    可以参照官方网站和另一个博客

    3 端口转发

    为了使得外网能够访问位于内网的Jupyter,还需要进行端口转发:

    进入路由器找到虚拟服务器
    设置一个外部端口号码例如39887—对应内部Juypter端口如8888,在填入安装Jupyter计算机在局域网的对应IP如192.168.2.123。
    例如路由器的公网IP为: 10.10.10.10
    则使用10.10.10.10:39887即可访问对应的Jupyter页面

    参考:
    1
    2
    3
    4
    5

    展开全文
  • 我那时候以为 HTML 和 PHP 之间的数据交互只能新开一个 PHP 网页,也就是简单在HTML页面用一下表单 (from) ,然后在 PHP 页面用一下变量接受,然后后面就写跟 MySQL 交互的代码。 <form action="login....

    写得很详细了,如果有问题留言再问哈!!!

    一开始初学网页制作的时候,空余时间比较少,拿来代码就用,只要能实现功能就好
    我那时候以为 HTML 和 PHP 之间的数据交互只能新开一个 PHP 网页,也就是简单在HTML页面用一下表单 (from) ,然后在 PHP 页面用一下变量接受,然后后面就写跟 MySQL 交互的代码。

    <form action="login.php" method="POST">
    	<input  type="text" name="name" placeholder="请输入用户名"/>
    	<input  type="password" name="password" placeholder="请输入密码"/>
        <input name="login" type="button" value="登录" onclick=submit() />
    </form>
    
    $name = $_POST["name"];
    $pwd = $_POST["password"];
    

    action 指定的是接收表单数据的 PHP 文件,method有两种模式 post 和 get,这里就不赘述了,学习网址:https://www.runoob.com/php/php-get.html
    PHP的变量形式就是 $+名字,method = post 的表单(from)的数据只用 $_POST 来接受,get的话就用 $_GET 来接受
    -----------------------------==---------------------------------------------------------------------------------------------------------

    下面进入正文

    如果是需要频繁的和数据库交互显示的话,上面的这种方法不断跳转页面会很烦人,于是我在菜鸟教程那里想找有没有不需要跳转页面显示的方法,当我看到了这个 【AJAX数据库实例】的时候,我笑了,嘻嘻嘻,这就是我要找的。
    在这里插入图片描述
    在菜鸟教程里面的例程是通过下拉菜单选择来进行与数据库的交互,而我要实现的是输入框的内容和数据库的交互,于是我需要按找我的思路对代码进行了整改,交互的核心都离不开这个函数

    <script>
    function showSite(str)
    {
        if (str=="")
        {
            document.getElementById("txtHint").innerHTML="";
            return;
        } 
        if (window.XMLHttpRequest)
        {
            // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
            xmlhttp=new XMLHttpRequest();
        }
        else
        {
            // IE6, IE5 浏览器执行代码
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","getsite_mysql.php?q="+str,true);
        xmlhttp.send();
    }
    </script>
    

    那些 xmlhttp 什么的我一脸懵逼,看半天没搞懂,于是我决定,先用再说,这我觉得是个学习语言的技巧来的,可以借鉴一下,嘻嘻嘻

    js(javascript) 写的函数前面都要加个function,约定俗成,function showSite(str) 括号里面的 str 显然就是参数了,if (str=="")这个判断也就是说参数为空的时候就 return 出来,中间那一大段跟参数 str 没啥关系就不理了,最后面那个 xmlhttp.open(“GET”,“getsite_mysql.php?q=”+str,true) 里面有 str 需要留心关注一下,那个 getsite_mysql.php.php 显然就是接受数据,移植函数的话要注意更改,那个 true 好像说是设置异步什么的,不太明白,简单了解了函数,直接复制黏贴就OK啦

    先展示一下效果图

    文本框空白点击【搜索
    在这里插入图片描述
    文本框输入【报纸】点击【搜索】(数据库有报纸的信息)
    在这里插入图片描述
    文本框输入【啦啦啦】点击【搜索】(数据库没有啦啦啦的信息)
    在这里插入图片描述

    在文本框输入【报纸】,然后点击搜索按钮就可以在下面看到一个表格,表格显示的【ID】【可回收垃圾】内容是要查询数据库后得出来的,如果文本框输入的东西数据库里面没有,那就显示【不知道】

    下面就是直接看代码了

    HTML全部代码

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8"> 
    <title>简单交互</title> //这里就是上网时候的标签页的名字
    <script>
    function showSite(str)
    {
        if (str=="")
        {
            document.getElementById("txtHint").innerHTML="无输入";//这里小改,参数为空显示【无输入】
            return;
        } 
        if (window.XMLHttpRequest)
        {
            // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
            xmlhttp=new XMLHttpRequest();
        }
        else
        {
            // IE6, IE5 浏览器执行代码
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","mysql.php?q="+str,true);
        xmlhttp.send();
    }
    </script>
    </head>
    <body>
    	<label for="rec"><strong>我要查询</strong></label>//laber其实有没有都不差,听说是方便人点击用的
    	<br>//换行操作,屡试不爽
        <input id="litter" type="text"  placeholder="报纸"/>
        //id 这个很关键,后面函数调用的参数要用到, placeholder 就是文本框为空时显示的东西
    	<input type="submit" value="搜索" onclick="showSite(litter.value)"/>
    	//onclick 点击触发函数运行,通过【.litter】指定 id="litter" 的文本框,【.value】指定文本框的输入内容
        <br>
        <div id="txtHint"><b>网站信息显示在这里……</b></div> 
        //这里也很关键,这里是 HTML 显示数据表格的地方,函数里面用到
    </body>
    </html>
    

    PHP全部代码

    <?php
    $gett = $_GET["q"];
    //获取数据,那个q写在函数xmlhttp.open("GET","mysql.php?q="+str,true)这里面,我惊呆了,根本不像话
     
    $con = mysqli_connect('192.168.x.xxx:3306','yonghu','mima');
    //这里是数据库操作基本的语句,连接MySQL数据库,需要写数据库地址,管理数据库的账号和密码
    //这里提一个醒,如果是MySQL听说是密码账户加密了,当初在ubantu上安装时设置的账号密码不能用
    //我只能设置一个远程的账户,给所有权限,参考网址:https://bbs.csdn.net/topics/340186098
    if (!$con)
    {
        die('Could not connect: ' . mysqli_error($con));
    }
    
    // 选择数据库
    mysqli_select_db($con,"mydb");
    
    // 设置编码,防止中文乱码
    mysqli_set_charset($con, "utf8");
    
    // 这里讲一下,litter_classify是数据表(table)名字,where的就是找litter_name=【报纸】的那一行
    //直接写 '$get' 也可以的,加两个点我要干哈
    $sql="SELECT * FROM litter_classify WHERE litter_name = '".$gett."'";
     
    //这是MySQL执行语句,很important的,敲黑板!!!
    //可以采用变量 $sql 形式
    //也可以直接MySQL语句直接干"SELECT * FROM litter_classify WHERE litter_name = '报纸'"
    $result = mysqli_query($con,$sql);
     
     //php的 echo 语句功能非常的强大,可以写HTML语句,加个class id 的还能设置css样式,amazing!!!
     //html 的table 是表格 ,tr是表格的一行,th是表头,td是表的单元格
     //注意用 echo 要把HTML语句打完整,有头有尾</table></table>,注意一下
     //border=“1” 是设置表的边框
    echo "<table border='1'>
    <tr>
    <th>ID</th>
    <th>垃圾</th>
    <th>分类</th>
    </tr>";
     
    //这个 while 循环很精髓,打印表格必备  $row[]括号里面写的是数据库的列名,需要哪一列写哪一列
    //那个格式要写对,不要漏点,漏引号之类的
    while($row = mysqli_fetch_array($result))
    {
        echo "<tr>";
        echo "<td>" . $row['litter_id'] . "</td>";
        echo "<td>" . $row['litter_name'] . "</td>";
        echo "<td>" . $row['litter_style'] . "</td>";
        echo "</tr>";
    }
    echo "</table>";
     
    mysqli_close($con);//有始有终,又开有关,释放资源
    ?>
    

    数据库方面
    在这里插入图片描述
    代码里面有解析,讲得很详细了哈,HTML文件和PHP文件要放在同一个目录下,这个不需要我说了吧,要不然的话,函数那个PHP路径也要改,./ …/ 上级目录,上上级目录这些之类的不讲了

    安装MySQL,数据库建表,插入数据什么这一类的,还有MySQL语句啥的应该不需要我了吧,那太多东西了,见好就收哈,有问题可以问,本人水平那就那样,能解答就解答
    -----------------------===--------------------------------------------------------------------------------------------------------------

    如果以上有哪里不对,或者有错的欢迎指正,emmmmm

    最后推荐一下
    学习制作网页的话,我觉得三个网站比较不错,菜鸟教程, w3school ,PHP中文网,很多干货,希望对你们学习有帮助,嘻嘻嘻

    展开全文
  • 在日常前后端交互过程中经常出现乱码问题,本文将着重讲解处理编码乱码问题
    一些人经常会出现明明后端已经对要返回的参数进行编码了但是前端获取后仍然是乱码,问题出在哪呢?
      public void DemoTeach(HttpServletRequest request,HttpServletResponse response) throws IOException{
    		   
    		  String message="这句话要输出到前端";
    		  //告诉浏览器用何种解码方式进行编码解码
    		  1、response.setHeader("content-type", "text/html;charset=utf-8");  
    		  2、ServletOutputStream  out=response.getOutputStream();
    		  //对数据进行编码
    		  3、out.write(message.getBytes("utf-8"));
    	   }
    	   整个解析的流程是这样的;首先java把数据进行编码(utf-8),这个时候如果直接传递给浏览器,浏览器默认是对数据进行gb2312进行解码,那么就会出错。所以你再对数据进行
    	   编码后需要告诉浏览器它需要用何种方式进行解码。 1中就是告诉浏览器需要用utf-8来进行解码
    如果你还看不懂,请去这里看: https://www.cnblogs.com/warrior4236/p/6021393.html

    展开全文
  • ![图片说明]...在手机上显示是这样的 双击以后宽度才适应手机屏幕 !...适应手机屏幕以后的页面 这是根据pc端页面临时改的 这种问题怎么快速的解决呀????
  • 首先,由于微信小程序登录流程优化之后。不能让用户进入小程序之后直接...用户了交互按钮,例如:关注、收藏、喜欢、点赞等操作的时候就需要添加判断用户是否登录。这个时候就会出现如上需求 好了!需求清晰,逻辑.
  • linux命令交互页面如何快速复制粘贴

    千次阅读 2019-02-23 10:16:33
    shift + ctrl + c 复制 shift + ctrl + v 粘贴 选中需要复制的内容,shift + ctrl + c 然后再命令行输入 shift + ctrl + v  
  • 2019独角兽企业重金招聘Python工程师标准>>> ...
  • 数据库使用的是Mysql、服务器是Apache服务器、使用Flex Builder 4.6 IDE .MXML所做的操作就是增删改查数据,但页面显示数据等待时间很长很长,有时要10来秒
  • # single draw(y, y_label='Data', title='undefined title', semilog=False) # multiple drawx(y_list, label_list=None, title='undefined title', start=0, end=None, x_list=None, x_label=None, semilog=...
  • [用的是这个模板](http://www.html5tricks.com/html5-css3-circle-menu.html "") 就是点击了最后一个界面的圈圈不能跳转 而是返回到最开始的界面了
  • 页面交互

    2019-06-18 07:57:56
    设计完成之后我们还要给它们设定相对应的功能 这就导致了我们做项目时常都要考虑的一个问题 那就是各类页面交互问题我们应该怎么解决 这个是我们最常见也是最常用的方法 用Jquery方法 window;location.replace 是...
  • 重点是,如此多的页面用网页来写,那么必定涉及到网页与原生的交互,俗称js交互。目标:h5页面点击按钮Android端接收到网页传给的json数据。实现网页端 网页端添加如下内容&lt;script type="text/...
  • h5页面与Android原生页面交互

    千次阅读 2016-12-12 19:51:30
    重点是,如此多的页面用网页来写,那么必定涉及到网页与原生的交互,俗称js交互。目标:h5页面点击按钮Android端接收到网页传给的json数据。实现网页端 网页端添加如下内容<script type="text/javascript"> var ...
  • 两端交互安卓:https://github.com/lzyzsd/JsBridgeIOS:https://github.com/marcuswestin/WebViewJavascriptBridge两者一起用的话会起冲突,需要判断一下是什么终端,然后分别调用,var u = navigator.userAgent;...
  • Web页面交互

    2019-04-06 10:34:58
    web工作原理 Web动态网站运行原理 提交表单的方法 当表单的method属性提交方式为POST时,浏览器发送POST请求,内容放在URL参数中进行提交(地址栏) 当表单method属性提交方式为GET时,浏览器发送GET请求 ...
  • 页面交互元素

    2018-03-28 09:57:26
    1.detalis元素和summary元素 datails元素用于描述文档或文档某个部分的细节。summary元素经常与details元素配合使用,作为details元素的第一个子元素,用于为detalis定义标题。标题是可见的,当用户单击标题时,会...
  • Html页面页面间的交互

    千次阅读 2017-10-19 15:05:58
    HTML 页面页面间的交互分别为:window.parent 与 window.opener两者简单介绍:1、window.opener 是 window.open 打开的子页面调用父页面对象window.opener 只是对弹出窗口的母窗口的一个引用。比如:a.html中,...
  • 页面和iframe子页面变量的交互

    千次阅读 2017-07-05 15:53:43
    页面和iframe子页面交互变量和元素

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 71,054
精华内容 28,421
关键字:

交互页面